pref#hmc_手机福利界面

This commit is contained in:
Paidax
2025-12-18 16:40:19 +08:00
parent 78897ad216
commit d67d45cef4
@@ -14,6 +14,7 @@ layout("/mobile/platform.html"){
.selection:not(:last-child) {
border-bottom: 1px dashed lightgrey;
height: 150px;
}
.selection .van-checkbox-group .van-cell, .selection .van-radio-group .van-cell {
@@ -115,7 +116,7 @@ layout("/mobile/platform.html"){
}
.optionDesc {
margin-top: -16px;
/*margin-top: -16px;*/
display: -webkit-box;
/*-webkit-box-orient: vertical;*/
/*-webkit-line-clamp: 3;*/
@@ -124,6 +125,8 @@ layout("/mobile/platform.html"){
text-overflow: ellipsis;
font-size: 13px;
color: #868282;
height: 86%;
overflow-y: auto;
}
.desc td {
@@ -146,6 +149,10 @@ layout("/mobile/platform.html"){
.van-submit-bar__button {
width: 150px;
}
.van-image__img{
border-radius: 10px;
}
</style>
<div id="app" v-cloak>
@@ -207,7 +214,7 @@ layout("/mobile/platform.html"){
<!--礼品套餐-->
<div class="van-cell-group--inset"
style="margin:10px auto"
style="margin:10px auto;margin-bottom: 60px !important;"
v-if="projectInfo.flexible && [2,3].includes(projectInfo.provideMode)
&& projectInfo.welfareProjectSubjects
&& projectInfo.welfareProjectSubjects.length>0">
@@ -217,14 +224,14 @@ layout("/mobile/platform.html"){
</div>
</van-cell>
<div class="selection" style="background: #FFF"
<div class="selection" style="background: #FFF; margin-bottom: 80px"
v-for="(subject,sidx) in projectInfo.welfareProjectSubjects">
<div style="display: flex;width: 100%;padding: 10px 0;flex-wrap: wrap"
<div style="display: flex;width: 100%;padding: 10px 0;flex-wrap: wrap;height: 130px"
v-for="(option, oidx) in subject.options">
<div style="width: 120px;height: 110px;display: flex;justify-content: center;align-items: center;position:relative;">
<!-- <div v-if="[1,2,3].includes(option.rank)">-->
<!-- <div class="top-text" :style="'color:' + getRankColor(option.rank)">TOP{{option.rank}}</div>-->
<!-- </div>-->
<div style="width: 120px;height: 120px;display: flex;justify-content: center;align-items: center;position:relative;">
<!-- <div v-if="[1,2,3].includes(option.rank)">-->
<!-- <div class="top-text" :style="'color:' + getRankColor(option.rank)">TOP{{option.rank}}</div>-->
<!-- </div>-->
<van-image :src="FILE_STREAM_PREVIEW_ADDRESS+'?id='+option.imgUrl"
fit="contain"
style="width: 100px;height: 100px;border-radius: 10px"></van-image>
@@ -234,7 +241,14 @@ layout("/mobile/platform.html"){
<div class="right_content">
<div style="display: flex;justify-content: space-between;align-items: center;font-size: 14px">
<div style="width: 100%">{{option.optionName}}</div>
<div style="width: 100%;display: flex;justify-content: space-between">
<div>
{{option.optionName}}
</div>
<div>
<span style="color: rgb(10 132 255 / 70%)">套餐详情</span>
</div>
</div>
</div>
<div class="optionDesc" @click="openViewDesc(option.description)">
<template v-if="option.supplier">
@@ -244,16 +258,16 @@ layout("/mobile/platform.html"){
<div class="optionDesc" v-if="option.simpleDesc">
备注:{{option.simpleDesc}}
</div>
<div style="position: absolute;right: 10px;bottom: -10px;left: 0;display: flex;justify-content: space-between">
<div style="position: absolute;right: 10px;bottom: -30px;left: 0;display: flex;justify-content: space-between">
<div style="width: 70px;font-size: 13px;color: #918a8a;text-align: right;"
@click="openViewDesc(option.description)">
套餐详情
</div>
<van-stepper :default-value="0"
:min="0"
@change="(value)=>{numChange(value,option,oidx)}"
async-change
button-size="20"
button-size="25"
theme="round"
:disabled="confirmButtonInfo.disabled"
integer