评价css

src/views/enterprise/registrationDetail.vue

@@ -891,7 +891,7 @@ export default {
 }
 /***/
 
-.eval-star {
+/*.eval-star {
         margin: 0 0.7rem 0 0.2rem;
     }
 
@@ -907,7 +907,70 @@ export default {
     .eval-star-font{
       font-weight: bold;
       font-size: 0.4rem;
-    }
+    }*/
+
+.eval-list {
+  display: flex;
+  justify-content: space-between;
+  margin: 3%;
+}
+
+.eval-list > div {
+  width: 30%;
+  text-align: center;
+}
 
+.eval-list > div > label {
+  margin: 0.2rem 0;
+  color: #999;
+}
+
+.eval-list > div.active > label {
+  color: #323233;
+  font-weight: 600;
+}
+
+.eval-list > div > span {
+  display: block;
+  margin: 0.5rem auto 0.2rem;
+  width: 0.8rem;
+  height: 1.0rem;
+}
+
+.eval-list > div#evalBad > span {
+  background: url("../../../assets/images/eval-bad-dis.png") no-repeat;
+  background-size: 100%;
+  opacity: .5;
+}
+
+.eval-list > div#evalGood > span {
+  background: url("../../../assets/images/eval-good-dis.png") no-repeat;
+  background-size: 100%;
+  opacity: .5;
+}
+
+.eval-list > div#evalVeryGood > span {
+  background: url("../../../assets/images/eval-verygood-dis.png") no-repeat;
+  background-size: 100%;
+  opacity: .5;
+}
+
+.eval-list > div#evalBad.active > span {
+  background: url("../../../assets/images/eval-bad.png") no-repeat;
+  background-size: 100%;
+  opacity: 1;
+}
+
+.eval-list > div#evalGood.active > span {
+  background: url("../../../assets/images/eval-good.png") no-repeat;
+  background-size: 100%;
+  opacity: 1;
+}
+
+.eval-list > div#evalVeryGood.active > span {
+  background: url("../../../assets/images/eval-verygood.png") no-repeat;
+  background-size: 100%;
+  opacity: 1;
+}
 
 </style>