|
|
@@ -23,6 +23,7 @@
|
|
|
添加
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
|
|
|
<view class="children">
|
|
|
<view class="check-box" v-for="(item,index) in studentList" :key="item.studentId">
|
|
|
@@ -365,11 +366,14 @@
|
|
|
border-radius: 16rpx;
|
|
|
background-color: rgba(255, 255, 255, 1);
|
|
|
padding: 24rpx 24rpx 8rpx 24rpx;
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
-
|
|
|
-
|
|
|
+ display: -webkit-box;
|
|
|
+
|
|
|
+ overflow-x: auto;
|
|
|
+
|
|
|
+ position: relative;
|
|
|
+
|
|
|
.check-box {
|
|
|
+ width: 48%;
|
|
|
padding: 16rpx 40rpx 16rpx 16rpx;
|
|
|
border-radius: 100rpx;
|
|
|
background-color: rgba(13, 186, 199, 0.1);
|
|
|
@@ -377,7 +381,8 @@
|
|
|
display: flex;
|
|
|
position: relative;
|
|
|
margin-right: 24rpx;
|
|
|
- margin-bottom:16rpx;
|
|
|
+ margin-bottom: 16rpx;
|
|
|
+
|
|
|
.photo {
|
|
|
width: 80rpx;
|
|
|
height: 80rpx;
|
|
|
@@ -389,13 +394,14 @@
|
|
|
height: 100%;
|
|
|
}
|
|
|
}
|
|
|
- @media screen and(max-width:320px){
|
|
|
+
|
|
|
+ @media screen and(max-width:320px) {
|
|
|
.photo {
|
|
|
width: 70rpx;
|
|
|
height: 70rpx;
|
|
|
border-radius: 999rpx;
|
|
|
overflow: hidden;
|
|
|
-
|
|
|
+
|
|
|
img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
@@ -411,7 +417,7 @@
|
|
|
width: 96rpx;
|
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
+ text-overflow: ellipsis;
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
font-size: 32rpx;
|
|
|
line-height: 48rpx;
|
|
|
@@ -442,11 +448,15 @@
|
|
|
|
|
|
}
|
|
|
}
|
|
|
- @media screen and(max-width:320px) {
|
|
|
- .check-box{
|
|
|
- margin-right:16rpx;
|
|
|
+
|
|
|
+ @media screen and(max-width:320px) {
|
|
|
+ .check-box {
|
|
|
+ margin-right: 16rpx;
|
|
|
}
|
|
|
- }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .children::-webkit-scrollbar{
|
|
|
+ display: none;
|
|
|
}
|
|
|
}
|
|
|
|
