提交 0ef7c683 编写于 作者: KK's avatar KK

样式调整

上级 2d196dbd
...@@ -10,4 +10,22 @@ ...@@ -10,4 +10,22 @@
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
} }
ion-select::part(icon) {
display: none;
}
.ion-select-icon{
right: 17px;
top: 50%;
margin-top: -3px;
position: absolute;
width: 0px;
height: 0px;
color: currentcolor;
pointer-events: none;
border-top: 5px solid;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
color: #615e5ec4;
}
} }
<template> <template>
<div class="app-mobile-check-list"> <div class="app-mobile-check-list">
<ion-icon v-if="curValue" name="close-circle-outline" @click="clear"></ion-icon> <ion-icon v-if="curValue" name="close-circle-outline" @click="clear"></ion-icon>
<div v-if="curValue== null || curValue==''" class="ion-select-icon"></div>
<ion-select ref="checkList" @ionChange="change" :disabled="disabled" multiple="true" :ok-text="$t('app.button.confirm')" :cancel-text="$t('app.button.cancel')"> <ion-select ref="checkList" @ionChange="change" :disabled="disabled" multiple="true" :ok-text="$t('app.button.confirm')" :cancel-text="$t('app.button.cancel')">
<ion-select-option v-for="option of options" :key="option.value" :value="option.value">{{option.text}} <ion-select-option v-for="option of options" :key="option.value" :value="option.value">{{option.text}}
</ion-select-option> </ion-select-option>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
width: 100%; width: 100%;
ion-icon{ ion-icon{
position: absolute; position: absolute;
right: 10px; right: 14px;
bottom: 12px; bottom: 12px;
z-index: 2; z-index: 2;
} }
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
} }
.ion-select-icon{ .ion-select-icon{
right: 14px; right: 17px;
top: 50%; top: 50%;
margin-top: -3px; margin-top: -3px;
position: absolute; position: absolute;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册