-
Notifications
You must be signed in to change notification settings - Fork 0
/
footer.php
executable file
·135 lines (132 loc) · 4.71 KB
/
footer.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<?php
/**
* The footer for our theme
*
* This is the template that displays all of the <head> section and everything up until <div id="content">
*
* @pnk https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package mp_paints
*/
?>
<style>
.footer-bg {
position: relative;
background: url(../img/footer-bg.png) no-repeat;
background-position: center top;
background: #272b81;
z-index: 88;
}
.footer-menu ul>li{
list-style: none;
}
.footer-padding{
margin: 0 auto;
padding-top: 56px;
padding-bottom: 56px;
}
.footer-menu ul>li>a {
font-size: 16px;
color: #ffffff;
margin-bottom: 22px;
cursor: default;
}
.uk-accordion-content p>a {
display: inline-block;
font-size: 14px;
color: rgba(255,255,255,0.35);
line-height: 0px;
margin-bottom: 12px;
position: relative;
}
.uk-accordion-content p {
margin: 0;
}
</style>
<div class="footer-bg footer-padding">
<div class="footer-boder">
<div class="uk-container">
<div class="uk-child-width-1-5@m uk-grid-small" uk-grid>
<div class="footer-menu">
<ul class="uk-padding-remove-left" <?php if(wp_is_mobile()){ ?>uk-accordion<?php } ?>>
<li>
<a class="<?php if(wp_is_mobile()){ ?>uk-accordion-title<?php } ?>" href="#">关注我们</a>
<div class="uk-accordion-content">
<p><a href="/leixing/jinghuaqi">空气净化器系列</a></p>
</div>
</li>
</ul>
</div>
<div class="footer-menu">
<ul class="uk-padding-remove-left" <?php if(wp_is_mobile()){ ?>uk-accordion<?php } ?>>
<li>
<a class="<?php if(wp_is_mobile()){ ?>uk-accordion-title<?php } ?>" href="#">加入我们</a>
<div class="uk-accordion-content">
<p><a class="footer_nav_menu_item" href="https://wp.tmall.com/?spm=a1z10.3-b-s.w20166435-23624452710.5.75765d30W0S7jn&scene=taobao_shop">天猫旗舰店</a></p>
</div>
</li>
</ul>
</div>
<div class="footer-menu">
<ul class="uk-padding-remove-left" <?php if(wp_is_mobile()){ ?>uk-accordion<?php } ?>>
<li>
<a class="<?php if(wp_is_mobile()){ ?>uk-accordion-title<?php } ?>" href="#">联系我们</a>
<div class="uk-accordion-content">
<p><a href="/about.html#Brand">企业介绍</a></p>
<p><a href="/about.html#Milestone">发展历程</a></p>
<p><a href="/about.html#Award">获得荣耀</a></p>
<p><a href="/about.html#Map">全球布局</a></p>
</div>
</li>
</ul>
</div>
<div class="footer-menu">
<ul class="uk-padding-remove-left" <?php if(wp_is_mobile()){ ?>uk-accordion<?php } ?>>
<li>
<a class="<?php if(wp_is_mobile()){ ?>uk-accordion-title<?php } ?>" href="#">法律信息</a>
<div class="uk-accordion-content">
<p>客服与售后：</br>400-8083-081</p>
</div>
</li>
</ul>
</div>
<div class="footer-menu">
<ul class="uk-padding-remove-left" <?php if(wp_is_mobile()){ ?>uk-accordion<?php } ?>>
<li>
<a class="<?php if(wp_is_mobile()){ ?>uk-accordion-title<?php } ?>" href="#">扫码关注</a>
<div class="uk-accordion-content">
<p class="wx-gzh"><img data-src="" alt="微信公众号" uk-img></p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-logo">
<div class="uk-text-center">
</div>
</div>
</div>
<!--这个是移动端导航-->
<div id="offcanvas-reveal" uk-offcanvas="mode: slide; overlay: true">
<div class="uk-offcanvas-bar">
<button class="uk-offcanvas-close" type="button" uk-close></button>
<div class="uk-wiph-1-2@s uk-wiph-2-5@m uk-margin">
<ul class="uk-nav-default uk-nav-parent-icon" uk-nav="multiple: true">
<?php wp_nav_menu( array(
'theme_location' => 'menu-header',
'container' => false,
'container_class' => '', //最外层容器class名
'container_id' => '',//最外层容器id值
'items_wrap' => '%3$s',
'depth' => 0
));?>
</ul>
</div>
</div>
</div>
</div>
<?php wp_footer(); ?>
</body>
</html>