4.28更新

This commit is contained in:
zoujiandong 2024-04-28 09:12:52 +08:00
parent 7ba9510ee7
commit fb681b8a93
3 changed files with 154 additions and 111 deletions

View File

@ -26,6 +26,7 @@ Page({
threePrice:null, threePrice:null,
sixPrice:null, sixPrice:null,
yearPrice:null, yearPrice:null,
static_host: api.getStaticHost(),
items:[{ items:[{
service_period:'', service_period:'',
service_price:'' service_price:''

View File

@ -23,7 +23,7 @@
<view class="vontent"> <view class="vontent">
<view class="checked_box"> <view class="checked_box">
<view class="title">服务内容</view> <view class="title">服务内容</view>
<view class="price_steup_box" style="height:240rpx" wx:for="{{items}}" wx:key="index"> <view class="price_steup_box" style="height:260rpx" wx:for="{{items}}" wx:key="index">
<view class="price_steup_box_top" bind:tap="openCycle" data-id="{{index}}"> <view class="price_steup_box_top" bind:tap="openCycle" data-id="{{index}}">
<view class="price_steup_box_top_title">服务周期</view> <view class="price_steup_box_top_title">服务周期</view>
<view class="price_steup_box_top_stepper"> <view class="price_steup_box_top_stepper">
@ -40,8 +40,12 @@
</view> </view>
<view class="tips" wx:if="{{tuwenPrice}}"> <view class="tips" wx:if="{{tuwenPrice}}">
<view >建议服务价格设置为:{{(item.service_period/30)==1?'¥'+onePrice:(item.service_period/30)==3?'¥'+threePrice:(item.service_period/30)==6?'¥'+sixPrice:(item.service_period/30)==12?'¥'+yearPrice:'单次图文*10次*0.5'}}</view> <view class="advice_price">建议服务价格设置为:{{(item.service_period/30)==1?'¥'+onePrice:(item.service_period/30)==3?'¥'+threePrice:(item.service_period/30)==6?'¥'+sixPrice:(item.service_period/30)==12?'¥'+yearPrice:'单次图文*10次*0.5'}}</view>
<view wx:if="{{items.length>1}}" bind:tap="delService" data-id="{{index}}">删除</view> <image class="del_img" src="{{static_host}}/applet/doctor/static/images/yishi/service_del.png" mode=""
bind:tap="delService" data-id="{{index}}" wx:if="{{items.length>1}}"/>
<!-- <view >删除</view> -->
</view> </view>
</view> </view>
</view> </view>

View File

@ -1,30 +1,35 @@
page{ page {
background-color: #F6F6F6; background-color: #F6F6F6;
} }
.page{
overflow: hidden; .page {
display: flex; overflow: hidden;
flex-direction: column; display: flex;
} flex-direction: column;
.title{ }
width:90vw;
margin: 0 auto 20rpx; .title {
font-weight: 550; width: 90vw;
font-size: 32rpx; margin: 0 auto 20rpx;
color: rgba(0,0,0,0.85); font-weight: 550;
} font-size: 32rpx;
.checked_box{ color: rgba(0, 0, 0, 0.85);
}
.checked_box {
margin-top: 30rpx; margin-top: 30rpx;
} }
.price_title{
.price_title {
width: 90vw; width: 90vw;
margin: 20rpx auto 0 auto; margin: 20rpx auto 0 auto;
font-size: 32rpx; font-size: 32rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
/* font-family: "AlibabaPuHuiTi-2-55-Regular"; */ /* font-family: "AlibabaPuHuiTi-2-55-Regular"; */
color: #333333; color: #333333;
} }
.price_steup_box{
.price_steup_box {
display: flex; display: flex;
width: 90vw; width: 90vw;
height: 180rpx; height: 180rpx;
@ -32,47 +37,55 @@ page{
border-radius: 20rpx; border-radius: 20rpx;
flex-direction: column; flex-direction: column;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
} }
.price_steup_box_top{
.price_steup_box_top {
position: relative; position: relative;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin: 20rpx 20rpx 20rpx 30rpx; margin: 20rpx 20rpx 20rpx 30rpx;
align-items: center; align-items: center;
padding-bottom: 30rpx; padding-bottom: 30rpx;
} }
.price_steup_box_bottom{
.price_steup_box_bottom {
position: relative; position: relative;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin: 0rpx 20rpx 0rpx 30rpx; margin: 0rpx 20rpx 0rpx 30rpx;
align-items: center; align-items: center;
} }
.price_steup_box_top_title, .price_steup_box_bottom_title{
.price_steup_box_top_title,
.price_steup_box_bottom_title {
flex: 1; flex: 1;
font-size: 32rpx; font-size: 32rpx;
color: #333; color: #333;
} }
.price{ .price {
text-align: right!important; text-align: right !important;
font-size: 28rpx; font-size: 28rpx;
} }
.price_steup_box_bottom_num{
.price_steup_box_bottom_num {
flex: 1.5; flex: 1.5;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
text-align: right; text-align: right;
align-items:center; align-items: center;
} }
.ipt{
.ipt {
font-size: 28rpx; font-size: 28rpx;
color: #E34D59; color: #E34D59;
} }
.unit{
.unit {
font-size: 28rpx; font-size: 28rpx;
} }
.price_steup_box_top::after{
.price_steup_box_top::after {
position: absolute; position: absolute;
box-sizing: border-box; box-sizing: border-box;
content: ' '; content: ' ';
@ -82,96 +95,121 @@ page{
bottom: 0; bottom: 0;
border-bottom: 1px solid var(--td-cell-border-color, var(--td-gray-color-3, #e7e7e7)); border-bottom: 1px solid var(--td-cell-border-color, var(--td-gray-color-3, #e7e7e7));
transform: scaleY(0.5); transform: scaleY(0.5);
} }
.price_steup_box_top_stepper{
display: flex; .price_steup_box_top_stepper {
display: flex;
text-align: right; text-align: right;
align-items: center; align-items: center;
} }
.bottom{
.bottom {
width: 90vw; width: 90vw;
margin: -20rpx auto; margin: -20rpx auto;
color: #999; color: #999;
letter-spacing: 2rpx; letter-spacing: 2rpx;
font-size: 28rpx; font-size: 28rpx;
line-height: 40rpx; line-height: 40rpx;
} }
.go{
.go {
position: fixed; position: fixed;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
bottom: 100rpx; bottom: 100rpx;
width: 90vw; width: 90vw;
} }
.weui-input{
.weui-input {
color: red; color: red;
display: inline-block; display: inline-block;
text-align: right; text-align: right;
} }
.price{
.price {
text-align: center; text-align: center;
flex: 1; flex: 1;
} }
.green{
color:#3CC7C0; .green {
} color: #3CC7C0;
.tips{ }
margin:15rpx 30rpx;
.tips {
margin: 15rpx 30rpx;
margin-right: 0;
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
color: #E34D59; color: #E34D59;
} }
.continueadd{
.continueadd {
font-size: 30rpx; font-size: 30rpx;
color: #3CC7C0; color: #3CC7C0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width:90vw; width: 90vw;
height: 80rpx; height: 80rpx;
margin:80rpx auto 0; margin: 80rpx auto 0;
background: rgba(44,241,248,0.28); background: rgba(44, 241, 248, 0.28);
border-radius: 8rpx; border-radius: 8rpx;
} }
.btn{
bottom:60rpx; .btn {
position: fixed; bottom: 60rpx;
position: fixed;
font-size: 32rpx; font-size: 32rpx;
color: #fff; color: #fff;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width:90vw; width: 90vw;
left:50%; left: 50%;
transform: translate(-50%); transform: translate(-50%);
height: 80rpx; height: 80rpx;
margin:160rpx auto 0; margin: 160rpx auto 0;
background: #3CC7C0; background: #3CC7C0;
border-radius: 8rpx; border-radius: 8rpx;
} }
.van-picker__cancel{
font-size: 32rpx!important; .van-picker__cancel {
color: rgba(0,0,0,0.6)!important; font-size: 32rpx !important;
} color: rgba(0, 0, 0, 0.6) !important;
.van-picker__confirm{ }
font-size: 32rpx!important;
color: #3CC7C0!important; .van-picker__confirm {
} font-size: 32rpx !important;
.van-picker__title{ color: #3CC7C0 !important;
font-size: 32rpx!important; }
}
.van-picker__toolbar{ .van-picker__title {
border-bottom:.5px solid #E7E7E7; font-size: 32rpx !important;
} }
.amount.nodata{
.van-picker__toolbar {
border-bottom: .5px solid #E7E7E7;
}
.amount.nodata {
font-size: 28rpx; font-size: 28rpx;
color: rgba(0,0,0,0.45); color: rgba(0, 0, 0, 0.45);
} }
.vontent{
flex:1; .vontent {
margin-bottom: 150rpx; flex: 1;
overflow-y: scroll; margin-bottom: 150rpx;
} overflow-y: scroll;
}
.del_img {
width: 160rpx;
height: 64rpx;
}
.advice_price {
margin-top: 10rpx;
}