/*各個路由模塊的建立*/ import Home from "@/views/Home/Home"; import GlobalLayout from "@/layout/GlobalLayout"; import Login from "@/views/login/Login"; import Check from "@/views/login/Check"; const SYSTEM_MANAGEMENT = "系統管理"; const SETTLEMENT_MANAGEMENT = "結算管理"; const DATAANALYSIS_MANAGEMENT = "數據分析"; const Task_MANAGEMENT = "任務管理"; /*定義路徑的數值 自定義路徑的值*/ export const LOGIN_PATH = "/login"; export const HOME_PATH = "/"; export const LOGIN_CHECK = "/login/check/:uuid"; /*** 菜單配置** 參數例子：* {* path: 路徑,* name: 組件名稱,* meta: {* text: 左側菜單欄顯示文字,* icon: 左側菜單欄顯示圖標,* pName: 父級菜單名稱* },* hidden: 是否在菜單欄中隱藏,* component: 組件（按需引入）* }*/ /*進行路由設置處理*/ export const staticRoutes = [{path: HOME_PATH,name: "Home",meta: {text: "首頁",icon: "el-icon-price-tag"},component: Home},{path: "/order",name: "Order",meta: {text: "訂單管理",icon: "el-icon-tickets"},component: () => import("@/views/order/Order")},{path: "/task",name: "Task",meta: {text: "任務列表",icon: "el-icon-bank-card",pName: Task_MANAGEMENT},component: () => import("@/views/task/task/Task")},{path: "/Arrange",name: "Arrange",meta: {text: "任務編排單",icon: "el-icon-bank-card",pName: Task_MANAGEMENT},component: () => import("@/views/task/arrange/Arrange")},{path: "/content",name: "Content",meta: {text: "內容管理",icon: "el-icon-document-copy"},component: () => import("@/views/content/Content")},{path: "/settlement",name: "Settlement",meta: {text: "任務結算",icon: "el-icon-coin",pName: SETTLEMENT_MANAGEMENT},component: () => import("@/views/settlement/settlement/Settlement")},{path: "/transaction",name: "Transaction",meta: {text: "交易記錄",icon: "el-icon-coin",pName: SETTLEMENT_MANAGEMENT},component: () => import("@/views/settlement/transaction/Transaction")},{path: "/list",name: "list",meta: {text: "數據列表",icon: "el-icon-data-line",pName: DATAANALYSIS_MANAGEMENT},component: () => import("@/views/Detaildata/DetailList/List")},{path: "/list/analysis/:id",name: "Analysis",meta: {text: "數據詳情頁",pName: "數據列表頁",icon: "el-icon-data-line",},props: true,hidden: true,component: () => import("@/views/Detaildata/DetailEmpty/Empty")},{path: "/app",name: "app",meta: {text: "營銷端數據",icon: "el-icon-data-line",pName: DATAANALYSIS_MANAGEMENT},component: () => import("@/views/Detaildata/DetailApp/App")},{path: "/pc",name: "pc",meta: {text: "業務端數據",icon: "el-icon-data-line",pName: DATAANALYSIS_MANAGEMENT},component: () => import("@/views/Detaildata/DetailPc/Pc")},{path: "/account",name: "Account",meta: {text: "賬號管理",icon: "el-icon-user",pName: SYSTEM_MANAGEMENT},component: () => import("@/views/system/account/Account.vue")},{path: "/user",name: "User",meta: {text: "用戶管理",icon: "el-icon-user",pName: SYSTEM_MANAGEMENT},component: () => import("@/views/system/user/UserList")},{path: "/department",name: "Department",meta: {text: "部門管理",icon: "el-icon-user",pName: SYSTEM_MANAGEMENT},component: () => import("@/views/system/department/Department.vue")},{path: "/dictionary",name: "Dictionary",meta: {text: "數據字典",pName: SYSTEM_MANAGEMENT},component: () => import("@/views/system/dictionary/Dictionary")} ];/*** 一級路由*/ export const routes = [{path: "/",component: GlobalLayout,children: staticRoutes},{path: LOGIN_PATH,name: "Login",component: Login},{path: LOGIN_CHECK,name: "Check",props: true,component: Check},{path: "/404",name: "404",hidden: true,component: () => import("@/views/404")},{path: "*",redirect: "/404",hidden: true} ];/*** 非路由菜單項圖標*/ export const iconMap = {[SYSTEM_MANAGEMENT]: "el-icon-user",[SETTLEMENT_MANAGEMENT]: "el-icon-coin",[DATAANALYSIS_MANAGEMENT]: "el-icon-data-line",[Task_MANAGEMENT]: "el-icon-bank-card" };

運行結果

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的工作274:ele-图标使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。