You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.8 KiB
62 lines
1.8 KiB
<template>
|
|
<view>
|
|
<view class="uni-padding-wrap uni-common-mt">
|
|
<view class="uni-form-item uni-column">
|
|
|
|
<view class="weui-cells weui-cells_after-title" v-for="(group,index) in groups" :key="index">
|
|
<button url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active" @click="loadGroup(group)">
|
|
<view class="weui-cell__bd">{{group.name}}</view>
|
|
<view class="weui-cell__ft weui-cell__ft_in-access"></view>
|
|
</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "baike",
|
|
data:function () {
|
|
return {
|
|
title:"垃圾分类百科",
|
|
groups:[
|
|
{
|
|
name:"可回收垃圾",
|
|
icon:"",
|
|
type:1
|
|
},
|
|
{
|
|
name:"有害垃圾",
|
|
icon:"",
|
|
type:2
|
|
},
|
|
{
|
|
name:"湿垃圾",
|
|
icon:"",
|
|
type:4
|
|
},
|
|
{
|
|
name:"干垃圾",
|
|
icon:"",
|
|
type:8
|
|
},
|
|
{
|
|
name:"大件垃圾",
|
|
icon:"",
|
|
type:16
|
|
}
|
|
]
|
|
}
|
|
},
|
|
methods:{
|
|
loadGroup:function (group) {
|
|
console.info("选中"+group.name)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |