DncVueSample下載 - DncVueSample原始碼下載

DncVueSample

其他類別

1.0.0

下載

關於DncVueSample

VncVueSample由碼友網(https://codedefault.com)發布並提供更新支援。

作者:Rector

示範網址：https://codedefault.github.io/DncVueSample/

DncVueSample：是一個基於Vue.js + iview 前端框架建構的後台管理系統模板，適用於如：OA,CRM,CMS等管理系統的後台開發。

範本簡介

版本資訊

DncVueSample目前所依賴的元件的版本資訊如下：

Vue.js: 2.5.17 iview: 3.1.0

佈局和選單

此範本以左選單，右操作面板來佈局。左側選單樹目前支援兩級選單，選單樹以JSON格式定義。其中，選單項目支援指定圖標，選單的連結位址等選項，詳細的配置屬性如：

 {
    title:"用户及授权",
    name:"1",
    icon:"logo-apple",
    menuItem:[
        {
            label:"用户管理",
            name:"1-1",
            href:"/account/user/list",
            icon:"logo-apple"
        },
        {
            label:"资源管理",
            name:"1-2",
            href:"/account/resource/list",
            icon:"logo-windows"
        },
        {
            label:"角色管理",
            name:"1-3",
            href:"/account/role/list",
            icon:"logo-tux"
        }
    ]
}

左側選單支援收起和展開，當菜處於收起狀態時，只顯示選單項目的圖標，這使得整個系統的在橫向的操作介面空更寬一些，在資料的展示上效果會更好。