From 62e23cff7de4cd2fafa0b6d1afa34a7241b7b477 Mon Sep 17 00:00:00 2001 From: meo <18801474720@163.com> Date: Tue, 6 Aug 2019 12:32:45 +0800 Subject: [PATCH] =?UTF-8?q?[banner][=E4=BF=AE=E6=94=B9]:[banner=E5=9B=BE?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E7=9A=84=E4=BF=AE=E6=94=B9]?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/banner/index.js | 10 ++++++-- components/banner/index.wxml | 9 ++++++- components/banner/index.wxss | 32 +++++++++++++++++++++++-- pages/index/searchbar/detail/index.wxml | 2 +- pages/topicDetail/index.js | 2 +- pages/topicDetail/index.wxss | 9 +++---- pages/user/index.wxss | 1 - 7 files changed, 51 insertions(+), 14 deletions(-) diff --git a/components/banner/index.js b/components/banner/index.js index 9dae2c7..a7f7d41 100644 --- a/components/banner/index.js +++ b/components/banner/index.js @@ -15,7 +15,8 @@ Component({ * 组件的初始数据 */ data: { - bannerUrl: imgurl.banner.url + bannerUrl: imgurl.banner.url, + currentIndex: 0 }, /** @@ -39,6 +40,11 @@ Component({ url: `/pages/bannerdetail/index?id=${e.currentTarget.dataset.id}` }); } - } + }, + handleChange: function (e) { + this.setData({ + currentIndex: e.detail.current + }) + }, } }); diff --git a/components/banner/index.wxml b/components/banner/index.wxml index 3f2356c..ec33294 100644 --- a/components/banner/index.wxml +++ b/components/banner/index.wxml @@ -1,9 +1,16 @@ - + + + + + + + \ No newline at end of file diff --git a/components/banner/index.wxss b/components/banner/index.wxss index de9cd94..a4ed2bf 100644 --- a/components/banner/index.wxss +++ b/components/banner/index.wxss @@ -1,10 +1,9 @@ -.index-slide-view { +/* .index-slide-view { position: relative; width: 750rpx; height: 258rpx; overflow: hidden; margin: 0 auto; - /* border-radius:16rpx; *//* box-shadow: 0 6px 20px 0 rgba(0,0,0,0.15); */ } .index-slide, swiper-item @@ -49,4 +48,33 @@ .bannerbg image { display: block; width: 100%; +} */ + +.imageContainer{ + width: 100%; + height: 304rpx; +} +.itemImg{ + position: absolute; + width: 670rpx; + height: 238rpx; + border-radius: 15rpx; + overflow: hidden; + z-index: 5; + opacity: 0.7; + top: 15%; +} +.active{ + opacity: 1; + z-index: 10; + width: 670rpx; + height: 304rpx; + top: 7%; + transition:all .2s ease-in 0s; } +.item{ + width: 670rpx!important; + height: 304rpx; + overflow: hidden; + border-radius: 16rpx; +} \ No newline at end of file diff --git a/pages/index/searchbar/detail/index.wxml b/pages/index/searchbar/detail/index.wxml index 3c87eb9..332a972 100644 --- a/pages/index/searchbar/detail/index.wxml +++ b/pages/index/searchbar/detail/index.wxml @@ -64,7 +64,7 @@ 商户活动: - {{data.actionDesc}} + {{data.actionDesc}} diff --git a/pages/topicDetail/index.js b/pages/topicDetail/index.js index 9297d50..0e701e5 100644 --- a/pages/topicDetail/index.js +++ b/pages/topicDetail/index.js @@ -1,4 +1,4 @@ -const navigationBarHeight = (getApp().statusBarHeight + 50) + 'px' +const navigationBarHeight = (getApp().statusBarHeight + 44) + 'px' let config = require("../../config/config.js"); let app = getApp(); const Http = require("../../utils/HttpBasics"); diff --git a/pages/topicDetail/index.wxss b/pages/topicDetail/index.wxss index 86e6d31..a7549f9 100644 --- a/pages/topicDetail/index.wxss +++ b/pages/topicDetail/index.wxss @@ -12,15 +12,12 @@ .banner { position: relative; - width: 590rpx; - /* box-shadow:0px 14px 26px 0px rgba(199,203,211,1); */ - padding:50rpx 40rpx; - height: 204rpx; + width: 100%; } .banner image { display: block; - width: 670rpx; + width: 100%; border-radius: 12rpx; } @@ -30,7 +27,7 @@ background: #fff; border-radius: 12rpx; width: 100%; - margin: 30rpx auto 0; + margin: 24rpx auto 0; padding-bottom: 20rpx; } diff --git a/pages/user/index.wxss b/pages/user/index.wxss index 6875eb5..1a5974d 100644 --- a/pages/user/index.wxss +++ b/pages/user/index.wxss @@ -108,7 +108,6 @@ page{ .user-btns{ background: #fff; - margin: 20rpx 20rpx; display: flex; text-align: center; flex-wrap: wrap;