|
|
@@ -3,7 +3,7 @@
|
|
|
<view class="patient-box">
|
|
|
<view class="patient-head">
|
|
|
<view class="patient-title">选择就诊人</view>
|
|
|
- <view class="x-f" @click="addPatient()"><u-icon name="plus-circle" size="36rpx" color="#222"></u-icon>添加</view>
|
|
|
+ <view class="patient-title x-f addbtn" style="color: #fff;font-weight: normal;" @click="addPatient()"><u-icon name="plus" size="36rpx" color="#fff"></u-icon>添加</view>
|
|
|
</view>
|
|
|
<scroll-view scroll-x :scroll-into-view="scrollIntoView" :scroll-with-animation="true" class="patient-list" v-if="patientList&&patientList.length>0">
|
|
|
<view :id="'patient_'+i" :class="current == i ? 'patient-item patient-active':'patient-item'" v-for="(item,i) in patientList" :key="item.patientId" @click="handlePatient(item,i)">
|
|
|
@@ -17,6 +17,10 @@
|
|
|
<u-icon v-show="current == i" name="checkmark" size="28rpx" color="#fff"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view :id="'patient_'+patientList.length" class="patient-item additem" @click="addPatient()">
|
|
|
+ <u-icon name="plus" size="36rpx" color="#FF5C03" style="font-weight: bold;"></u-icon>
|
|
|
+ <view class="patient-name" style="color: #ff5c03;">添加</view>
|
|
|
+ </view>
|
|
|
</scroll-view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -82,10 +86,19 @@
|
|
|
align-items: $alignI;
|
|
|
justify-content: $justifyC;
|
|
|
}
|
|
|
+ .additem {
|
|
|
+ text-align: center;
|
|
|
+ color: #ff5c03 !important;
|
|
|
+ }
|
|
|
+ .addbtn {
|
|
|
+ background-color: #FF5C03;
|
|
|
+ padding: 5rpx 10rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ }
|
|
|
.patient{
|
|
|
&-container {
|
|
|
padding: 15rpx;
|
|
|
-
|
|
|
}
|
|
|
&-box {
|
|
|
padding: 30rpx 24rpx;
|
|
|
@@ -106,8 +119,11 @@
|
|
|
&-list {
|
|
|
white-space: nowrap;
|
|
|
width: 100%;
|
|
|
+ @include u-flex(row, center, flex-start);
|
|
|
}
|
|
|
&-item {
|
|
|
+ height: 54px;
|
|
|
+ overflow: hidden;
|
|
|
margin-top: 20rpx;
|
|
|
width: 200rpx;
|
|
|
margin-right: 16rpx;
|
