底部服务
parent
3a894c8c58
commit
0c79fc3f9f
|
|
@ -14,6 +14,81 @@
|
|||
</div>
|
||||
{{/if}}
|
||||
|
||||
<style type="text/css">
|
||||
.module-customer-service {
|
||||
background: #f8f8f8;
|
||||
padding: 10px 0;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.module-customer-service .am-gallery-overlay .am-gallery-item img {
|
||||
width: 50px;
|
||||
float: left;
|
||||
}
|
||||
.module-customer-service .am-gallery-overlay .am-gallery-item .base {
|
||||
margin-left: 60px;
|
||||
}
|
||||
.module-customer-service .am-gallery-overlay .am-gallery-item .base .title {
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
color: #505050;
|
||||
}
|
||||
.module-customer-service .am-gallery-overlay .am-gallery-item .base .desc {
|
||||
color: #999;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.am-footer-default {
|
||||
margin-top: 0;
|
||||
}
|
||||
@media only screen and (max-width:640px) {
|
||||
.module-customer-service .am-gallery-overlay .am-gallery-item {
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div class="module-customer-service">
|
||||
<ul data-am-widget="gallery" class="am-gallery am-avg-sm-1 am-avg-md-4 am-avg-lg-4 am-gallery-overlay am-no-layout am-container" data-am-gallery="{}">
|
||||
<li>
|
||||
<div class="am-gallery-item">
|
||||
<img src="https://mall.opencart.cn/image/cache/catalog/mi/icon/icon-1-55x55.png" alt="hello" />
|
||||
<div class="base">
|
||||
<p class="title">物行天下</p>
|
||||
<p class="desc">多仓直发 极速配送多仓直发 极速配送</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="am-gallery-item">
|
||||
<img src="https://mall.opencart.cn/image/cache/catalog/mi/icon/icon-4-55x55.png" alt="hello" />
|
||||
<div class="base">
|
||||
<p class="title">精致服务</p>
|
||||
<p class="desc">精致服务 售后保障精致服务 售后保障</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="am-gallery-item">
|
||||
<img src="https://mall.opencart.cn/image/cache/catalog/mi/icon/icon-3-55x55.png" alt="hello" />
|
||||
<div class="base">
|
||||
<p class="title">退换无忧</p>
|
||||
<p class="desc">放心购物 退还无忧放心购物 退还无忧</p>
|
||||
</div> </div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="am-gallery-item">
|
||||
<img src="https://mall.opencart.cn/image/cache/catalog/mi/icon/icon-2-55x55.png" alt="hello" />
|
||||
<div class="base">
|
||||
<p class="title">满减活动</p>
|
||||
<p class="desc">满500元立减90,新用户立减200</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 底部导航 -->
|
||||
<footer data-am-widget="footer" class="am-footer am-footer-default" data-am-footer="{}">
|
||||
<div class="am-container">
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
</div>
|
||||
|
||||
<div class="am-form-group am-form-file">
|
||||
<label class="block">图片</label>
|
||||
<label class="block">图片<span class="am-form-group-label-tips">建议630像数x340像数</span></label>
|
||||
<ul class="plug-file-upload-view slide-images_url-images-view" data-form-name="images_url" data-max-number="1" data-delete="0" data-dialog-type="images">
|
||||
<li>
|
||||
<input type="text" name="images_url" value="{{if !empty($data['images_url'])}}{{$data.images_url}}{{/if}}" data-validation-message="请上传图片" required />
|
||||
|
|
|
|||
|
|
@ -135,7 +135,7 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px; position: a
|
|||
.nav-search{ position:relative;top:0px;z-index:0;margin-bottom: 5px;margin-top: 5px;}
|
||||
#ai-topsearch{ font-size:14px;height: 36px;line-height: 22px; font-weight: 500; width: 20%; }
|
||||
/*底部*/
|
||||
.am-footer {text-align:center; display:block;position: relative;margin: 0px auto; padding: 7px 0px 9px; }
|
||||
.am-footer {text-align:center; display:block;position: relative;margin: 0px auto; padding: 10px 0px; }
|
||||
|
||||
/*选项卡样式*/
|
||||
.am-nav-tabs > li span{font-size:16px;}
|
||||
|
|
|
|||
Loading…
Reference in New Issue