Browse Source

疗法问答页面【添加】
1、按钮加醒目的颜色,字体放大
2、已创建就诊人列表末尾新增【添加】

XSLu08042 2 weeks ago
parent
commit
baa9200d89
1 changed files with 18 additions and 2 deletions
  1. 18 2
      pages_index/components/choosePatient/choosePatient.vue

+ 18 - 2
pages_index/components/choosePatient/choosePatient.vue

@@ -3,7 +3,7 @@
 		<view class="patient-box">
 		<view class="patient-box">
 			<view class="patient-head">
 			<view class="patient-head">
 				<view class="patient-title">选择就诊人</view>
 				<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>
 			</view>
 			<scroll-view scroll-x :scroll-into-view="scrollIntoView" :scroll-with-animation="true" class="patient-list" v-if="patientList&&patientList.length>0">
 			<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)">
 				<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>
 						<u-icon v-show="current == i" name="checkmark" size="28rpx" color="#fff"></u-icon>
 					</view>
 					</view>
 				</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>
 			</scroll-view>
 		</view>
 		</view>
 	</view>
 	</view>
@@ -82,10 +86,19 @@
 		align-items: $alignI;
 		align-items: $alignI;
 		justify-content: $justifyC;
 		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{
 	.patient{
 		&-container {
 		&-container {
 			padding: 15rpx;
 			padding: 15rpx;
-			
 		}
 		}
 		&-box {
 		&-box {
 			padding: 30rpx 24rpx;
 			padding: 30rpx 24rpx;
@@ -106,8 +119,11 @@
 		&-list {
 		&-list {
 			white-space: nowrap;
 			white-space: nowrap;
 			width: 100%;
 			width: 100%;
+			@include u-flex(row, center, flex-start);
 		}
 		}
 		&-item {
 		&-item {
+			height: 54px;
+			overflow: hidden;
 			margin-top: 20rpx;
 			margin-top: 20rpx;
 			width: 200rpx;
 			width: 200rpx;
 			margin-right: 16rpx;
 			margin-right: 16rpx;