Browse Source

选择就诊人页面选中样式调整

master
longchao 1 month ago
parent
commit
0051b94538
  1. 33
      pages/visitors/visitors.vue

33
pages/visitors/visitors.vue

@ -21,6 +21,8 @@
<view class="flex">{{item.sex}}<view class="gap">|</view> {{ item.age }}</view>
<view v-if="item.phone" class="flex"><view class="gap">|</view>手机号{{ item.phone }}</view>
</view>
<!-- <img class="status" :src="cssUrl+'visitor_select_active.svg'"> -->
<img class="status" :src="cssUrl+'check_false.svg'">
<img class="status" :src="cssUrl+'check_true.svg'">
@ -38,12 +40,14 @@
</view>
<view class="submit" v-if="is_preview" @click="toPrebook">
<view class="choose-desc" v-if="visitUsers && visitUsers.length > 0">请先勾选就诊人可多选</view>
<view class="bot primary btn btn2 submitbtn" hover-class="hover">
确认预约已选{{selectCount}}
</view>
</view>
<view class="submit" v-if="(type == 1 || type == 0) && !is_preview && visitUsers && visitUsers.length > 0" @click="toPrebook">
<view class="choose-desc" v-if="visitUsers && visitUsers.length > 0">请先勾选就诊人可多选</view>
<view class="bot primary btn btn2 submitbtn" hover-class="hover">
确认以上患者已到已选{{selectCount}}
</view>
@ -501,17 +505,28 @@
}
&.active{
border: 2rpx solid #39D067;
.status{
display: block;
.status:first-of-type{
display: none !important;
}
.status:nth-of-type(2){
display: block !important;
}
}
.status{
right: 0;
bottom: 0;
width: 98rpx;
height: 98rpx;
right: 24rpx;
bottom: 37rpx;
width: 36rpx;
height: 36rpx;
z-index: 2;
}
.status:first-of-type{
display: block;
}
.status:nth-of-type(2){
display: none;
}
.bg{
bottom: 0;
right: 0;
@ -589,6 +604,12 @@
color: #B3B4BC;
margin-top: 33rpx;
}
.choose-desc{
font-size: 28rpx;
text-align: center;
color: #21B955;
margin-bottom: 19rpx;
}
}
.list-wrapper2{
.item{

Loading…
Cancel
Save