HelpDocView.vue 2.76 KB
<style scoped>

</style>
<template>
    <div class="layout">
        <bread></bread>
        <div class="layout-content">
    
            <Row>
                <i-col span="5">
                    <Menu width="auto" @on-select="itemSelect">
                        <Menu-item name="/interface">
                            开放平台
                        </Menu-item>
                        <Submenu name="/interface/1">
                            <template slot="title">
                                <Icon type="ios-paper"></Icon>
                                平台简介
                            </template>
                            <Menu-item name="/interface/detail/111">
                               业务接入
                            </Menu-item>
                            <Menu-item name="/interface/pro/222">
                                接口规范
                            </Menu-item>
                            <Menu-item name="/interface/debug/222">
                               调用说明
                            </Menu-item>
                            <Menu-item name="4">
                                错误编码
                            </Menu-item>
                        </Submenu>
    
                        <Submenu name="/2">
                            <template slot="title">
                                <Icon type="ios-paper"></Icon>
                                调用场景
                            </template>
                            <Menu-item name="1">
                                获取用户信息API
                            </Menu-item>
                            <Menu-item name="2">
                                获取用户名API
                            </Menu-item>
                            <Menu-item name="3">
                                获取订单信息API
                            </Menu-item>
                            <Menu-item name="5">
                                获取订单状态API
                            </Menu-item>
                        </Submenu>
                    </Menu>
                </i-col>
                <i-col span="19">
                    <div class="layout-breadcrumb">
    
                    </div>
                    <div class="layout-content-main">
                        <router-view></router-view>
                    </div>
                </i-col>
            </Row>
        </div>
        <div class="layout-copy">
            2011-2016 &copy;
        </div>
    </div>
</template>
<script>
export default {
    name: 'home',
    data() {
        return {
            // leftWidth:'5'
        }
    },
    computed: {

    },
    methods: {
        itemSelect(name) {
            this.$router.push(name);
        }
    },
}
</script>