chenkainan
/
flavorOfTimeSz
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: chenkainan:bbe3526035614ab7313286ea57d5bb285347b5c4
Branches Tags
chenkainan:dev
chenkainan:dev_delivery
chenkainan:master
...
compare: chenkainan:9f3b760582c4924b1d97ca4acf845308a2bad264
Branches Tags
chenkainan:dev
chenkainan:dev_delivery
chenkainan:master

2 Commits
bbe3526035 ... 9f3b760582

Author SHA1 Message Date
jiazhipeng 9f3b760582 1
3 weeks ago
jiazhipeng 1428033de5 1
3 weeks ago
1 changed files with 97 additions and 2 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats
  1. 99
      subPackages/activity/dazhaxie.vue

99
subPackages/activity/dazhaxie.vue
View File

@ -1,4 +1,5 @@
<template>
<page-meta :page-style="'overflow:'+(popShow?'hidden':'visible')"></page-meta>
<view class="bg" v-if="headImg">
<image v-if="headImg" :src="showImg(headImg)" class="topImg" mode="widthFix"></image>
@ -20,8 +21,39 @@
</view>
<view class="prod-container">
<view class="prod-top" :style="{'background-image':`url(${typeList[typeIndex].bgImg})`}"></view>
<image @click="showJudgeImg()" class="judge-btn" mode="widthFix" v-if="typeIndex==0" src="https://static.ticket.sz-trip.com/uploads/20250926/44091fc646c20b76a826cebd9820a50f.png"></image>
<view class="prod-top" :style="{'background-image':`url(${typeList[typeIndex].bgImg})`}">
<view class="xie-type" v-if="typeIndex==0">
<view class="xie-type-item" @click="xieTypeIndex=0">
<image v-show="xieTypeIndex==1" mode="heightFix" src="https://static.ticket.sz-trip.com/uploads/20250926/12e47551b09f9779cbca31e7502d2459.png"></image>
<image v-show="xieTypeIndex==0" mode="heightFix" src="https://static.ticket.sz-trip.com/uploads/20250926/0bf77d1ae17523c54be54012799ef71a.png"></image>
</view>
<view class="xie-type-item" @click="xieTypeIndex=1">
<image v-show="xieTypeIndex==0" mode="heightFix" src="https://static.ticket.sz-trip.com/uploads/20250926/a326d712879371258fab73d6fb52da70.png"></image>
<image v-show="xieTypeIndex==1" mode="heightFix" src="https://static.ticket.sz-trip.com/uploads/20250926/b544167679d48b610189e505fa18b94d.png"></image>
</view>
</view>
</view>
<view class="prod-box flex-between" v-if="typeIndex!=2">
<view v-if="typeIndex==0" style="width: 100%;height: 10rpx;"></view>
<template v-if="typeIndex==0&&xieTypeIndex==1">
<view class="column-product" @click="gotoDetailByType(item)" :key="index"
v-for="(item,index) in xieList.list.slice(0,xieList.viewNum)">
<image class="img" :src="showImg(item.headimg)" mode="aspectFill"></image>
<view class="content flex-column">
<view class="title text-overflowRows">{{item.title}}</view>
<view class="flex-between">
<view class="price">{{item.price/100}}</view>
<view class="btn">立即抢购</view>
</view>
</view>
</view>
<image class="view-more" src="https://static.ticket.sz-trip.com/uploads/20250923/e121513a65fda74f822c660cda703e9a.png"
v-if="xieList.list.length>0&&xieList.viewNum<=6" mode="heightFix"
@click="xieList.viewNum=999"></image>
</template>
<template v-else>
<view class="column-product" @click="gotoDetailByType(item)" :key="index"
v-for="(item,index) in typeList[typeIndex].list.slice(0,typeList[typeIndex].viewNum)">
<image class="img" :src="showImg(item.headimg)" mode="aspectFill"></image>
@ -40,6 +72,7 @@
<image class="view-more" src="https://static.ticket.sz-trip.com/uploads/20250923/e121513a65fda74f822c660cda703e9a.png"
v-if="typeList[typeIndex].list.length>0&&typeList[typeIndex].viewNum<=6" mode="heightFix"
@click="typeList[typeIndex].viewNum=999"></image>
</template>
</view>
<view class="prod-box flex-between" v-else>
<view class="row-product" @click="gotoDetailByType(item)" :key="index"
@ -67,6 +100,12 @@
<image @click="returnTop" v-show="showGoTop" class="back-img" src="https://static.ticket.sz-trip.com/uploads/20250923/aa531e802bfde6499454f598f59c46e7.png"></image>
</view>
<uni-popup ref="popup" type="center" mask-background-color="rgba(0,0,0,0.6)" @change="changPopShow">
<view class="judge-pop-img" @click="$refs.popup.close()">
<image style="width: 100%;" mode="widthFix" src="https://static.ticket.sz-trip.com/uploads/20250926/d7e9d88c26f855e3ff3e829446d541b6.png"></image>
</view>
</uni-popup>
<image class="bottom-bg" mode="widthFix" src="https://static.ticket.sz-trip.com/uploads/20250923/8f51b25f72dc0472ba2a3ea2f22208f7.png"></image>
</view>
@ -83,11 +122,13 @@
],
isReceive: true,
typeIndex: 0,
xieTypeIndex:0,
xieList: {list: [], viewNum: 6,id: 113},
typeList: [
{
id: 109,title: "品蟹鲜",viewNum:6, list: [],
img:"https://static.ticket.sz-trip.com/uploads/20250923/ef4b6d89375e1039eda49c249a839660.png",
imgs:"https://static.ticket.sz-trip.com/uploads/20250923/ed2c1171860c03d458b2ef031880b55b.png",
imgs:"https://static.ticket.sz-trip.com/uploads/20250926/3363f324779fb5cc012461403fb18601.png",
bgImg:"https://static.ticket.sz-trip.com/uploads/20250923/d4d12e09fc1d1dbfcde2b3737627299c.png",
},
{
@ -110,6 +151,7 @@
},
],
showGoTop: false,
popShow: false,
}
},
onLoad(option) {
@ -120,6 +162,10 @@
this.getGoods()
},
methods: {
changPopShow (e) {
this.popShow = e.show
},
getHeadImg (id) {
this.Post({id},'/api/multimedia/detail').then(res => {
this.headImg = res.data.head_img
@ -155,6 +201,17 @@
console.log(p)
})
}
this.Post({
tag_id: this.xieList.id,
offset: 0,
limit: 999,
},'/api/product/get_product_by_tag_subject').then(res => {
if (res.data.list.length < this.xieList.viewNum) {
this.xieList.viewNum = 999
}
this.xieList.list = res.data.list
})
},
getCoupon(item) {
@ -184,6 +241,11 @@
viewDetail(item) {
this.gotoDetailByType(item)
},
showJudgeImg () {
this.$refs.popup.open()
},
returnTop(){
uni.pageScrollTo({
scrollTop: 0,
@ -337,6 +399,7 @@
.prod-container{
width: 710rpx;
margin: 0 auto;
position: relative;
}
.prod-box{
@ -352,6 +415,7 @@
background-size: 100% 100%;
height: 125rpx;
width: 100%;
padding: 20rpx 20rpx 0;
}
.prod-bottom{
background-size: 100% 100%;
@ -419,4 +483,35 @@
width: 100%;
z-index: 1;
}
.xie-type{
height: 100%;
width: 100%;
padding: 0 86rpx;
display: flex;
align-items: center;
justify-content: space-between;
background: white;
.xie-type-item{
height: 74rpx;
image{
width: 230rpx;
height: 100%;
}
}
}
.judge-btn{
position: absolute;
right: -20rpx;
width: 160rpx;
top: 88rpx;
z-index: 5;
}
.judge-pop-img{
width: 710rpx;
margin: 0 auto;
padding: 250rpx 0;
height: 100vh;
overflow-y: auto;
}
</style>
Write Preview
Loading…
Cancel
Save