helpbuy.html
7.4 KB
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>帮买服务</title>
<script type="text/javascript" src="/assets/js/jquery-1.12.4.min.js"></script>
<!--bootstrap引入-->
<link rel="stylesheet" href="/assets/css/bootstrap-3.3.7-dist/css/bootstrap.css">
<script type="text/javascript" src="/assets/css/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="/assets/css/header.css">
<link rel="stylesheet" href="/assets/css/footer.css">
</head>
<body>
<!--公共头部-->
<header>
<div class="headerMain">
<img class="logo" src="/assets/img/images/logo.png" alt="logo">
<div class="buttons">
<a href="login.html" class="btn btn-warning">
<img src="/assets/img/images/user.png" alt="user">
登录/注册
</a>
<a href="shoppingCart.html" class="btn">
<img src="/assets/img/images/settled.png" alt="shop">
购物车
</a>
<a href="settledIn.html" class="btn">
<img src="/assets/img/images/settled.png" alt="user">
我要入驻
</a>
</div>
</div>
</header>
<!--主要内容-->
<div class="content">
<div class="navBarBox">
<ul>
<li><a href="{:url('index/index')}">首页</a></li>
<li><a href="purchasingCenter.html">采购中心</a></li>
<li><a href="{:url('index/helpbuy')}">帮买服务</a></li>
<li><a href="productMaintenance.html">产品维修</a></li>
<li><a href="aboutUs.html">关于我们</a></li>
</ul>
</div>
<!--标题图片-->
<div class="titleImgContent">
<img src="/assets/img/images/helpBuyImg.png" alt="img">
</div>
<!--富文本内容-->
<div class="contentBox">
<div class="contentMain">
</div>
</div>
</div>
<!--右侧功能按钮-->
<div class="rightButtons">
<a href="tencent://message/?uin=88888888&Site=baidu.com&Menu=yes">
<img src="/assets/img/images/onlineService.png" alt="onlineService">
在线客服
</a>
</div>
<!--公共尾部，其它页面使用时将footer拿出即可-->
<footer>
<div class="top">
<ul>
<li>
<img src="/assets/img/images/plane.png" alt="plane">
<div>
<p>货期保障</p>
<p>就近发货，省时省心</p>
</div>
</li>
<li>
<img src="/assets/img/images/fabulous.png" alt="fabulous">
<div>
<p>正品货源</p>
<p>商家经权威认证，严格审核</p>
</div>
</li>
<li>
<img src="/assets/img/images/category.png" alt="category">
<div>
<p>品类齐全</p>
<p>省心省力，一站购齐</p>
</div>
</li>
<li>
<img src="images/safe.png" alt="safe">
<div>
<p>安全交易</p>
<p>银行监管，保障资金安全</p>
</div>
</li>
</ul>
</div>
<div class="bottom">
<!--底部小导航-->
<div class="bottomNav">
<a href="index.html">首页</a>
<a href="purchasingCenter.html">采购中心</a>
<a href="{:url('index/helpbuy')}">帮买服务</a>
<a href="{:url('')}">产品维修</a>
<a href="aboutUs.html">关于我们</a>
</div>
<!--友链-->
<div class="friendshipLinks">
<a href="">友情链接：</a>
<a href="">链接网站名称</a>
<a href="">链接网站名称</a>
<a href="">链接网站</a>
<a href="">链接网站名称</a>
<a href="">链接网站名称</a>
<a href="">链接网站</a>
<a href="">友情链接：</a>
<a href="">链接网站名称</a>
<a href="">链接网站名称</a>
<a href="">链接网站</a>
<a href="">链接网站名称</a>
<a href="">链接网站名称</a>
<a href="">链接网站</a>
<a href="">链接网站名称</a>
<a href="">链接网站名称</a>
<a href="">链接网站</a>
<a href="">链接网站名称</a>
<a href="">链接网站名称</a>
<a href="">链接网站</a>
<a href="">链接网站名称</a>
<a href="">链接网站名称</a>
<a href="">链接网站</a>
<a href="">链接网站名称</a>
<a href="">链接网站名称</a>
<a href="">链接网站</a>
<a href="">链接网站名称</a>
<a href="">链接网站名称</a>
<a href="">链接网站</a>
<a href="">友情链接申请QQ：(218908309)</a>
</div>
<!--分割线-->
<div class="dividingLine">
<hr>
</div>
<!--备案信息-->
<div class="recordInfo">
©2019 天津百荣科技有限公司 ALL RIGHTS RESERVED 京ICP备17000000号 增值电信业务经营许可证：京AC-255555555
</div>
</div>
</footer>
<style>
.content{
width: 100%;
font-size: 0;
background: rgba(249,249,249,1);
}
.content .titleImgContent{
width: 100%;
height: 146px;
}
.content .titleImgContent img{
width: 100%;
height: 100%;
}
/*富文本区域样式*/
.content .contentBox{
width: 100%;
font-size: 18px;
font-family: PingFang SC;
font-weight: 400;
line-height: 25px;
color: rgba(91,94,99,1);
background: rgba(249,249,249,1);
}
.content .contentBox .contentMain{
width: 1200px;
/*height: 975px;*/
padding: 25px 0 59px 0;
margin: 0 auto;
}
/*在线客服按钮样式*/
.rightButtons{
position: fixed;
width: 64px;
height: 65px;
top: 400px;
right: 0;
background: rgba(0,159,142,1);
}
.rightButtons a{
display: block;
width: 64px;
height: 64px;
text-align: center;
font-size: 12px;
font-family: PingFang SC;
font-weight:500;
color: rgba(255,255,255,1);
}
.rightButtons a img{
display: block;
margin: 10px auto 8px auto;
}
</style>
<script>
$(function () {
getText();
});
//获取富文本显示内容
function getText() {
var testText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.\n' +
'\n' +
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luc'
$('.contentMain').html(testText);
}
</script>
</body>
</html>