提交 5773ec19 编写于 作者: Neuromancer255's avatar Neuromancer255

修改单选列表编辑器样式 --fix4

上级 1728e8b3
<template>
<ion-list class="app-mobile-radio-list">
<van-radio-group v-model="changeValue" direction="horizontal" @change="change">
<div class="app-mobile-radio-list-item" v-for="(item,index) in options" :key="index">
<van-radio :disabled="item.disabled" color="#1989fa" :name="item.value">{{item.text}}</van-radio>
</div>
<van-radio v-for="(item,index) in options" :key="index" :disabled="item.disabled" :name="item.value">{{item.text}}</van-radio>
</van-radio-group>
</ion-list>
</template>
......@@ -161,13 +159,10 @@ export default class AppMobRadio extends Vue {
</script>
<style lang="less">
.app-mobile-radio-list-item{
--inner-border-width:0;
}
.van-radio-group--horizontal{
justify-content: flex-end;
}
.app-mobile-radio-list-item{
.van-radio{
margin:5px;
}
</style>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册