<!--
 * @Description: 
 * @Author: zhangwei
 * @Date: 2019-06-25 14:58:18
 * @LastEditTime: 2019-06-28 10:47:10
 * @LastEditors: zhangwei
 -->
<template>
  <div>
    <div v-for="(item,index) in items"
         :key="index">
       <div class="cItem" @click="onClickItem(item.path)">{{item.name}}</div>
    </div>
  </div>
</template>

<script>
    import YxRoute from "../../../../utils/route/index"

    export default {
        data() {
            return {
                items: [{
                    name: 'route',
                    path: '/pages/cache/main'
                }, {
                    name: 'cache',
                    path: '/pages/cache/main'
                }, {
                    name: 'logger',
                    path: '/pages/logger/main'
                }, {
                    name: 'platform',
                    path: '/pages/platform/main'
                }, {
                    name: 'net',
                    path: '/pages/net/main'
                }, {
                    name: 'base64',
                    path: '/pages/base64/main'
                }, {
                    name: 'dayjs',
                    path: '/pages/dayjs/main'
                }, ]
            }
        },

        components: {},

        methods: {
            onClickItem(path) {
                // console.log('clickHandle:', ev)
                // // throw {message: 'custom test'}
                YxRoute.navigateTo(path)
            }
        },

        created() {
            // let app = getApp()
        }
    }
</script>

<style scoped>
    .cItem {
        width: 100%;
        line-height: 40px;
        padding-left: 20px;
        border-bottom: solid 1px #959595;
    }
</style>