浏览代码

班级点名添加勾选框

常志远 1 年之前
父节点
当前提交
fd89e57b21
共有 1 个文件被更改,包括 24 次插入4 次删除
  1. 24 4
      pages/teacher/callNames/classCall.vue

+ 24 - 4
pages/teacher/callNames/classCall.vue

@@ -50,6 +50,9 @@
 			
 			<view class="details">
 				<view class="item" v-for="(item,index) in rollCallList" :key="index">
+					<label class="radio" >
+						<radio value="" /><text></text>
+					</label>
 					<view class="picture">
 						<u-avatar class="avatar" mode="square"
 							:src="item.headPhoto != null ? item.headPhoto : '../../assets/img/head.png'" size="112">
@@ -129,8 +132,13 @@
 				</view>
 			</view>
 			<view class="set-btn">
+				<!-- 全选 -->
+				<label class="radio">
+					<radio value="" /><text>全选</text>
+				</label>
 				<view class="set">
-					<view class="set-text">点名结果批量设置</view>
+					<view class="set-text">批量点名</view>
+					
 					<view class="choose" @click="show = true">
 						<view class="text">
 							{{resultName}}
@@ -432,7 +440,7 @@
 				font-weight: bold;
 				margin-bottom: 16rpx;
 			}
-
+            
 			.item {
 				display: flex;
 				margin-top: 16rpx;
@@ -453,6 +461,7 @@
 		.details {
 			background-color: #fff;
             margin-top: 424rpx;
+			
 			.item {
 				padding: 24rpx 32rpx;
 				display: flex;
@@ -550,6 +559,16 @@
 		}
 	}
 
+
+ // 单选框
+ /deep/.radio{
+ 	display: flex ;
+ 	align-items: center;
+ }
+ /deep/.uni-radio-input{
+ 	width: 32rpx;
+ 	height: 32rpx;
+ }
 	/deep/.u-cell_title {
 		color: rgba(119, 119, 119, 1);
 	}
@@ -738,6 +757,7 @@
 			.set {
 				display: flex;
 				align-items: center;
+				margin-left: auto;
 
 				.set-text {
 					color: rgba(51, 51, 51, 1);
@@ -761,8 +781,8 @@
 			}
 
 			.btn {
-				width: 272rpx;
-				margin-left: auto;
+				width: 200rpx;
+				margin-left: 16rpx;
 			}
 
 			button {