86 lines
1.7 KiB
Vue
86 lines
1.7 KiB
Vue
<template>
|
|
<view class="content_">
|
|
<view class="content_1 ">选择退货原因</view>
|
|
<view class="content-radio">
|
|
<up-radio-group v-model="radiovalue1" iconColor="#fff" activeColor="#7934F6" placement="column" iconPlacement="right" @change="groupChange">
|
|
<up-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in radioList" :key="index"
|
|
:label="item.name" :name="item.name" @change="radioChange">
|
|
</up-radio>
|
|
</up-radio-group>
|
|
</view>
|
|
<view class="button operate_but_2" @click="goNext(2)">下一步</view>
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
activeIndex: 0,
|
|
radiovalue1:'外观/型号/参数与描述不符',
|
|
radioList: [{
|
|
name: '外观/型号/参数与描述不符',
|
|
disabled: false,
|
|
},
|
|
{
|
|
name: '协商一致退款',
|
|
disabled: false,
|
|
},
|
|
{
|
|
name: '质量问题',
|
|
disabled: false,
|
|
},
|
|
{
|
|
name: '少件（缺少配件）',
|
|
disabled: false,
|
|
},
|
|
]
|
|
}
|
|
},
|
|
methods:{
|
|
groupChange(){
|
|
|
|
},
|
|
radioChange(){
|
|
|
|
},
|
|
goNext(val){
|
|
console.log('val',val);
|
|
this.$emit('nextNum',val)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.content_ {
|
|
margin-top: 20rpx;
|
|
|
|
.content_1 {
|
|
text-align: left;
|
|
margin-top: 20rpx;
|
|
}
|
|
.button{
|
|
height: 88rpx;
|
|
background: $app-bt-bj;
|
|
color: #ffffff;
|
|
line-height: 88rpx;
|
|
border-radius: 8rpx;
|
|
margin-bottom: 24rpx;
|
|
}
|
|
.content-radio {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
justify-items: center;
|
|
padding: 34rpx 0;
|
|
|
|
.content-name {
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
&:nth-of-type(1) {
|
|
margin-top: 32rpx;
|
|
}
|
|
}
|
|
}
|
|
</style> |