From 3be6532c1b5e58290a12d8c4b4522ff239488d0b Mon Sep 17 00:00:00 2001 From: F5VT98DI7XY4X12\Administrator <765199919@qq.com> Date: Thu, 12 Sep 2019 14:32:04 +0800 Subject: [PATCH] 首页,和总样式 --- app.wxss | 7 ++----- pages/index/index/index.js | 13 ------------- pages/index/index/index.json | 3 +-- pages/index/index/index.wxml | 99 ++++++++------------------------------------------------------------------------------------------- pages/index/index/index.wxss | 111 +++++++++++++++++---------------------------------------------------------------------------------------------- 5 files changed, 28 insertions(+), 205 deletions(-) diff --git a/app.wxss b/app.wxss index 3ed4e53..6a43593 100644 --- a/app.wxss +++ b/app.wxss @@ -312,12 +312,9 @@ color: #b9b9b9; position: fixed; } -.yellow-b{ +.yellow{ background-color: #ffb03f; } -.yellow-co{ - color: #ffb03f; -} .green{ background-color: #16ba63; } @@ -349,4 +346,4 @@ background: #ffe3e2; } .fs40 { font-size: 40rpx; -} +} \ No newline at end of file diff --git a/pages/index/index/index.js b/pages/index/index/index.js index 8a49524..948c5b6 100644 --- a/pages/index/index/index.js +++ b/pages/index/index/index.js @@ -43,23 +43,11 @@ Page({ template_arr:null, bgcolor_t:'', }, - onLoad: function () { - - wx.setNavigationBarColor({ - frontColor: '#ff7295', - backgroundColor: '#000', - - }); - - var th = this; n.init(th, "", "recommend"); - - }, async onShow() { - await this.init_load(); //显示的时候要开启计时器 this.data.is_timer=1; @@ -460,7 +448,6 @@ Page({ } setTimeout(th.countDown2, 1000); }, - }); \ No newline at end of file diff --git a/pages/index/index/index.json b/pages/index/index/index.json index 907ebab..7b00316 100644 --- a/pages/index/index/index.json +++ b/pages/index/index/index.json @@ -1,6 +1,5 @@ { - "navigationBarBackgroundColor": "#ff7295", - "navigationBarTextStyle": "white", + "navigationBarBackgroundColor": "#eeeeee", "usingComponents": { "nav": "/components/diy_nav/diy_nav", "advertising":"/components/diy_advertising/diy_advertising", diff --git a/pages/index/index/index.wxml b/pages/index/index/index.wxml index 2ced935..7d8f151 100644 --- a/pages/index/index/index.wxml +++ b/pages/index/index/index.wxml @@ -1,30 +1,21 @@ - - + - - - - - + - - - 扫一扫 - - + - + - + @@ -65,93 +56,19 @@ - - - - - Г - - 人工优先 - - - - - - Г - - 正品保证 - - - - Г - - 售后无忧 - - - - - - - - - 护肤 - - - - - - - 彩妆 - - - - - - - 面膜 - - - - - - - - 个人护理 - - - - - - - - 男士专区 - - - - - - - - - - - - - + + 秒杀特区 - - 查看全部 - - + diff --git a/pages/index/index/index.wxss b/pages/index/index/index.wxss index 70c103a..879cab3 100644 --- a/pages/index/index/index.wxss +++ b/pages/index/index/index.wxss @@ -1,17 +1,13 @@ .search-box { - position: fixed; top: 0; left: 0; width: 100%; height: 88rpx; z-index: 10; - /* background: linear-gradient(rgba(0,0,0,.2),rgba(255,255,255,0)); */ -} -.classify-img{ - width: 50rpx; - height: 45rpx + background: linear-gradient(rgba(0,0,0,.2),rgba(255,255,255,0)); } + .logo { width: 48rpx; height: 48rpx; @@ -23,23 +19,19 @@ .search-inner { display: flex; align-items: center; - margin: 20rpx 25rpx; - width: 566rpx; + margin: 15rpx 30rpx; + width: 675rpx; height: 58rpx; border-radius: 29rpx; background-color: #fff; - justify-content: center; } .search-img { - + margin-right: 12rpx; width: 30rpx; height: 30rpx; - margin-left: 36rpx; -display: flex; -align-items: center; -position: absolute - + margin-top: -6rpx; + margin-left: 20rpx; } .search-cont { @@ -52,7 +44,7 @@ position: absolute } .search-fixed { - background: #ff7295; + background: rgba(242,48,48,0.8); } .swiper_box { @@ -66,11 +58,9 @@ position: absolute swiper-item image { width: 100%; - height: 203rpx; + height: 380rpx; display: inline-block; overflow: hidden; - border-radius: 10rpx; - } .venues_box { @@ -231,15 +221,18 @@ swiper-item image { } .seckill-list { - + height: 360rpx; overflow: hidden; } .seckill-list navigator { - width: 212rpx; position: relative; + width: 236rpx; margin-right: 10rpx; position: relative; } - +.seckill-list image { + width: 236rpx; + height: 236rpx; +} .seckill-list view { height: 45rpx; @@ -250,8 +243,8 @@ swiper-item image { } .seckill-list view.imgview{ - width: 203rpx; - height: 226rpx; + width: 236rpx; + height: 236rpx; position: relative; overflow: hidden } @@ -301,73 +294,3 @@ swiper-item image { .arrow-right{width: 30rpx; height: 30rpx;} .pd-view{height: 80rpx;} -.xc-top-img{ -width: 100%; -top: -1rpx; - -height: 315rpx; - -} - -.classify-frame{ -line-height: 25rpx; -} -.slide-image-frame{ - width: 95%; -margin: auto; - -} -.xc-hook{ - width: 30rpx; - height: 30rpx; - transform: rotate(-145deg); -line-height: 35rpx; -text-align: center; - -} -.margin-left{ -margin-left: 10rpx; -} -.xc-class-img{ - width: 83rpx; - height: 83rpx; -} -.xc-class-frame{ - line-height: 40rpx; - margin-top: 40rpx; - -} -.xc-title-img{ - height: 220rpx; - width: 100%; -} - -.title-img-frame{ - width: 95%; -margin: auto; -margin-top: 30rpx; - -} -.seckill-list{ - line-height: 30rpx; - -} - -.xc-marfin-right{ -margin-right: 15rpx; -} -.clock-img{ - width:36rpx; - height: 36rpx; - margin-right: 10rpx; -} -.seckill-ttitle-img{ - width:150rpx; - height: 40rpx; - margin-left: -10rpx; - - -} -.split-line{ - width:100%;height:10rpx;background:#eee; -} \ No newline at end of file -- libgit2 0.21.4