换成class选择器

This commit is contained in:
shijingjing
2023-03-15 15:38:43 +08:00
parent a3e1694d4f
commit bd03d5b95e
2 changed files with 10 additions and 10 deletions

View File

@@ -19,10 +19,10 @@
<span>{{ item.passNumber }}</span>人通过/<span>{{ item.examinationNumber }}</span>人参与 <span>{{ item.passNumber }}</span>人通过/<span>{{ item.examinationNumber }}</span>人参与
</div> </div>
<div class="result" v-if="item.myRecord"> <div class="result" v-if="item.myRecord">
<img v-show="item.myRecord.assessmentType == 0" src="https://cdn.cunwuyun.cn/qujing/youxiu.png" alt=""> <img class="result-img" v-show="item.myRecord.assessmentType == 0" src="https://cdn.cunwuyun.cn/qujing/youxiu.png" alt="">
<img v-show="item.myRecord.assessmentType == 1" src="https://cdn.cunwuyun.cn/qujing/lianghao.png" alt=""> <img class="result-img" v-show="item.myRecord.assessmentType == 1" src="https://cdn.cunwuyun.cn/qujing/lianghao.png" alt="">
<img v-show="item.myRecord.assessmentType == 2" src="https://cdn.cunwuyun.cn/qujing/jige.png" alt=""> <img class="result-img" v-show="item.myRecord.assessmentType == 2" src="https://cdn.cunwuyun.cn/qujing/jige.png" alt="">
<img v-show="item.myRecord.assessmentType == 3" src="https://cdn.cunwuyun.cn/qujing/bujige.png" alt=""> <img class="result-img" v-show="item.myRecord.assessmentType == 3" src="https://cdn.cunwuyun.cn/qujing/bujige.png" alt="">
</div> </div>
<div class="grade" :class="{'error':item.myRecord.assessmentType == 3}">{{ item.myRecord.score }}</div> <div class="grade" :class="{'error':item.myRecord.assessmentType == 3}">{{ item.myRecord.score }}</div>
</div> </div>
@@ -38,9 +38,9 @@
<div class="auth_form"> <div class="auth_form">
<div class="form_name"><span class="red">*</span>姓名</div> <div class="form_name"><span class="red">*</span>姓名</div>
<input class="form_value" type="text" placeholder="请输入姓名" v-model="form.name"/> <input class="input" type="text" placeholder="请输入姓名" v-model="form.name"/>
<div class="form_name"><span class="red">*</span>身份证号</div> <div class="form_name"><span class="red">*</span>身份证号</div>
<input class="form_value" type="idcard" placeholder="请输入18位身份证号" v-model="form.idNumber"/> <input class="input" type="idcard" placeholder="请输入18位身份证号" v-model="form.idNumber"/>
<div class="form_name"><span class="red">*</span>地区</div> <div class="form_name"><span class="red">*</span>地区</div>
<AiAreaPicker class="ai-area" v-model="form.areaId" :areaId="$areaId" :fullName.sync="form.areaName"> <AiAreaPicker class="ai-area" v-model="form.areaId" :areaId="$areaId" :fullName.sync="form.areaName">
<div class="ai-area__wrapper"> <div class="ai-area__wrapper">
@@ -220,7 +220,7 @@ export default {
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
img { .result-img {
width: 200px; width: 200px;
height: 200px; height: 200px;
} }
@@ -276,7 +276,7 @@ export default {
} }
} }
input { .input {
height: 96px; height: 96px;
background: #F4F5FA; background: #F4F5FA;
border-radius: 16px; border-radius: 16px;

View File

@@ -11,7 +11,7 @@
<scroll-view :style="{height: height + 'px'}" scroll-y> <scroll-view :style="{height: height + 'px'}" scroll-y>
<div class="card" v-for="item in classList" :key="item.id" @click="handleToDetail(item.id)"> <div class="card" v-for="item in classList" :key="item.id" @click="handleToDetail(item.id)">
<div class="card_left"> <div class="card_left">
<img :src="item.pictureUrl" alt=""> <img :src="item.pictureUrl" alt="" class="card-img">
</div> </div>
<div class="card_right"> <div class="card_right">
<div class="title">{{ item.title }}</div> <div class="title">{{ item.title }}</div>
@@ -98,7 +98,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
.card_left { .card_left {
margin-right: 24px; margin-right: 24px;
img { .card-img {
width: 160px; width: 160px;
height: 160px; height: 160px;
border-radius: 8px; border-radius: 8px;