<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>