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

Loading…
Cancel
Save