提交 0c79fc3f 编写于 作者: G gongfuxiang

底部服务

上级 3a894c8c
......@@ -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;}
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册