Explorar o código

修改评价资源模板样式

zengyicheng hai 1 ano
pai
achega
620cee0ff8

BIN=BIN
src/assets/icon/courseEvaTemplate/one.png


BIN=BIN
src/assets/icon/courseEvaTemplate/three.png


BIN=BIN
src/assets/icon/courseEvaTemplate/two.png


+ 45 - 3
src/components/pages/evaBox/index.vue

@@ -93,9 +93,30 @@
                     isHalf && isHoverId == item.id ? '#e7e7e7' : '',
                 }"
               >
-                <div class="cEvaTitle">
-                  {{ item.name }}
+                <div class="cEvaTBox">
+                  <div v-if="type == 0" class="titleIcon">
+                    <img
+                      src="../../../assets/icon/courseEvaTemplate/one.png"
+                      alt=""
+                    />
+                  </div>
+                  <div v-if="type == 1" class="titleIcon">
+                    <img
+                      src="../../../assets/icon/courseEvaTemplate/two.png"
+                      alt=""
+                    />
+                  </div>
+                  <div v-if="type == 2" class="titleIcon">
+                    <img
+                      src="../../../assets/icon/courseEvaTemplate/three.png"
+                      alt=""
+                    />
+                  </div>
+                  <div class="cEvaTitle">
+                    {{ item.name }}
+                  </div>
                 </div>
+
                 <div :class="isHoverId == item.id ? 'iscEvaIcon' : 'cEvaIcon'">
                   <el-tooltip
                     class="item"
@@ -896,6 +917,7 @@ export default {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  font-size: 16px;
 }
 
 .isCType {
@@ -973,8 +995,28 @@ export default {
   display: flex !important;
 }
 
+.cEvaTBox {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.titleIcon {
+  width: 30px;
+  min-width: 30px;
+  height: 30px;
+  margin-right: 5px;
+}
+
+.titleIcon > img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
 .cEvaTitle {
-  font-size: 18px;
+  font-size: 16px;
 }
 
 .cEvaIcon,