@@ -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; | |||||
} | } |