Skip to content

飞
飞鹤小程序
Commit b7013c8f authored by 王炽's avatar 王炽
Browse files
Options

66666

parent 3bf349e0
Hide whitespace changes
Inline Side-by-side
Showing with 98 additions and 61 deletions
components/quanyi/aibenxinrenli.vue
View file @ b7013c8f
<template> <template>
<view class="aiben-component" :style="{ <view class="aiben-component" :style="{
background: `url(${$baseUrl}integral/1017/aibenxinrenliBg${getBgName()}.png) no-repeat center/contain`, background: `url(${$baseUrl}integral/1018/aibenxinrenliBg${getBgName()}.png) no-repeat center/contain`,
height: `${getHeight()}` height: `${getHeight()}`
}"> }">
<view class="tipLock-section" v-if="props.index == 0"> <view class="tipLock-section" v-if="props.index == 0">
<image class="tipLock" :src="$baseUrl + `integral/1017/tipsLock1.png`" mode="aspectFit" /> <image class="tipLock" :src="$baseUrl + `integral/1018/tipsLock1.png`" mode="aspectFit" />
</view> </view>
<!-- 标题区域 --> <!-- 标题区域 -->
<view class="title-section"> <view class="title-section">
...@@ -16,13 +16,25 @@ ...@@ -16,13 +16,25 @@
<text class="points-text" :style="{ marginTop: props.isshowLock ? '153rpx' : '153rpx' }">200积分</text> <text class="points-text" :style="{ marginTop: props.isshowLock ? '153rpx' : '153rpx' }">200积分</text>
<!-- 底部按钮 --> <!-- 底部按钮 -->
<image <!-- <image
v-if="props.isshowLock && props.index == 0" v-if="props.isshowLock && props.index == 0"
class="bottom-button" class="bottom-button"
:src="$baseUrl + `integral/1017/aibenxinrenliQushengjiBtn${props.index}.png`" :src="$baseUrl + `integral/1018/aibenxinrenliQushengjiBtn${props.index}.png`"
mode="aspectFit" mode="aspectFit"
@click="handleUpgrade" @click="handleUpgrade"
/> /> -->
<view
class="bottom-button"
v-if="props.isshowLock"
:style="{
background: `url(${$baseUrl}integral/1018/aibenxinrenliBtnBg${props.index}.png) no-repeat center/contain`
}"
mode="aspectFit"
@click="handleUpgrade"
>
<text class="bottom-button-text" :style="{ color: props.index == 4 ? '#ffffff' : '#ffe3c3' }">去升级</text>
</view>
<!-- 说明文字 --> <!-- 说明文字 -->
<view class="description" :style="{ marginTop: getTop() }"> <view class="description" :style="{ marginTop: getTop() }">
...@@ -53,21 +65,18 @@ isshowLock:{ ...@@ -53,21 +65,18 @@ isshowLock:{
default: false default: false
} }
}) })
const getBgName = () => { const getBgName = () => {
if(!props.isshowLock && Number(props.index) == 0){ if(props.isshowLock){
return "00"
}else{
return props.index + "" return props.index + ""
}else{
return props.index + "0"
} }
} }
const getTop = () => { const getTop = () => {
if(!props.isshowLock && Number(props.index) == 0){ if(!props.isshowLock){
return "80rpx" return "80rpx"
} }else{
if(props.isshowLock && Number(props.index) == 0){
return "35rpx" return "35rpx"
} }
...@@ -75,14 +84,11 @@ const getTop = () => { ...@@ -75,14 +84,11 @@ const getTop = () => {
} }
const getHeight = () => { const getHeight = () => {
if(!props.isshowLock && Number(props.index) == 0){ if(props.isshowLock){
return "495rpx"
}
if(props.isshowLock && Number(props.index) == 0){
return "569rpx" return "569rpx"
}else{
return "495rpx"
} }
return "495rpx"
} }
const isShowBtn = () => { const isShowBtn = () => {
...@@ -198,6 +204,13 @@ const getColor = () => { ...@@ -198,6 +204,13 @@ const getColor = () => {
height: 86rpx; height: 86rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 50rpx; margin-top: 50rpx;
display: flex;
justify-content: center;
align-items: center;
.bottom-button-text {
font-size: 26rpx;
}
} }
.description { .description {
......
components/quanyi/jinjili.vue
View file @ b7013c8f
<template> <template>
<view class="jinjili-component" :style="{ <view class="jinjili-component" :style="{
background: `url(${$baseUrl}integral/1017/jinjiliBg${getBgName()}.png) no-repeat center/contain`, background: `url(${$baseUrl}integral/1018/jinjiliBg${getBgName()}.png) no-repeat center/contain`,
height: `${getHeight()}` height: `${getHeight()}`
}"> }">
<view class="tipLock-section" v-if="props.index < 2"> <view class="tipLock-section" v-if="props.index < 2">
<image class="tipLock" :src="$baseUrl + `integral/1017/tipsLock2${Number(props.index)}.png`" mode="aspectFit" /> <image class="tipLock" :src="$baseUrl + `integral/1018/tipsLock2${Number(props.index)}.png`" mode="aspectFit" />
</view> </view>
<!-- 标题区域 --> <!-- 标题区域 -->
<view class="title-section"> <view class="title-section">
...@@ -15,14 +15,25 @@ ...@@ -15,14 +15,25 @@
<text class="points-text" :style="{ marginTop: Number(props.index) === 0 || Number(props.index) === 1 ? '153rpx' : '153rpx' }">200积分</text> <text class="points-text" :style="{ marginTop: Number(props.index) === 0 || Number(props.index) === 1 ? '153rpx' : '153rpx' }">200积分</text>
<!-- 底部按钮 --> <!-- 底部按钮 -->
<image <!-- <image
v-if="props.isshowLock && props.index < 2" v-if="props.isshowLock"
class="bottom-button" class="bottom-button"
:src="$baseUrl + `integral/1017/jinjiQushengjiBtn${props.index}.png`" :src="$baseUrl + `integral/1018/jinjiQushengjiBtn${props.index}.png`"
mode="aspectFit" mode="aspectFit"
@click="handleUpgrade" @click="handleUpgrade"
/> /> -->
<view
class="bottom-button"
v-if="props.isshowLock"
:style="{
background: `url(${$baseUrl}integral/1018/shengriliBtnBg${props.index}.png) no-repeat center/contain`
}"
mode="aspectFit"
@click="handleUpgrade"
>
<text class="bottom-button-text" :style="{ color: props.index == 4 ? '#ffffff' : '#ffe3c3' }">去升级</text>
</view>
<!-- 说明文字 --> <!-- 说明文字 -->
<view class="description" :style="{ marginTop: getTop() }"> <view class="description" :style="{ marginTop: getTop() }">
<text class="desc-text" :style="{ color: getColor()[props.index].titleDetail }"> <text class="desc-text" :style="{ color: getColor()[props.index].titleDetail }">
...@@ -41,21 +52,17 @@ defineOptions({ ...@@ -41,21 +52,17 @@ defineOptions({
}) })
const getBgName = () => { const getBgName = () => {
if(!props.isshowLock && Number(props.index) == 0){ if(props.isshowLock){
return "00"
}else if(!props.isshowLock && Number(props.index) == 1){
return "10"
}else{
return props.index + "" return props.index + ""
}else{
return props.index + "0"
} }
} }
const getTop = () => { const getTop = () => {
if(!props.isshowLock && (Number(props.index) == 0 || Number(props.index) == 1)){ if(!props.isshowLock){
return "80rpx" return "80rpx"
} }else{
if(props.isshowLock && (Number(props.index) == 0 || Number(props.index) == 1)){
return "35rpx" return "35rpx"
} }
...@@ -63,14 +70,11 @@ const getTop = () => { ...@@ -63,14 +70,11 @@ const getTop = () => {
} }
const getHeight = () => { const getHeight = () => {
if(!props.isshowLock && (Number(props.index) == 0 || Number(props.index) == 1)){ if(props.isshowLock){
return "495rpx"
}
if(props.isshowLock && (Number(props.index) == 0 || Number(props.index) == 1)){
return "569rpx" return "569rpx"
}else{
return "495rpx"
} }
return "495rpx"
} }
// 定义组件属性 // 定义组件属性
const props = defineProps({ const props = defineProps({
...@@ -181,6 +185,13 @@ const getColor = () => { ...@@ -181,6 +185,13 @@ const getColor = () => {
height: 86rpx; height: 86rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 50rpx; margin-top: 50rpx;
display: flex;
justify-content: center;
align-items: center;
.bottom-button-text {
font-size: 26rpx;
}
} }
.description { .description {
......
components/quanyi/zhuanduanli.vue
View file @ b7013c8f
<template> <template>
<view class="zhuanduanli-component" :style="{ <view class="zhuanduanli-component" :style="{
background: `url(${$baseUrl}integral/1017/zhuanduanliBg${getBgName()}.png) no-repeat center/contain`, background: `url(${$baseUrl}integral/1018/zhuanduanliBg${getBgName()}.png) no-repeat center/contain`,
height: `${getHeight()}` height: `${getHeight()}`
}"> }">
<view class="tipLock-section" v-if="props.isshowLock && props.index == 0"> <view class="tipLock-section" v-if="props.index == 0">
<image class="tipLock" :src="$baseUrl + `integral/1017/tipsLock1.png`" mode="aspectFit" /> <image class="tipLock" :src="$baseUrl + `integral/1018/tipsLock1.png`" mode="aspectFit" />
</view> </view>
<!-- 标题区域 --> <!-- 标题区域 -->
<view class="title-section"> <view class="title-section">
...@@ -15,13 +15,25 @@ ...@@ -15,13 +15,25 @@
<text class="points-text" :style="{ marginTop: Number(props.index) === 0 ? '153rpx' : '153rpx' }">200积分</text> <text class="points-text" :style="{ marginTop: Number(props.index) === 0 ? '153rpx' : '153rpx' }">200积分</text>
<!-- 底部按钮 --> <!-- 底部按钮 -->
<image <!-- <image
v-if="props.isshowLock && props.index == 0" v-if="props.isshowLock && props.index == 0"
class="bottom-button" class="bottom-button"
:src="$baseUrl + `integral/1017/zhuanduanliQushengjiBtn${props.index}.png`" :src="$baseUrl + `integral/1018/zhuanduanliQushengjiBtn${props.index}.png`"
mode="aspectFit" mode="aspectFit"
@click="handleUpgrade" @click="handleUpgrade"
/> /> -->
<view
class="bottom-button"
v-if="props.isshowLock"
:style="{
background: `url(${$baseUrl}integral/1018/zhuanduanliBtnBg${props.index}.png) no-repeat center/contain`
}"
mode="aspectFit"
@click="handleUpgrade"
>
<text class="bottom-button-text" :style="{ color: props.index == 4 ? '#ffffff' : '#ffe3c3' }">去升级</text>
</view>
<!-- 说明文字 --> <!-- 说明文字 -->
<view class="description" :style="{ marginTop: getTop() }"> <view class="description" :style="{ marginTop: getTop() }">
...@@ -55,20 +67,17 @@ const props = defineProps({ ...@@ -55,20 +67,17 @@ const props = defineProps({
}) })
const getBgName = () => { const getBgName = () => {
if(!props.isshowLock && Number(props.index) == 0){ if(props.isshowLock){
return "00"
}else{
return props.index + "" return props.index + ""
}else{
return props.index + "0"
} }
} }
const getTop = () => { const getTop = () => {
if(!props.isshowLock && Number(props.index) == 0){ if(!props.isshowLock){
return "80rpx" return "80rpx"
} }else{
if(props.isshowLock && Number(props.index) == 0){
return "35rpx" return "35rpx"
} }
...@@ -76,14 +85,11 @@ const getTop = () => { ...@@ -76,14 +85,11 @@ const getTop = () => {
} }
const getHeight = () => { const getHeight = () => {
if(!props.isshowLock && Number(props.index) == 0){ if(props.isshowLock){
return "495rpx"
}
if(props.isshowLock && Number(props.index) == 0){
return "569rpx" return "569rpx"
}else{
return "495rpx"
} }
return "495rpx"
} }
// 定义组件事件 // 定义组件事件
const emit = defineEmits(['upgrade']) const emit = defineEmits(['upgrade'])
...@@ -180,6 +186,13 @@ const getColor = () => { ...@@ -180,6 +186,13 @@ const getColor = () => {
height: 86rpx; height: 86rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 50rpx; margin-top: 50rpx;
display: flex;
justify-content: center;
align-items: center;
.bottom-button-text {
font-size: 26rpx;
}
} }
.description { .description {
......
views/Integral.vue
View file @ b7013c8f
...@@ -1779,7 +1779,7 @@ import YearGift from '../components/pointRightsCom/yearGift.vue'; ...@@ -1779,7 +1779,7 @@ import YearGift from '../components/pointRightsCom/yearGift.vue';
console.log('initNetData'); console.log('initNetData');
memberInfo.value = userStore.memberInfo; memberInfo.value = userStore.memberInfo;
// memberInfo.value = {"grade":"3","gradeList":[{"grade":"0","gradeName":"V1黄金会员","gradeScoreRuleMax":1,"gradeScoreRuleMin":-2147483648},{"grade":"1","gradeName":"V2铂金会员","gradeScoreRuleMax":1000,"gradeScoreRuleMin":1},{"grade":"2","gradeName":"V3钻石会员","gradeScoreRuleMax":5000,"gradeScoreRuleMin":1000},{"grade":"3","gradeName":"V4星光会员","gradeScoreRuleMax":10000,"gradeScoreRuleMin":5000},{"grade":"4","gradeName":"V5星耀会员","gradeScoreRuleMax":2147483647,"gradeScoreRuleMin":10000}],"gradeName":"V4星光会员","maxGrade":false,"memberId":"CRM000000000948094264","memberName":"文慧17637145052","mobile":"17637145052","nextGradeScoreRuleMin":10000,"orderUpgrade":true,"points":5001,"recentAnnualPointsTotal":5500,"willExpiredPoints":100000} memberInfo.value = {"grade":"3","gradeList":[{"grade":"0","gradeName":"V1黄金会员","gradeScoreRuleMax":1,"gradeScoreRuleMin":-2147483648},{"grade":"1","gradeName":"V2铂金会员","gradeScoreRuleMax":1000,"gradeScoreRuleMin":1},{"grade":"2","gradeName":"V3钻石会员","gradeScoreRuleMax":5000,"gradeScoreRuleMin":1000},{"grade":"3","gradeName":"V4星光会员","gradeScoreRuleMax":10000,"gradeScoreRuleMin":5000},{"grade":"4","gradeName":"V5星耀会员","gradeScoreRuleMax":2147483647,"gradeScoreRuleMin":10000}],"gradeName":"V4星光会员","maxGrade":false,"memberId":"CRM000000000948094264","memberName":"文慧17637145052","mobile":"17637145052","nextGradeScoreRuleMin":10000,"orderUpgrade":true,"points":5001,"recentAnnualPointsTotal":5500,"willExpiredPoints":100000}
recentAnnualPointsTotal.value = memberInfo.value.recentAnnualPointsTotal; recentAnnualPointsTotal.value = memberInfo.value.recentAnnualPointsTotal;
willExpiredPoints.value = memberInfo.value.willExpiredPoints; willExpiredPoints.value = memberInfo.value.willExpiredPoints;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment