提交 4caa57c8 编写于 作者: KK's avatar KK

样式优化

上级 4ba98bfb
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<template v-else> <template v-else>
<template v-if="labelPos == 'LEFT'"> <template v-if="labelPos == 'LEFT'">
<ion-label :style="{minWidth:labelWidth+'px'}" v-if="isShowCaption && labelWidth > 0"><span v-if="required" class="required">* </span>{{isEmptyCaption ? '' : caption}}</ion-label> <ion-label :style="{minWidth:labelWidth+'px'}" v-if="isShowCaption && labelWidth > 0"><span v-if="required" class="required">* </span>{{isEmptyCaption ? '' : caption}}</ion-label>
<div :style="contentStyle" style="height: 100%;"> <div :style="contentStyle" style="display: flex;align-items: center;">
<slot></slot> <slot></slot>
</div> </div>
<div class="prompt_text">{{errorText}}</div> <div class="prompt_text">{{errorText}}</div>
......
...@@ -18,4 +18,7 @@ ...@@ -18,4 +18,7 @@
.file { .file {
color: #108cee; color: #108cee;
} }
ion-item{
--inner-border-width: 0;
}
} }
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
z-index: 3; z-index: 3;
} }
>ion-input { >ion-input {
min-height: 44px;
.native-input { .native-input {
display: none; display: none;
} }
......
...@@ -3,3 +3,11 @@ ...@@ -3,3 +3,11 @@
display: none; display: none;
} }
} }
.van-uploader__preview {
position: relative;
margin: 8px 8px 8px 0;
cursor: pointer;
}
.van-uploader__upload {
margin: 8px 8px 8px 0;
}
\ No newline at end of file
<template> <template>
<ion-list class="app-mobile-radio-list"> <ion-list class="app-mobile-radio-list">
<ion-radio-group :value="value" @ionChange="change"> <ion-radio-group :value="value" @ionChange="change">
<ion-item v-for="(item,index) in options" :key="index"> <ion-item class="app-mobile-radio-list-item" v-for="(item,index) in options" :key="index">
<ion-label>{{item.text}}</ion-label> <ion-label>{{item.text}}</ion-label>
<ion-radio :disabled="item.disabled" color="success" :value="item.value"></ion-radio> <ion-radio :disabled="item.disabled" color="success" :value="item.value"></ion-radio>
</ion-item> </ion-item>
...@@ -154,4 +154,7 @@ export default class AppMobRadio extends Vue { ...@@ -154,4 +154,7 @@ export default class AppMobRadio extends Vue {
</script> </script>
<style lang="less"> <style lang="less">
.app-mobile-radio-list-item{
--inner-border-width:0;
}
</style> </style>
\ No newline at end of file
...@@ -50,7 +50,9 @@ export default class AppMobSlider extends Vue { ...@@ -50,7 +50,9 @@ export default class AppMobSlider extends Vue {
public changeLabelStyle() { public changeLabelStyle() {
document.querySelectorAll(".app-mobile-slider").forEach((element: any) => { document.querySelectorAll(".app-mobile-slider").forEach((element: any) => {
let prev = this.getNearEle(element, 1); let prev = this.getNearEle(element, 1);
if(prev && prev.style){
prev.style.transform = 'none'; prev.style.transform = 'none';
}
}) })
} }
......
...@@ -47,7 +47,9 @@ export default class AppStepper extends Vue { ...@@ -47,7 +47,9 @@ export default class AppStepper extends Vue {
public changeLabelStyle() { public changeLabelStyle() {
document.querySelectorAll(".app-mobile-stepper").forEach((element: any) => { document.querySelectorAll(".app-mobile-stepper").forEach((element: any) => {
let prev = this.getNearEle(element, 1); let prev = this.getNearEle(element, 1);
if(prev && prev.style){
prev.style.transform = 'none'; prev.style.transform = 'none';
}
}) })
} }
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册