zhangjing/ysdH5
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

月兑活动修改为红色

Browse Source
This commit is contained in:
张慢慢
2023-07-14 16:42:17 +08:00
parent ebb9575bd0
commit f74b177f6d
24 changed files with 2969 additions and 2130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
pages/giftPack/index.vue
View File

@@ -22,7 +22,7 @@
<view v-if="isUser">
<block v-if="giftPackArr.length > 0">
<view class="film" v-for="(item, index) in giftPackArr" :key="index">
<view v-if="item.can.buy" class="filMargin">
<view class="filMargin">
<view class="filmTitle">
{{item.title}}
</view>
@@ -31,7 +31,7 @@
<view class="filmList-top-name">
{{ item.two_title || '-' }}<text>{{ item.description || '-'}}</text>
</view>
<view class="filmList-top-price" :class="{active : !item.can.buy}" @click="judgeGeneral(item.activity_month_category_id)">
<view class="filmList-top-price" @click="judgeGeneral(item.activity_month_category_id, item.is_choose)">
<text>立即</text>
<text>兑换</text>
</view>
@@ -210,6 +210,8 @@
for(let val in listData){
listData[val].schemesShow = false
}
console.log(listData)
this.giftPackArr = listData
this.numbers = res.numbers
this.count = res.coupons_count
@@ -265,9 +267,9 @@
},
// 兑换按钮
judgeGeneral(id) {
judgeGeneral(id, can) {
this.generalId = id
if(this.numbers != 0) {
if(!can) {
this.generalShow = !this.generalShow
return
}
@@ -291,7 +293,7 @@
<style lang="scss" scoped>
.content {
background: linear-gradient(to bottom, #fdf5cc, #cbaf7f);
background: linear-gradient(to bottom, #fff9f9, #fff9f9);
padding-bottom: 40rpx;
height: 100vh;
overflow-y: scroll;
@@ -349,18 +351,18 @@
.filMargin {
padding: 0 0 30rpx;
}
.filmTitle {
.filmTitle {
background: linear-gradient(to right, #fce1d6, #fce1d6);
line-height: 80rpx;
box-shadow: -4px 0 10px rgba(134,97,33,.2);
text-align: center;
border-radius: 10rpx 10rpx 0 0;
border-radius: 10rpx 10rpx 0 0;
color: #ea7e4d;
margin: 0 20rpx;
}
.filmList {
position: relative;
background: linear-gradient(to right, #494e75, #27314d);
position: relative;
background: linear-gradient(to right, #f1824a, #fdbe71);
box-shadow: 0px 6px 10px rgba(134,97,33,.1);
border-radius: 10rpx;
padding: 50rpx 30rpx 30rpx;
@@ -390,7 +392,7 @@
}
.filmList-more {
font-size: 26rpx;
text-align: left;
text-align: left;
color: #ffedc8;
margin-top: 15rpx;
line-height: 40rpx;
@@ -412,7 +414,7 @@
padding: 20rpx;
box-sizing: border-box;
margin-top: 20rpx;
opacity: .9;
opacity: .9;
color: #ffedc8;
text-align: justify;
line-height: 42rpx;
@@ -425,7 +427,7 @@
margin-bottom: 10rpx;
.filmList-top-name {
width: calc(100% - 140rpx);
margin-right: 20rpx;
margin-right: 20rpx;
color: #fff6f6;
font-size: 32rpx;
margin-top: 10rpx;
@@ -436,12 +438,11 @@
}
}
.filmList-top-price {
position: relative;
background: linear-gradient(to right, #d3ad68, #cda65f);
position: relative;
background: linear-gradient(to right, #fff9f9, #fff9f9);
width: 120rpx;
height: 120rpx;
border-radius: 50%;
border-radius: 50%;
color: #fa803f;
text-align: center;
padding-top: 20rpx;
@@ -451,7 +452,6 @@
background: linear-gradient(to right, #a1a1a1, #a1a1a1);
}
text {
display: block;
display: block;
}
.filmList-tag{
@@ -479,7 +479,7 @@
}
}
.filmList-tips {
font-size: 24rpx;
font-size: 24rpx;
color: #ffedc8;
margin-top: 30rpx;
}
@@ -599,7 +599,7 @@
.campusBtn-name {
color: #abaeb2;
}
&.active .campusBtn-name {
&.active .campusBtn-name {
color: #f55249;
}
}
@@ -626,10 +626,10 @@
background-color: transparent;
border-radius: 40rpx;
}
&.active::after {
&.active::after {
background-color: #f55249;
}
&.active {
&.active {
color: #f55249;
font-weight: 600;
}
@@ -710,7 +710,7 @@
}
.tipsWhite-name {
text-align: center;
text-align: center;
color: #f55249;
font-size: 34rpx;
font-weight: 600;
@@ -737,7 +737,7 @@
height: 80rpx;
line-height: 80rpx;
text-align: center;
border: 2rpx solid #F6F6F6;
border: 2rpx solid #F6F6F6;
background-color: #f55249;
border-radius: 10rpx;
&:first-child {