kxmh
/
kxmh_wx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat 状态更改 0立即购买1演出结束

Browse Source
develop
GJW200011 4 years ago
parent 673a699d4f
commit 3257f00aa4
2 changed files with 84 additions and 40 deletions
Show Stats Download Patch File Download Diff File

21
pages/opera/show/show_detail.wxml
Unescape View File

@ -40,11 +40,10 @@
<view class="_icon" />演出详情
</view>
<view class="img1">
<view class="img_cac" style="{{rolled?(show_detail.detail_pic[0]?'height:1000rpx;overflow: hidden;':''):''}}"
>
<block wx:for="{{show_detail.detail_pic}}">
<image class="img1_list" src="{{item}}" mode="widthFix" />
</block>
<view class="img_cac" style="{{rolled?(show_detail.detail_pic[0]?'height:1000rpx;overflow: hidden;':''):''}}">
<block wx:for="{{show_detail.detail_pic}}">
<image class="img1_list" src="{{item}}" mode="widthFix" />
</block>
</view>
<view class="roll" bindtap="roll_spread"> {{rolled?"展开演出详情":"收起演出详情"}}</view>
</view>
@ -115,8 +114,13 @@
<van-goods-action safe-area-inset-bottom>
<van-goods-action-icon icon="/images/ui/{{show_detail.is_follow?'liked':'like'}}.png" text="想看" bind:click="_like" />
<van-goods-action-icon icon="/images/ui/share.png" text="分享" open-type="share" bind:click="_share" />
<van-goods-action-button text="立即购买" bind:click="show_select"
color="linear-gradient(90deg, #FF4284 0%, #FF1D42 100%)" />
<van-goods-action-button text="演出结束" class="btn btn{{show_detail.is_end}}"
color="linear-gradient(90deg, #CCC 0%, #CCC 100%)" wx:if="{{show_detail.is_end==1}}" />
<van-goods-action-button text="立即购买" bind:click="show_select"
color="linear-gradient(90deg, #FF4284 0%, #FF1D42 100%)" wx:else />
<!-- <view class="btn btn{{show_detail.is_end}}" wx:if="{{show_detail.is_end==1}}">演出结束</view>
<view class="btn btn{{show_detail.is_end}}" bind:tap="show_select" wx:else>立即购买</view> -->
</van-goods-action>
<view class="bottom">
</view>
@ -140,6 +144,7 @@
</view>
<view class="_bottom">
<button class="selector_dsn" data-cur_drama="{{current}}" bindtap="_next"> {{Xshow_detail.tickets_status==0?'选座购买':'立即购买'}}</button>
<button class="selector_dsn" data-cur_drama="{{current}}" bindtap="_next">
{{Xshow_detail.tickets_status==0?'选座购买':'立即购买'}}</button>
</view>
</van-popup>

103
pages/opera/show/show_detail.wxss
Unescape View File

@ -4,25 +4,54 @@
height: 0;
color: transparent;
}
.nav_show{
.btn {
/* color:"linear-gradient(90deg, #FF4284 0%, #FF1D42 100%)" */
flex: 1;
text-align: center;
width: 400rpx;
height: 72rpx;
line-height: 72rpx;
background: linear-gradient(90deg, #FF4284 0%, #FF1D42 100%);
border-radius: 44rpx;
font-size: 28rpx;
color: #FFFFFF;
margin-right: 40rpx;
}
.btn.btn1 {
pointer-events: none;
background: linear-gradient(90deg, #cccccc 0%, #CCC 100%);
}
.nav_show {
position: fixed;
top:0; width: 100%;
display: flex; justify-content: space-around;
top: 0;
width: 100%;
display: flex;
justify-content: space-around;
background: #fff;
box-shadow: 0 4rpx 8rpx 0 #DBDBDB;
border-top: 2rpx solid #F8F8F7;
border-bottom: 2rpx solid #F8F8F7;
z-index: 99;
}
.topLine{text-align: center;margin: 20rpx;color: #7B7B7B;}
.topLine.active{
position: relative;color: #181818;font-weight: bold;
.topLine {
text-align: center;
margin: 20rpx;
color: #7B7B7B;
}
.topLine.active {
position: relative;
color: #181818;
font-weight: bold;
}
.topLine.active:after {
content: " ";
width:1rem;
width: 1rem;
height: 0.12rem;
background: #fff;
position: absolute;
@ -31,7 +60,7 @@
left: 50%;
transform: translateX(-50%);
background-color: #FF446B;
border-radius:0.12rem;
border-radius: 0.12rem;
}
@ -97,70 +126,79 @@
justify-content: space-between;
background: #fff;
}
._area .info .text1{
font-size: 28rpx;
._area .info .text1 {
font-size: 28rpx;
}
._area .info .text2{
._area .info .text2 {
font-size: 24rpx;
margin-top: 4rpx;
color: #7B7B7B;
}
._block{
}
._block {
background: #fff;
margin-bottom: 20rpx;
}
._block ._title{
._block ._title {
display: flex;
align-items: center;
font-size: 16px;
font-weight: bold;
color: #181818;
padding: 30rpx;
font-weight: bold;
color: #181818;
padding: 30rpx;
}
._block ._title ._icon{
._block ._title ._icon {
width: 8rpx;
height: 36rpx;
background: #FF446B;
border-radius: 4rpx;
margin: 0 20rpx 0 0;
}
._block ._flex{
._block ._flex {
display: flex;
white-space: nowrap;
margin: 0 30rpx;
width: 690rpx;
}
._block ._flex ._img{
._block ._flex ._img {
border-radius: 8rpx;
width: 540rpx;
height: 360rpx;
margin: 0 10rpx;
}
._block .img1{
margin: 0 auto 0 30rpx;
display: flex;
flex-direction: column;
._block .img1 {
margin: 0 auto 0 30rpx;
display: flex;
flex-direction: column;
}
._block .img1 .img1_list{
._block .img1 .img1_list {
width: 690rpx;
vertical-align: top;
margin-top: -1rpx;
}
._block .roll{
._block .roll {
text-align: center;
margin: 20rpx 0;
font-size: 24rpx;
color: #1394F2;
}
._block .warning {
._block .warning {
background: #fff;
padding-bottom: 20rpx;
display: flex;
}
._block .warning .dot_icon {
._block .warning .dot_icon {
width: 8rpx;
margin: 0 20rpx 0 30rpx;
height: 36rpx;
@ -168,7 +206,7 @@ flex-direction: column;
display: flex;
}
._block .warning .dot_icon .dot {
._block .warning .dot_icon .dot {
width: 8rpx;
height: 8rpx;
background: #7B7B7B;
@ -222,7 +260,8 @@ flex-direction: column;
margin-left: 30rpx;
color: #7B7B7B;
}
.drama_list .scroll{
.drama_list .scroll {
height: 400rpx;
margin: 20rpx 0 90rpx 0;
}
@ -268,7 +307,7 @@ flex-direction: column;
border-top: 3px solid rgba(153, 153, 153, 0.2);
}
._bottom .selector_dsn {
._bottom .selector_dsn {
margin: 30rpx auto;
width: 482rpx;
height: 72rpx;
@ -279,6 +318,6 @@ flex-direction: column;
color: #FFFFFF;
}
.van-goods-action{
.van-goods-action {
height: 100rpx !important;
}
Write Preview
Loading…
Cancel
Save