pref#hmc_手机福利界面
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user