34 lines
667 B
Vue
34 lines
667 B
Vue
<template>
|
|
<view class="row">
|
|
<view class="span24-8 px-2 mb-2" :key="index"
|
|
v-for="(item,index) in label.list">
|
|
<view class="rounded px-2 py-1 bg-light-secondary font-md text-center border"
|
|
:class="label.selected === index ? 'radio-active':'border-light-secondary'"
|
|
@click="changeRadio(index)">
|
|
{{item.name}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
label: Object,
|
|
},
|
|
methods: {
|
|
changeRadio(index) {
|
|
this.$emit('update:selected',index)
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.radio-active{
|
|
background: #FCE0D5!important;
|
|
color: #EB7320!important;
|
|
border-color: #EB7320!important;;
|
|
}
|
|
</style>
|