浏览代码

调班详情新增样式

vonin 4 年之前
父节点
当前提交
ffb7286542
共有 2 个文件被更改,包括 31 次插入7 次删除
  1. 27 5
      src/assets/css/xsy.css
  2. 4 2
      src/projects/business/views-xsy/ApplyClass/Info.vue

+ 27 - 5
src/assets/css/xsy.css

@@ -46,15 +46,37 @@
 .vongi-slot-content .mui-grid-view.mui-grid-9 {
 	margin:10px -5px
 }
+
 .vongi-slot-content .mui-grid-view.mui-grid-9 li .flex{
-	width:24px;
-	height:24px;
-	overflow: hidden;
-	margin:0 auto
+	position:relative
+}
+.vongi-slot-content .mui-grid-view.mui-grid-9 li .flex i{
+	position:absolute;
+	top:14px;
+	left:50%;
+	width:10px;
+	height:10px;
+	border-radius: 50%;
+	background:white;
+	line-height: 10px;
+	text-align: center;
+	margin-left:3px
+}
+.vongi-slot-content .icon-gou{
+	color:#22AC38;
+	font-size:10px
+}
+.vongi-slot-content .icon-chacha{
+	color:#FF6666;
+	font-size:10px
 }
 .vongi-slot-content .mui-grid-view.mui-grid-9 li img{
 	object-fit: cover;
-	min-height: 100%;
+	width:24px;
+	height:24px;
+	overflow: hidden;
+	margin:0 auto;
+	border-radius: 50%;
 }
 .vongi-fpbm-xsy .mui-table-view-cell{
 	padding:11px 15px

+ 4 - 2
src/projects/business/views-xsy/ApplyClass/Info.vue

@@ -58,13 +58,15 @@
 							<ul class="mui-table-view mui-grid-view mui-grid-9 flex ">
 					            <li class="mui-table-view-cell mui-media">
 					            	<div class="flex">
-					            		<img src="~$project/assets/img/02.jpg" width="30"/>
+					            		<img src="~$project/assets/img/02.jpg"/>
+										<i class="iconfont icon-gou"></i>
 					            	</div>
 					                <div class="mui-media-body">张芳芳</div>
 					            </li>
 					           <li class="mui-table-view-cell mui-media">
 					            	<div class="flex">
-					            		<img src="~$project/assets/img/02.jpg" width="30"/>
+					            		<img src="~$project/assets/img/02.jpg"/>
+										<i class="iconfont icon-chacha"></i>
 					            	</div>
 					                <div class="mui-media-body">张芳芳</div>
 					            </li>