Skip to content

飞
飞鹤小程序
Commit 66b6a4f8 authored by spc's avatar spc
Browse files
Options

修改月月礼对齐和育儿课程底部文案

parent 33598bf2
Hide whitespace changes
Inline Side-by-side
Showing with 90 additions and 38 deletions
components/pointRightsCom/babyClass.vue
View file @ 66b6a4f8
......@@ -16,7 +16,10 @@
</view>
<image class="diamondbtn" :src="`${$baseUrl}${BABY_CLASS_IMAGES.DIAMOND.BTN}`" mode="aspectFit"
@click="jump('diamond')"></image>
<image class="diamonddesc" :src="`${$baseUrl}${BABY_CLASS_IMAGES.DIAMOND.DESC}`" mode="aspectFit"></image>
<!-- <image class="diamonddesc" :src="`${$baseUrl}${BABY_CLASS_IMAGES.DIAMOND.DESC}`" mode="aspectFit"></image> -->
<view class="diamonddesc" :style="{ color: getColor() }">
7类课程：⼩⼉常⻅病-急救，产后恢复运动实操课，痱⼦，尿布疹，⼩⼉常⻅病-常⻅疾病护理，新⽣⼉⻩疸，⼉童安全⽤药操作课
</view>
</view>
<view v-if="currentLevelName === 'starshine'" class="starshine">
......@@ -35,8 +38,11 @@
</view>
<image class="starshinebtn" :src="`${$baseUrl}${BABY_CLASS_IMAGES.STARSHINE.BTN}`" mode="aspectFit"
@click="jump('starshine')"></image>
<image class="starshinedesc" :src="`${$baseUrl}${BABY_CLASS_IMAGES.STARSHINE.DESC}`" mode="aspectFit">
</image>
<!-- <image class="starshinedesc" :src="`${$baseUrl}${BABY_CLASS_IMAGES.STARSHINE.DESC}`" mode="aspectFit">
</image> -->
<view class="starshinedesc" :style="{ color: getColor() }">
7类课程：⼩⼉常⻅病-急救，产后恢复运动实操课，痱⼦，尿布疹，⼩⼉常⻅病-常⻅疾病护理，新⽣⼉⻩疸，⼉童安全⽤药操作课
</view>
</view>
<view v-if="currentLevelName === 'starlight'" class="starlight">
......@@ -55,8 +61,11 @@
</view>
<image class="starlightbtn" :src="`${$baseUrl}${BABY_CLASS_IMAGES.STARLIGHT.BTN}`" mode="aspectFit"
@click="jump('starlight')"></image>
<image class="starlightdesc" :src="`${$baseUrl}${BABY_CLASS_IMAGES.STARLIGHT.DESC}`" mode="aspectFit">
</image>
<!-- <image class="starlightdesc" :src="`${$baseUrl}${BABY_CLASS_IMAGES.STARLIGHT.DESC}`" mode="aspectFit">
</image> -->
<view class="starlightdesc" :style="{ color: getColor() }">
7类课程：⼩⼉常⻅病-急救，产后恢复运动实操课，痱⼦，尿布疹，⼩⼉常⻅病-常⻅疾病护理，新⽣⼉⻩疸，⼉童安全⽤药操作课
</view>
</view>
<view v-if="currentLevelName === 'gold'" class="gold">
......@@ -70,7 +79,10 @@
</view>
<image class="goldbtn" :src="`${$baseUrl}${BABY_CLASS_IMAGES.GOLD.BTN}`" mode="aspectFit"
@click="jump('gold')"></image>
<image class="golddesc" :src="`${$baseUrl}${BABY_CLASS_IMAGES.GOLD.DESC}`" mode="aspectFit"></image>
<!-- <image class="golddesc" :src="`${$baseUrl}${BABY_CLASS_IMAGES.GOLD.DESC}`" mode="aspectFit"></image> -->
<view class="golddesc" :style="{ color: getColor() }">
5类课程：产检，⼉童疫苗，婴幼⼉护理，⼩⼉发热，⼩⼉7种常⻅病的治疗⽅法和⽤药原则
</view>
</view>
<view v-if="currentLevelName === 'platinum'" class="platinum">
......@@ -89,7 +101,10 @@
</view>
<image class="platinumbtn" :src="`${$baseUrl}${BABY_CLASS_IMAGES.PLATINUM.BTN}`" mode="aspectFit"
@click="jump('platinum')"></image>
<image class="platinumdesc" :src="`${$baseUrl}${BABY_CLASS_IMAGES.PLATINUM.DESC}`" mode="aspectFit"></image>
<!-- <image class="platinumdesc" :src="`${$baseUrl}${BABY_CLASS_IMAGES.PLATINUM.DESC}`" mode="aspectFit"></image> -->
<view class="platinumdesc" :style="{ color: getColor() }">
5类课程：产检，⼉童疫苗，婴幼⼉护理，⼩⼉发热，⼩⼉7种常⻅病的治疗⽅法和⽤药原则
</view>
</view>
</view>
......@@ -118,6 +133,19 @@ const props = defineProps({
},
})
// 颜色配置
const getColor = () => {
const colors = [
"#503404",
"#284a6c",
"#322d6f",
"#6d5d4f",
"#fff0df"
]
return colors[props.currentLevel];
}
// 等级映射常量
const LEVEL_MAP = {
0: 'gold',
......@@ -243,7 +271,7 @@ const jump = (level) => {
left: 112rpx;
top: 513rpx;
position: absolute;
transition: transform 0.2s ease;
&:active {
......@@ -256,6 +284,10 @@ const jump = (level) => {
height: 92rpx;
left: 15rpx;
top: 641rpx;
font-size: 22rpx;
line-height: 1.5;
letter-spacing: 0.5rpx;
text-align: left;
position: absolute;
}
}
......@@ -331,7 +363,7 @@ const jump = (level) => {
left: 112rpx;
top: 513rpx;
position: absolute;
transition: transform 0.2s ease;
&:active {
......@@ -344,6 +376,10 @@ const jump = (level) => {
height: 92rpx;
left: 15rpx;
top: 641rpx;
font-size: 22rpx;
line-height: 1.5;
letter-spacing: 0.5rpx;
text-align: left;
position: absolute;
}
}
......@@ -419,7 +455,7 @@ const jump = (level) => {
left: 112rpx;
top: 513rpx;
position: absolute;
transition: transform 0.2s ease;
&:active {
......@@ -433,6 +469,10 @@ const jump = (level) => {
left: 15rpx;
top: 641rpx;
position: absolute;
font-size: 22rpx;
line-height: 1.5;
letter-spacing: 0.5rpx;
text-align: left;
}
}
......@@ -507,7 +547,7 @@ const jump = (level) => {
left: 112rpx;
top: 513rpx;
position: absolute;
transition: transform 0.2s ease;
&:active {
......@@ -521,6 +561,10 @@ const jump = (level) => {
left: 15rpx;
top: 641rpx;
position: absolute;
font-size: 22rpx;
line-height: 1.5;
letter-spacing: 0.5rpx;
text-align: left;
}
}
......@@ -595,7 +639,7 @@ const jump = (level) => {
left: 112rpx;
top: 513rpx;
position: absolute;
transition: transform 0.2s ease;
&:active {
......@@ -609,6 +653,10 @@ const jump = (level) => {
left: 15rpx;
top: 641rpx;
position: absolute;
font-size: 22rpx;
line-height: 1.5;
letter-spacing: 0.5rpx;
text-align: left;
}
}
......
components/pointRightsCom/monthGift.vue
View file @ 66b6a4f8
......@@ -87,10 +87,10 @@
</button>
</view>
</view>
<image class="diamond1buycomtitle" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.DIAMOND.BUY_COM.TITLE}`"
mode="aspectFit"></image>
<image class="diamond1buycomdesc" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.DIAMOND.BUY_COM.DESC}`"
<image class="diamond1buycomtitle" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.DIAMOND.BUY_COM.T1}`"
mode="aspectFit"></image>
<!-- <image class="diamond1buycomdesc" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.DIAMOND.BUY_COM.DESC}`"
mode="aspectFit"></image> -->
<!-- <image class="diamond1buycomstatus" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.DIAMOND.BUY_COM.STATUS}`"
mode="aspectFit"></image> -->
</view>
......@@ -184,10 +184,10 @@
</view>
<!-- <image class="starshine1buycomstatus" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARSHINE.BUY_COM.STATUS}`"
mode="aspectFit"></image> -->
<image class="starshine1buycomtitle" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARSHINE.BUY_COM.TITLE}`"
mode="aspectFit"></image>
<image class="starshine1buycomdesc" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARSHINE.BUY_COM.DESC}`"
<image class="starshine1buycomtitle" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARSHINE.BUY_COM.T1}`"
mode="aspectFit"></image>
<!-- <image class="starshine1buycomdesc" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARSHINE.BUY_COM.DESC}`"
mode="aspectFit"></image> -->
</view>
</view>
......@@ -277,10 +277,10 @@
</button>
</view>
</view>
<image class="startlight1buycomtitle" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARLIGHT.BUY_COM.TITLE}`"
mode="aspectFit"></image>
<image class="startlight1buycomdesc" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARLIGHT.BUY_COM.DESC}`"
<image class="startlight1buycomtitle" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARLIGHT.BUY_COM.T1}`"
mode="aspectFit"></image>
<!-- <image class="startlight1buycomdesc" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARLIGHT.BUY_COM.DESC}`"
mode="aspectFit"></image> -->
<!-- <image class="startlight1buycomstatus" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.STARLIGHT.BUY_COM.STATUS}`"
mode="aspectFit"></image> -->
</view>
......@@ -313,10 +313,10 @@
</view>
</view>
<view class="gold1buycom">
<image class="gold1buycomtitle" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.GOLD.BUY_COM.TITLE}`"
mode="aspectFit"></image>
<image class="gold1buycomdesc" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.GOLD.BUY_COM.DESC}`"
<image class="gold1buycomtitle" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.GOLD.BUY_COM.T1}`"
mode="aspectFit"></image>
<!-- <image class="gold1buycomdesc" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.GOLD.BUY_COM.DESC}`"
mode="aspectFit"></image> -->
<!-- <image class="gold1buycomstatus" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.GOLD.BUY_COM.STATUS}`"
mode="aspectFit"></image> -->
<!-- 时间段背景图片 - 根据选中状态动态显示 -->
......@@ -403,10 +403,10 @@
</view>
</view>
<view class="platinum1buycom">
<image class="platinum1buycomtitle" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.PLATINUM.BUY_COM.TITLE}`"
mode="aspectFit"></image>
<image class="platinum1buycomdesc" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.PLATINUM.BUY_COM.DESC}`"
<image class="platinum1buycomtitle" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.PLATINUM.BUY_COM.T1}`"
mode="aspectFit"></image>
<!-- <image class="platinum1buycomdesc" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.PLATINUM.BUY_COM.DESC}`"
mode="aspectFit"></image> -->
<!-- <image class="platinum1buycomstatus" :src="`${$baseUrl}${MONTH_GIFT_IMAGES.PLATINUM.BUY_COM.STATUS}`"
mode="aspectFit"></image> -->
<!-- 时间段背景图片 - 根据选中状态动态显示 -->
......@@ -597,7 +597,6 @@ const LEVEL_TO_POPUP_TYPE = {
const currentLevelName = computed(() => LEVEL_MAP[props.currentLevel])
// 方法
// 显示精选好券领取成功弹窗
const showJingxuanPopup = () => {
......@@ -1454,8 +1453,8 @@ const getTimeSlotStatusText = (index) => {
}
.diamond1buycomtitle {
width: 137rpx;
height: 31rpx;
width: 396rpx;
height: 66rpx;
left: 7rpx;
top: 3rpx;
position: absolute;
......@@ -1754,8 +1753,8 @@ const getTimeSlotStatusText = (index) => {
// }
.starshine1buycomtitle {
width: 137rpx;
height: 31rpx;
width: 396rpx;
height: 66rpx;
left: 7rpx;
top: 3rpx;
position: absolute;
......@@ -2038,8 +2037,8 @@ const getTimeSlotStatusText = (index) => {
}
.startlight1buycomtitle {
width: 137rpx;
height: 31rpx;
width: 396rpx;
height: 66rpx;
left: 7rpx;
top: 3rpx;
position: absolute;
......@@ -2169,8 +2168,8 @@ const getTimeSlotStatusText = (index) => {
position: absolute;
.gold1buycomtitle {
width: 137rpx;
height: 31rpx;
width: 396rpx;
height: 66rpx;
left: 7rpx;
top: 3rpx;
position: absolute;
......@@ -2468,8 +2467,8 @@ const getTimeSlotStatusText = (index) => {
position: absolute;
.platinum1buycomtitle {
width: 137rpx;
height: 31rpx;
width: 396rpx;
height: 66rpx;
left: 7rpx;
top: 3rpx;
position: absolute;
......
components/pointRightsCom/monthGiftImages.js
View file @ 66b6a4f8
......@@ -17,6 +17,7 @@ export const MONTH_GIFT_IMAGES = {
},
BUY_COM: {
TITLE: `pointRights/MonthGift/${version}/diamond1BuyComTitle.png`,
T1: `pointRights/MonthGift/${version}/diamondT1.png`,
DESC: `pointRights/MonthGift/${version}/diamond1BuyComDesc.png`,
STATUS: `pointRights/MonthGift/${version}/diamond1BuyComStatus.png`,
SEL1: `pointRights/MonthGift/${version}/diamond1BuyComSel1.png`,
......@@ -62,6 +63,7 @@ export const MONTH_GIFT_IMAGES = {
},
BUY_COM: {
TITLE: `pointRights/MonthGift/${version}/starshine1BuyComTitle.png`,
T1: `pointRights/MonthGift/${version}/starshineT1.png`,
DESC: `pointRights/MonthGift/${version}/starshine1BuyComDesc.png`,
STATUS: `pointRights/MonthGift/${version}/starshine1BuyComStatus.png`,
SEL1: `pointRights/MonthGift/${version}/starshine1BuyComSel1.png`,
......@@ -107,6 +109,7 @@ export const MONTH_GIFT_IMAGES = {
},
BUY_COM: {
TITLE: `pointRights/MonthGift/${version}/startlight1BuyComTitle.png`,
T1: `pointRights/MonthGift/${version}/starlightT1.png`,
DESC: `pointRights/MonthGift/${version}/startlight1BuyComDesc.png`,
STATUS: `pointRights/MonthGift/${version}/startlight1BuyComStatus.png`,
SEL1: `pointRights/MonthGift/${version}/startlight1BuyComSel1.png`,
......@@ -153,6 +156,7 @@ export const MONTH_GIFT_IMAGES = {
},
BUY_COM: {
TITLE: `pointRights/MonthGift/${version}/gold1BuyComTitle.png`,
T1: `pointRights/MonthGift/${version}/goldT1.png`,
DESC: `pointRights/MonthGift/${version}/gold1BuyComDesc.png`,
STATUS: `pointRights/MonthGift/${version}/gold1BuyComStatus.png`,
SEL1: `pointRights/MonthGift/${version}/gold1BuyComSel1.png`,
......@@ -199,6 +203,7 @@ export const MONTH_GIFT_IMAGES = {
},
BUY_COM: {
TITLE: `pointRights/MonthGift/${version}/platinum1BuyComTitle.png`,
T1: `pointRights/MonthGift/${version}/platinumT1.png`,
DESC: `pointRights/MonthGift/${version}/platinum1BuyComDesc.png`,
STATUS: `pointRights/MonthGift/${version}/platinum1BuyComStatus.png`,
SEL1: `pointRights/MonthGift/${version}/platinum1BuyComSel1.png`,
......
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