提交 1ec7c760 编写于 作者: zhujiamin's avatar zhujiamin

动作面板组件左右对齐调整

上级 29da818c
.app-mobile-actionsheet { .app-mobile-actionsheet {
height: 40px; height: 100%;
width: 100%; width: 100%;
.cancel-icon { .cancel-icon {
width: 16px; width: 16px;
...@@ -39,10 +39,20 @@ ...@@ -39,10 +39,20 @@
width: 100%; width: 100%;
} }
.text{ .text{
width: 100%;
max-width:100%;
text-align: right; text-align: right;
line-height: 40px; line-height: 40px;
width: 210px; padding-right: 26px;
height: 40px; height: 40px;
color:#969696; color:#969696;
} }
} }
@media screen and (max-width: 768px) {
.app-mobile-actionsheet {
.text{
padding-right: 7px;
}
}
}
\ No newline at end of file
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div v-if="curValue== null || curValue==''" class="select-icon" @click="showSheet"></div> <div v-if="curValue== null || curValue==''" class="select-icon" @click="showSheet"></div>
<!-- <ion-input :value="action" readonly @ionFocus="showSheet"></ion-input> --> <!-- <ion-input :value="action" readonly @ionFocus="showSheet"></ion-input> -->
<div @click="showSheet" class="text">{{action}}</div> <div @click="showSheet" class="text">{{action}}</div>
<van-action-sheet get-container="#app" v-model="show" :actions="actions" @open="load" @select="change" :cancel-text="$t('app.button.cancel')" @cancel="cancel"/> <van-action-sheet get-container="#app" v-model="show" :actions="actions" @open="load" @select="change" :cancel-text="$t('app.button.cancel')" @cancel="cancel" close-on-click-action/>
</div> </div>
</template> </template>
...@@ -23,7 +23,7 @@ export default class AppMobActionsheet extends Vue { ...@@ -23,7 +23,7 @@ export default class AppMobActionsheet extends Vue {
* @type {CodeListService} * @type {CodeListService}
* @memberof AppMobActionsheet * @memberof AppMobActionsheet
*/ */
public action:any; public action:any = '';
/** /**
* 动作面板所需数据 * 动作面板所需数据
...@@ -119,7 +119,6 @@ export default class AppMobActionsheet extends Vue { ...@@ -119,7 +119,6 @@ export default class AppMobActionsheet extends Vue {
} }
} }
this.$emit("change", devalue); this.$emit("change", devalue);
this.show = false;
} }
/** /**
...@@ -280,6 +279,7 @@ export default class AppMobActionsheet extends Vue { ...@@ -280,6 +279,7 @@ export default class AppMobActionsheet extends Vue {
} }
this.handleActions(); this.handleActions();
} }
/** /**
* 清空值 * 清空值
* @memberof AppMobActionsheet * @memberof AppMobActionsheet
......
...@@ -49,4 +49,9 @@ ...@@ -49,4 +49,9 @@
text-align: @form-text-align; text-align: @form-text-align;
} }
} }
.app-mobile-actionsheet {
.text{
text-align: @form-text-align;
}
}
} }
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册