|
|
@@ -16,124 +16,35 @@
|
|
|
<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
|
|
|
<link rel="stylesheet" type="text/css" href="css/style.css" />
|
|
|
<style>
|
|
|
- .year-dalog {
|
|
|
- background: url(images/year-dalog.png) center center no-repeat rgba(0, 0, 0, .7);
|
|
|
- background-size: 80% auto;
|
|
|
- position: fixed;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- z-index: 99;
|
|
|
- display: none;
|
|
|
- -webkit-transform: translateY(-100%);
|
|
|
- transform: translateY(-100%);
|
|
|
- -webkit-transition: .5s;
|
|
|
- transition: .5s;
|
|
|
- }
|
|
|
-
|
|
|
- .year-dalog.active {
|
|
|
- -webkit-transform: translateY(0%);
|
|
|
- transform: translateY(0%);
|
|
|
- }
|
|
|
-
|
|
|
- .year-dalog img {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
-
|
|
|
- .header {
|
|
|
- padding: 10px 0 7px 0;
|
|
|
- height: 65px;
|
|
|
- box-shadow: 0 0 0 #fff;
|
|
|
- background: #fff;
|
|
|
- }
|
|
|
-
|
|
|
- .header h6 {
|
|
|
- text-indent: 12px;
|
|
|
- color: #999;
|
|
|
- letter-spacing: 2px;
|
|
|
- }
|
|
|
-
|
|
|
- .go-index {
|
|
|
- width: 30%;
|
|
|
- margin-right: 1%;
|
|
|
- float: none;
|
|
|
- }
|
|
|
-
|
|
|
- .go-index img {
|
|
|
- width: 80%;
|
|
|
- padding-top: 5px;
|
|
|
- margin-left: 12px;
|
|
|
- max-width: 100px;
|
|
|
- }
|
|
|
-
|
|
|
- .swiper-container-horizontal>.swiper-pagination-bullets {
|
|
|
- bottom: 0;
|
|
|
- }
|
|
|
-
|
|
|
- .swiper-pagination-bullet-active {
|
|
|
- background: #63ccde;
|
|
|
- }
|
|
|
-
|
|
|
- .index-title {
|
|
|
- padding: 7px 12px 7px 12px;
|
|
|
- display: block;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
-
|
|
|
- .index-title strong {
|
|
|
- font-size: 17px;
|
|
|
- }
|
|
|
-
|
|
|
- .index-title .mui-pull-right {
|
|
|
- color: #333;
|
|
|
- }
|
|
|
-
|
|
|
- .index-title font {
|
|
|
- display: inline-block;
|
|
|
- -webkit-transform: translateY(-1px);
|
|
|
- transform: translateY(-1px);
|
|
|
- }
|
|
|
-
|
|
|
- .pro-list .mui-media-object {
|
|
|
- background: #f2f2f2;
|
|
|
- border-radius: 5px;
|
|
|
- display: block;
|
|
|
- }
|
|
|
-
|
|
|
- .pro-list:before,
|
|
|
- .pro-list:after {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-
|
|
|
- .pro-list.mui-table-view.mui-grid-view>li:nth-child(odd) {
|
|
|
- padding: 10px 8px 0 14px;
|
|
|
- }
|
|
|
-
|
|
|
- .pro-list.mui-table-view.mui-grid-view>li:nth-child(even) {
|
|
|
- padding: 10px 0 0 22px;
|
|
|
- }
|
|
|
-
|
|
|
- .pro-list h6 {
|
|
|
- margin: 7px 0;
|
|
|
- color: #bbb;
|
|
|
- }
|
|
|
-
|
|
|
- .pro-list .pro-price {
|
|
|
- font-size: 14px;
|
|
|
- margin-top: 8px;
|
|
|
- }
|
|
|
-
|
|
|
- .pro-list .pro-price span {
|
|
|
- color: #db3f53;
|
|
|
- }
|
|
|
-
|
|
|
- .pro-list .pro-price s {
|
|
|
- color: #bbb;
|
|
|
- margin-left: 15px;
|
|
|
- }
|
|
|
+ .year-dalog { background: url(images/year-dalog.png) center center no-repeat rgba(0, 0, 0, .7); background-size: 80% auto; position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 99; display: none; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: .5s; transition: .5s; }
|
|
|
+ .year-dalog.active { -webkit-transform: translateY(0%); transform: translateY(0%); }
|
|
|
+ .year-dalog img { width: 100%; }
|
|
|
+ .header { padding: 10px 0 7px 0; height: 65px; box-shadow: 0 0 0 #fff; background: #fff; }
|
|
|
+ .header h6 { text-indent: 12px; color: #999; letter-spacing: 2px; }
|
|
|
+ .go-index { width: 30%; margin-right: 1%; float: none; }
|
|
|
+ .go-index img { width: 80%; padding-top: 5px; margin-left: 12px; max-width: 100px; }
|
|
|
+ .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; }
|
|
|
+ .swiper-pagination-bullet-active { background: #63ccde; }
|
|
|
+ .index-title { padding: 7px 12px 7px 12px; display: block; position: relative; }
|
|
|
+ .index-title strong { font-size: 17px; }
|
|
|
+ .index-title .mui-pull-right { color: #333; }
|
|
|
+ .index-title font { display: inline-block; -webkit-transform: translateY(-1px); transform: translateY(-1px); }
|
|
|
+ .pro-list .mui-media-object { background: #f2f2f2; border-radius: 5px; display: block; }
|
|
|
+ .pro-list:before,.pro-list:after {display: none;}
|
|
|
+ .pro-list.mui-table-view.mui-grid-view>li:nth-child(odd) {padding: 10px 8px 0 14px;}
|
|
|
+ .pro-list.mui-table-view.mui-grid-view>li:nth-child(even) {padding: 10px 0 0 22px;}
|
|
|
+ .pro-list h6 {margin: 7px 0;color: #bbb;}
|
|
|
+ .pro-list .pro-price {font-size: 14px;margin-top: 8px;}
|
|
|
+ .pro-list .pro-price span {color: #db3f53;}
|
|
|
+ .pro-list .pro-price s {color: #bbb;margin-left: 15px;}
|
|
|
+ .pro-list2 .mui-media-object { background: #f2f2f2; border-radius: 5px; display: block; }
|
|
|
+ .pro-list2:before,.pro-list2:after {display: none;}
|
|
|
+ .pro-list2.mui-table-view.mui-grid-view>li:nth-child(odd) {padding: 10px 8px 0 14px;}
|
|
|
+ .pro-list2.mui-table-view.mui-grid-view>li:nth-child(even) {padding: 10px 0 0 22px;}
|
|
|
+ .pro-list2 h6 {margin: 7px 0;color: #bbb;}
|
|
|
+ .pro-list2 .pro-price {font-size: 14px;margin-top: 8px;}
|
|
|
+ .pro-list2 .pro-price span {color: #db3f53;}
|
|
|
+ .pro-list2 .pro-price s {color: #bbb;margin-left: 15px;}
|
|
|
</style>
|
|
|
</head>
|
|
|
<script>
|
|
|
@@ -152,7 +63,7 @@
|
|
|
</div>
|
|
|
<nav class="mui-bar mui-bar-tab" id="footer-bar">
|
|
|
<a class="mui-tab-item mui-active">
|
|
|
- <div class="iconfont icon-home"></div>
|
|
|
+ <div class="iconfont icon-shouye"></div>
|
|
|
<span class="mui-tab-label">首页</span>
|
|
|
</a>
|
|
|
<a class="mui-tab-item go_gwc">
|
|
|
@@ -164,7 +75,7 @@
|
|
|
<span class="mui-tab-label">订单</span>
|
|
|
</a>
|
|
|
<a class="mui-tab-item">
|
|
|
- <div class="iconfont icon-vip"></div>
|
|
|
+ <div class="iconfont icon-wode"></div>
|
|
|
<span class="mui-tab-label">我的</span>
|
|
|
</a>
|
|
|
</nav>
|
|
|
@@ -189,6 +100,47 @@
|
|
|
</div>
|
|
|
<!--banner 结束-->
|
|
|
</div>
|
|
|
+
|
|
|
+
|
|
|
+ <div id="" style="display: block;margin-top: 25px;;">
|
|
|
+ <img style="width: 100%;" src="https://s.iamberry.com/common/image/product/xpsd.png"/>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="chanpin-box">
|
|
|
+ <ul class="mui-table-view mui-grid-view pro-list2" >
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-6">
|
|
|
+ <a proid="80" colorid="64" class="go_chanpin_details2"><img class="mui-media-object" src="https://s.iamberry.com/common/image/product/kdsj.png">
|
|
|
+ <div class="mui-text-left">
|
|
|
+ <div class="mui-media-body">Aiberle口袋热水机</div>
|
|
|
+ <h6>小巧便携，3秒即饮</h6>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-6">
|
|
|
+ <a proid="81" colorid="65" class="go_chanpin_details2"><img class="mui-media-object" src="https://s.iamberry.com/common/image/product/new_hs.png">
|
|
|
+ <div class="mui-text-left">
|
|
|
+ <div class="mui-media-body">Aiberle净水花洒升级款</div>
|
|
|
+ <h6>高效除氯、净水养肤</h6>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!--<ul class="mui-table-view mui-grid-view my-view-no" id="index-pro-list2" style="padding-bottom: 0;">
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-6"><a name="54">
|
|
|
+ <img class="mui-media-object" style="background-color: #f9f7f8;border-radius: 5px;" src="https://s.iamberry.com/common/image/product/kdsj.png">
|
|
|
+ <div class="index-pro-tit" style="margin-top: 10px;">Aiberle口袋热水机</div>
|
|
|
+ <p class="mui-text-left">小巧便携，3秒即饮</p>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-6"><a name="52">
|
|
|
+ <img class="mui-media-object" style="background-color: #f9f7f8;border-radius: 5px;" src="https://s.iamberry.com/common/image/product/new_hs.png">
|
|
|
+ <div class="index-pro-tit" style="margin-top: 10px;">Aiberle净水花洒升级款</div>
|
|
|
+ <p class="mui-text-left">高效除氯、净水养肤</p>
|
|
|
+ </li>
|
|
|
+ </ul>-->
|
|
|
+
|
|
|
+
|
|
|
|
|
|
<div class="index-title go_web_shop">
|
|
|
<strong>经典款净水机</strong><span class="mui-pull-right"><font>更多</font><span class="mui-icon mui-icon-arrowright"></span></span>
|
