apps/supplier-dispatch-h5
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

input禁止输入时的文字显示，select下拉框颜色统一

Browse Source
This commit is contained in:
zhouxueli
2023-08-29 17:51:11 +08:00
parent 1d5b7a535b
commit 9deb44bc04
5 changed files with 37 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/index/driverAdd.vue
View File

@ -20,7 +20,7 @@
<img class="startImg" src="@/assets/start.png" />
<span>准驾车型</span>
</div>
<select id="mySelect" v-model="drivingModel" class="chosen-select" style="width: 44px">
<select id="mySelect" class="mySelect" v-model="drivingModel" >
<option value="A1">A1</option>
<option value="A2">A2</option>
<option value="A3">A3</option>
@ -165,6 +165,17 @@ export default {
box-sizing: border-box;
padding-left: 16px;
}
.mySelect{
@include fontWeightSize(bold,13px);
width: 44px;
color: #323643;
appearance: none;
padding-right: 16px;
background-image: url('@/assets/arrow_bot.png');
background-repeat: no-repeat;
background-position: right center;
background-size: 15px 14px; /* 自定义图像的大小 */
}
.navBar{
//height: 46px;
margin-bottom: 46px;

12
src/views/index/vehicleAdd.vue
View File

@ -18,7 +18,7 @@
<img class="startImg" src="@/assets/start.png" />
<span>车辆类型</span>
</div>
<select id="mySelect" v-model="selectedOption">
<select id="mySelect" class="mySelect" v-model="selectedOption">
<option v-for="(item,index) in typeList" :key="index" :value="index">{{item}}</option>
</select>
</div>
@ -198,6 +198,16 @@ export default {
<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.mySelect{
@include fontWeightSize(bold,13px);
color: #323643;
appearance: none;
padding-right: 16px;
background-image: url('@/assets/arrow_bot.png');
background-repeat: no-repeat;
background-position: right center;
background-size: 15px 14px; /* 自定义图像的大小 */
}
.checkbox-group {
display: none;
}