Sfoglia il codice sorgente

[拼团][修改]:[增加多图]

tags/江西版6.1.0
meo 6 anni fa
parent
commit
7117581f78
4 ha cambiato i file con 83 aggiunte e 5 eliminazioni
  1. +4
    -3
      pages/index/searchbar/detail/index.wxss
  2. +13
    -0
      pages/spellGroup/mySpellGroup/index.js
  3. +16
    -2
      pages/spellGroup/mySpellGroup/index.wxml
  4. +50
    -0
      pages/spellGroup/mySpellGroup/index.wxss

+ 4
- 3
pages/index/searchbar/detail/index.wxss Vedi File

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


/*分享海报样式*/ /*分享海报样式*/


+ 13
- 0
pages/spellGroup/mySpellGroup/index.js Vedi File

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


+ 16
- 2
pages/spellGroup/mySpellGroup/index.wxml Vedi File

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


+ 50
- 0
pages/spellGroup/mySpellGroup/index.wxss Vedi File

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

Caricamento…
Annulla
Salva