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

样式调整

上级 2d196dbd
......@@ -10,4 +10,22 @@
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>
<div class="app-mobile-check-list">
<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-option v-for="option of options" :key="option.value" :value="option.value">{{option.text}}
</ion-select-option>
......
......@@ -2,7 +2,7 @@
width: 100%;
ion-icon{
position: absolute;
right: 10px;
right: 14px;
bottom: 12px;
z-index: 2;
}
......@@ -18,7 +18,7 @@
}
.ion-select-icon{
right: 14px;
right: 17px;
top: 50%;
margin-top: -3px;
position: absolute;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册