diff --git a/src/views/enterprise/registrationDetail.vue b/src/views/enterprise/registrationDetail.vue index 601606c..1876ec4 100644 --- a/src/views/enterprise/registrationDetail.vue +++ b/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; +}