yqy-teacher-list

src/components/business/yqy-teacher-list.vue

@@ -14,7 +14,7 @@
       <div class="content">
           <div class="needLeft white" :key="index" v-for="(item,index) in cource">
             <img class="courceImg" src=""/>
-            <div :class="item.color" class="courceType fs22 white">{{item.name}}
+            <div :class="[item.color,item.isLeft?'flex-start':'flex-end']" class="courceType fs22 white">{{item.name}}
             </div>
             <div :class="hasPersonName?'space-between':'flex-end'" class="courceText fs22 white">
             <div v-if="hasPersonName"><img class="avatar" src="../../images/Shape@2x.png"/><span class="person white">{{item.teacher}}</span></div>
@@ -66,6 +66,7 @@ export default {
                 {
                     img: '../../images/Shape@2x.png',
                     name: '检查',
+                    isLeft: true,
                     hospital: '阜外医院',
                     color: 'blue',
                     teacher: '小单',
@@ -74,6 +75,7 @@ export default {
                 {
                     img: '../../images/Shape@2x.png',
                     name: '检查',
+                    isLeft: true,
                     hospital: '阜外医院',
                     color: 'green',
                     teacher: '小单',
@@ -82,6 +84,7 @@ export default {
                 {
                     img: '../../images/Shape@2x.png',
                     name: '检查',
+                    isLeft: true,
                     hospital: '阜外医院',
                     color: 'pink',
                     teacher: '小单',
@@ -90,6 +93,7 @@ export default {
                 {
                     img: '../../images/Shape@2x.png',
                     name: '检查',
+                    isLeft: true,
                     hospital: '阜外医院',
                     color: 'yellow',
                     teacher: '小单',
@@ -98,6 +102,7 @@ export default {
                 {
                     img: '../../images/Shape@2x.png',
                     name: '检查',
+                    isLeft: true,
                     hospital: '阜外医院',
                     color: 'blue',
                     teacher: '小单',
@@ -106,6 +111,7 @@ export default {
                 {
                     img: '../../images/Shape@2x.png',
                     name: '检查',
+                    isLeft: true,
                     hospital: '阜外医院',
                     color: 'green',
                     teacher: '小单',
@@ -114,6 +120,7 @@ export default {
                 {
                     img: '../../images/Shape@2x.png',
                     name: '检查',
+                    isLeft: true,
                     hospital: '阜外医院',
                     color: 'pink',
                     teacher: '小单',
@@ -122,6 +129,7 @@ export default {
                 {
                     img: '../../images/Shape@2x.png',
                     name: '检查',
+                    isLeft: true,
                     hospital: '阜外医院',
                     color: 'yellow',
                     teacher: '小单',
@@ -287,7 +295,7 @@ export default {
 .courceType{
     position: absolute;
     top: px2rem(5px);
-    right: px2rem(5px);
+    // right: px2rem(5px);
     width: 90%;
     text-align: right;
     width: px2rem(30px);
@@ -295,6 +303,9 @@ export default {
     border-radius: px2rem(2px);
     line-height: px2rem(16px);
     text-align: center;
+    display: flex;
+    justify-content: flex-start;
+    margin: 0 10px;
 }
 .fontTitle{
   font-size: px2rem(18px);

src/style/global.scss

@@ -10,6 +10,10 @@
     display: flex;
     justify-content: space-between;
 }
+.flex-start{
+    display: flex;
+    justify-content: flex-start;
+}
 .flex-end{
     display: flex;
     justify-content: flex-end;