| @@ -280,7 +280,7 @@ | |||||
| .modal-content { | .modal-content { | ||||
| width: 540rpx; | width: 540rpx; | ||||
| height: 260rpx; | |||||
| height: 233rpx; | |||||
| line-height: 60rpx; | line-height: 60rpx; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| position: fixed; | position: fixed; | ||||
| @@ -302,14 +302,15 @@ | |||||
| .modal-content view>text { | .modal-content view>text { | ||||
| color: #000; | color: #000; | ||||
| display: block; | display: block; | ||||
| font-size: 30rpx; | |||||
| height: 80rpx; | height: 80rpx; | ||||
| line-height: 80rpx; | line-height: 80rpx; | ||||
| } | } | ||||
| .modal-content view>image { | .modal-content view>image { | ||||
| margin-top: 30rpx; | margin-top: 30rpx; | ||||
| width: 100rpx; | |||||
| height: 100rpx; | |||||
| width: 90rpx; | |||||
| height: 90rpx; | |||||
| } | } | ||||
| /*分享海报样式*/ | /*分享海报样式*/ | ||||
| @@ -23,6 +23,9 @@ Page({ | |||||
| hour: "00", | hour: "00", | ||||
| min: "00", | min: "00", | ||||
| sec: "00", | sec: "00", | ||||
| detailPicture: [], | |||||
| coverPicture: [], | |||||
| swiperCurrent: 0, | |||||
| showTime: true | showTime: true | ||||
| }, | }, | ||||
| @@ -184,6 +187,16 @@ Page({ | |||||
| }).then(res => { | }).then(res => { | ||||
| wx.stopPullDownRefresh(); | wx.stopPullDownRefresh(); | ||||
| let data = res.data; | let data = res.data; | ||||
| if (res && res.data && res.data.detailPicture) { | |||||
| that.setData({ | |||||
| detailPicture: JSON.parse(res.data.detailPicture) | |||||
| }) | |||||
| } | |||||
| if (res && res.data && res.data.coverPicture) { | |||||
| that.setData({ | |||||
| coverPicture: JSON.parse(res.data.coverPicture) | |||||
| }) | |||||
| } | |||||
| wx.setNavigationBarTitle({ | wx.setNavigationBarTitle({ | ||||
| title: res.data.title | title: res.data.title | ||||
| }) | }) | ||||
| @@ -1,7 +1,18 @@ | |||||
| <view class="content-box"> | <view class="content-box"> | ||||
| <view class='content'> | <view class='content'> | ||||
| <view class='top-img'> | |||||
| <image src='{{data.coverImg}}'></image> | |||||
| <view wx:if="{{coverPicture.length>0}}" class="banner"> | |||||
| <swiper class="index-slide" bindchange="swiperChange" autoplay="true" circular="false" current="{{swiperCurrent}}"> | |||||
| <block wx:for="{{coverPicture}}" wx:key="unique"> | |||||
| <swiper-item> | |||||
| <image data-data="{{item}}" mode='widthFix' src="{{item}}" class="index-slide-image" /> | |||||
| </swiper-item> | |||||
| </block> | |||||
| </swiper> | |||||
| <view class="dots"> | |||||
| <block wx:for="{{coverPicture}}" wx:key="unique"> | |||||
| <view class="dot{{index == swiperCurrent ? ' active' : ''}}"></view> | |||||
| </block> | |||||
| </view> | |||||
| </view> | </view> | ||||
| <view class='title'>{{data.title}}</view> | <view class='title'>{{data.title}}</view> | ||||
| <view class='text'> | <view class='text'> | ||||
| @@ -57,6 +68,9 @@ | |||||
| <text><text class='spot'></text>{{data.remark}}</text> | <text><text class='spot'></text>{{data.remark}}</text> | ||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <view class='detailImg' wx:if="{{detailPicture.length>0}}"> | |||||
| <image wx:for="{{detailPicture}}" wx:key="{{index}}" wx:for-item="item" src='{{item}}'></image> | |||||
| </view> | |||||
| <form bindsubmit="submit" report-submit='true' > | <form bindsubmit="submit" report-submit='true' > | ||||
| <view class='edit'> | <view class='edit'> | ||||
| <button class='goback' bindtap='gotoIndex'><image src='{{wmhome}}' mode="widthFix"></image></button> | <button class='goback' bindtap='gotoIndex'><image src='{{wmhome}}' mode="widthFix"></image></button> | ||||
| @@ -448,4 +448,54 @@ button::after{ border: none; } | |||||
| color: #919191; | color: #919191; | ||||
| letter-spacing: 0; | letter-spacing: 0; | ||||
| line-height: 42rpx; | line-height: 42rpx; | ||||
| } | |||||
| .banner { | |||||
| position: relative; | |||||
| width: 750rpx; | |||||
| height: 534.5rpx; | |||||
| } | |||||
| .banner swiper { | |||||
| width: 750rpx; | |||||
| height: 534.5rpx; | |||||
| } | |||||
| .banner image { | |||||
| width: 100%; | |||||
| height: 100%; | |||||
| } | |||||
| .dots { | |||||
| position: absolute; | |||||
| left: 0; | |||||
| right: 0; | |||||
| bottom: 50rpx; | |||||
| display: flex; | |||||
| justify-content: center; | |||||
| } | |||||
| .dot { | |||||
| margin: 0 8rpx; | |||||
| width: 14rpx; | |||||
| height: 14rpx; | |||||
| background: #fff; | |||||
| border-radius: 8rpx; | |||||
| transition: all 0.6s; | |||||
| } | |||||
| .dot.active { | |||||
| width: 24rpx; | |||||
| background: #f80; | |||||
| } | |||||
| .detailImg { | |||||
| width: 92%; | |||||
| margin: 10rpx auto 0; | |||||
| } | |||||
| .detailImg image { | |||||
| display: block; | |||||
| width: 100%; | |||||
| margin-bottom: 20rpx; | |||||
| } | } | ||||