c-zhouhf1/zhgh_hmc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pref#hmc_手机福利界面

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