提交 5d8a647e 编写于 作者: zhujiamin's avatar zhujiamin

编辑器样式调整(下拉视图) --fix1

上级 9268c615
.app-mobile-select-drop-down{
width: 100%;
.cancel-icon {
width: 16px;
height: 16px;
background-color: #fcfcfc;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
z-index: 9998;
display: flex;
justify-content: center;
align-items: center;
ion-icon{
position: absolute;
right: 32px;
bottom: 16px;
z-index:2;
font-size: 16px;
right: 0;
top: 0;
color:#969696;
z-index:9999;
}
}
ion-select{
width: 100%;
max-width: 100%;
padding-left: 0;
text-align: right;
color: #969696 !important;
}
ion-select::part(text) {
padding-right: 15px;
}
ion-select::part(icon) {
display: none !important;
opacity: 0 !important;
}
.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: #969696;
}
}
<template>
<div class="app-mobile-select-drop-down">
<ion-icon v-if="curvalue" name="close-outline" @click="clear"></ion-icon>
<div class="cancel-icon" v-if="curvalue"><ion-icon name="close-circle-outline" @click="clear"></ion-icon></div>
<div v-if="curvalue== null || curvalue==''" class="ion-select-icon"></div>
<ion-select :value="curvalue" :disabled="disabled " @ionChange="change" interface="popover">
<ion-select-option v-for="option of items" :key="option.value" :value="option.value">{{option.text}}</ion-select-option>
</ion-select>
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册