louhangfei пре 1 година
родитељ
комит
843e9bbf60
4 измењених фајлова са 212 додато и 559 уклоњено
  1. 4 37
      .env.development
  2. 113 0
      mock/getRouter.json
  3. 56 522
      mock/login/routers.ts
  4. 39 0
      src/views/todo/todo.vue

+ 4 - 37
.env.development

@@ -3,45 +3,12 @@ VITE_PORT = 8092
 
 
 # 是否开启mock
-VITE_USE_MOCK = false
+VITE_USE_MOCK = true
 
 # 是否删除console
 VITE_DROP_CONSOLE = true
 
-# 跨域代理,可以配置多个,请注意不要换行
-#VITE_PROXY = [["/appApi","http://localhost:8001"],["/upload","http://localhost:8001/upload"]]
-# VITE_PROXY=[["/temp","http://172.16.23.144:8800"],["/upload","http://172.16.23.144:8086"]]
-# VITE_PROXY=[["/skyeye-admin-api","http://172.16.23.144:8800/api"]]
-#VITE_PROXY=[["/skyeye-admin-api","http://58.144.197.158:19980/skyeye-admin-api"],["/eye_api","http://58.144.197.158:19980/eye_api"],["/push_stream_host","http://58.144.197.158:19980/push_stream_host"],["/skyeye-login","http://58.144.197.158:19980/skyeye-login"]]
-# VITE_PROXY=[["/skyeye-admin-api","http://36.133.176.76:19980/skyeye-admin-api"],["/eye_api","http://36.133.176.76:19980/eye_api"],["/push_stream_host","http://36.133.176.76:19980/push_stream_host"],["/skyeye-login","http://36.133.176.76:19980/skyeye-login"]]
-#VITE_PROXY=[["/skyeye-admin-api","http://172.16.23.144/skyeye-admin-api"],[],["/eye_api_bak","http://172.16.23.144/eye_api"],["/push_stream_host","http://172.16.23.144/push_stream_host"],["/skyeye-login","http://172.16.23.144/skyeye-login"],["/ws_api_bak","ws://172.16.23.144/ws_api_bak"]]
-# VITE_PROXY=[["/skyeye-admin-api","http://192.168.32.47/skyeye-admin-api"],["/eye_api","http://192.168.32.47/eye_api"],["/push_stream_host","http:/192.168.32.47/push_stream_host"],["/skyeye-login","http://192.168.32.47/skyeye-login"]]
-# VITE_PROXY=[["/skyeye-admin-api","http://192.168.14.68/skyeye-admin-api"],[],["/eye_api_bak","http://192.168.14.68/eye_api"],["/push_stream_host","http://192.168.14.68/push_stream_host"],["/skyeye-login","http://192.168.14.68/skyeye-login"],["/ws_api_bak","ws://192.168.14.68/ws_api_bak"]]
-# VITE_PROXY=[["/skyeye-admin-api","http://192.168.13.68/skyeye-admin-api"],[],["/eye_api_bak","http://192.168.13.68/eye_api"],["/push_stream_host","http://192.168.13.68/push_stream_host"],["/skyeye-login","http://192.168.13.68/skyeye-login"],["/ws_api_bak","ws://192.168.13.68/ws_api_bak"]]
-# 中建材 staff
-# VITE_PROXY=[["/skyeye-admin-api","http://192.168.13.68:70/skyeye-admin-api"],["/eye_api_bak","http://192.168.13.68:70/eye_api"],["/push_stream_host","http://192.168.13.68:70/push_stream_host"],["/skyeye-login","http://192.168.13.68:70/skyeye-login"],["/ws_api_bak","ws://192.168.13.68:70/ws_api_bak"]]
-VITE_PROXY=[["/skyeye-admin-api","http://192.168.13.68:70/skyeye-admin-api"],["/eye_api_bak","http://192.168.22.233:8800/eye_api"],["/push_stream_host","http://192.168.13.68:70/push_stream_host"],["/skyeye-login","http://192.168.13.68:70/skyeye-login"],["/ws_api_bak","ws://192.168.13.68:70/ws_api_bak"]]
-# VITE_PROXY=[["/skyeye-admin-api","http://192.168.13.68/skyeye-admin-api"],[],["/eye_api_bak","http://192.168.13.68/eye_api"],["/push_stream_host","http://192.168.13.68/push_stream_host"],["/skyeye-login","http://192.168.13.68/skyeye-login"],["/ws_api_bak","ws://192.168.13.68/ws_api_bak"],["/skyeye-file-upload","http://192.168.13.68/skyeye-file-upload"]]
-# VITE_PROXY=[["/skyeye-admin-api","http://192.168.22.163:8800/api"],[],["/eye_api_bak","http://192.168.22.163:8800/api"],["/push_stream_host","http://192.168.13.68/push_stream_host"],["/skyeye-login","http://192.168.13.68/skyeye-login"],["/ws_api_bak","ws://192.168.13.68/ws_api_bak"]]
-#VITE_PROXY=[["/skyeye-admin-api","http://192.168.22.121:8800/api"],["/eye_api_bak","http://192.168.22.121:8800/api"],["/push_stream_host","http://192.168.13.68/push_stream_host"],["/skyeye-login","http://192.168.13.68/skyeye-login"],["/ws_api_bak","ws://192.168.13.68/ws_api_bak"],["/skyeye-file-upload","http://192.168.13.68/skyeye-file-upload"]]
-# VITE_PROXY=[["/skyeye-admin-api","http://192.168.22.163:8800/api"],[],["/eye_api_bak","http://192.168.22.163:8800/api"],["/push_stream_host","http://192.168.13.68/push_stream_host"],["/skyeye-login","http://192.168.13.68/skyeye-login"],["/ws_api_bak","ws://192.168.13.68/ws_api_bak"],["/skyeye-file-upload","http://192.168.13.68/skyeye-file-upload"]]
-# VITE_PROXY=[["/skyeye-admin-api","http://192.168.13.68:70/skyeye-admin-api"],["/eye_api_bak","http://192.168.13.68:70/eye_api"],["/push_stream_host","http://192.168.13.68:70/push_stream_host"],["/skyeye-login","http://192.168.13.68:70/skyeye-login"],["/ws_api_bak","ws://192.168.13.68:70/ws_api_bak"]]
-# 本地调试
-# VITE_PROXY=[["/skyeye-admin-api","http://192.168.22.121:8800/api"],["/eye_api_bak","http://192.168.22.121:8800/api"],["/push_stream_host","http://192.168.22.121:8800/"],["/skyeye-login","192.168.13.68/skyeye-login"],["/ws_api_bak","ws://192.168.22.121:8800/ws_api_bak"],["/skyeye-file-upload","http://192.168.13.68/skyeye-file-upload"]]
 
-
-# API 接口地址
-VITE_GLOB_API_URL = 
-# 图片上传地址
-VITE_GLOB_UPLOAD_URL=  
-
-VITE_GLOB_APP_DOWNLOAD_QRCODE = //172.16.23.144/apk/skyeye.apk
-
-
-# 图片前缀地址
-#VITE_GLOB_IMG_URL = //36.133.176.76:19980/skyeye_static/
-VITE_GLOB_IMG_URL = //172.16.23.144/skyeye_static/
-
-
-# 接口前缀
-VITE_GLOB_API_URL_PREFIX = /skyeye-admin-api
+ 
+ 
+ 

+ 113 - 0
mock/getRouter.json

@@ -0,0 +1,113 @@
+{
+  "code": 200,
+  "data": [
+    {
+      "children": [
+        {
+          "children": [],
+          "component": "/todo/todo",
+          "id": 1019,
+          "meta": {
+            "activeMenu": null,
+            "alwaysShow": false,
+            "frameSrc": "",
+            "hidden": false,
+            "icon": "",
+            "isFrame": 0,
+            "isRoot": false,
+            "noCache": false,
+            "query": "",
+            "title": "菜单1"
+          },
+          "name": " ",
+          "parentId": 1018,
+          "path": "menu1",
+          "redirect": ""
+        }
+      ],
+      "component": "LAYOUT",
+      "id": 1018,
+      "meta": {
+        "activeMenu": null,
+        "alwaysShow": false,
+        "frameSrc": "",
+        "hidden": false,
+        "icon": "ApartmentOutlined",
+        "isFrame": 0,
+        "isRoot": false,
+        "noCache": false,
+        "query": "",
+        "title": "院内安全态势"
+      },
+      "name": "Scene",
+      "parentId": -1,
+      "path": "/guard",
+      "redirect": ""
+    },
+    {
+      "children": [
+        {
+          "children": [],
+          "component": "/todo/todo",
+          "id": 1023,
+          "meta": {
+            "activeMenu": null,
+            "alwaysShow": false,
+            "frameSrc": "",
+            "hidden": false,
+            "icon": "",
+            "isFrame": 0,
+            "isRoot": false,
+            "noCache": false,
+            "query": "",
+            "title": "生产安全菜单1"
+          },
+          "name": "DeviceCamera",
+          "parentId": 1022,
+          "path": "camera",
+          "redirect": ""
+        },
+        {
+          "children": [],
+          "component": "/todo/todo",
+          "id": 1024,
+          "meta": {
+            "activeMenu": null,
+            "alwaysShow": false,
+            "frameSrc": "",
+            "hidden": false,
+            "icon": "",
+            "isFrame": 0,
+            "isRoot": false,
+            "noCache": false,
+            "query": "",
+            "title": "生产安全菜单2"
+          },
+          "name": "DeviceNVR",
+          "parentId": 1022,
+          "path": "nvr",
+          "redirect": ""
+        }
+      ],
+      "component": "LAYOUT",
+      "id": 1022,
+      "meta": {
+        "activeMenu": null,
+        "alwaysShow": false,
+        "frameSrc": "",
+        "hidden": false,
+        "icon": "CameraOutlined",
+        "isFrame": 0,
+        "isRoot": false,
+        "noCache": false,
+        "query": "",
+        "title": "生产安全"
+      },
+      "name": "Device",
+      "parentId": -1,
+      "path": "/safety",
+      "redirect": ""
+    }
+  ],
+  "message": "成功"
+}

+ 56 - 522
mock/login/routers.ts

@@ -2,577 +2,111 @@ import { resultSuccess } from '../_util';
 
 const list = [
   {
-    path: 'system-config',
-    name: 'system-config',
-    component: 'LAYOUT',
-    redirect: null,
-    meta: {
-      icon: 'ApartmentOutlined',
-      title: '系统设置',
-      noCache: false,
-      hidden: false,
-      query: '',
-      isFrame: '1',
-      frameSrc: null,
-      status: '0',
-      isRoot: false,
-      alwaysShow: false,
-    },
     children: [
       {
-        path: 'scene-manage',
-        name: 'scene-manage',
-        component: '/system-config/scene-manage/SceneManage',
-        redirect: null,
+        children: [],
+        component: '/todo/todo',
+        id: 1019,
         meta: {
-          icon: '',
-          title: '场景管理',
-          noCache: false,
-          hidden: false,
-          query: '',
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
+          activeMenu: null,
           alwaysShow: false,
-        },
-        children: null,
-      },
-      {
-        path: 'template',
-        name: 'system-config/template',
-        component: '/system-config/template/TemplateManager',
-        redirect: null,
-        meta: {
-          icon: '',
-          title: '模板管理',
-          noCache: false,
+          frameSrc: '',
           hidden: false,
-          query: '',
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
-          alwaysShow: false,
-        },
-        children: null,
-      },
-      {
-        path: 'scene-layout',
-        name: 'scene-layout',
-        component: '/system-config/scene-layout/SceneLayout',
-        redirect: null,
-        meta: {
           icon: '',
-          title: '场景布局',
-          noCache: false,
-          hidden: true,
-          query: '',
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
+          isFrame: 0,
           isRoot: false,
-          alwaysShow: false,
-        },
-        children: null,
-      },
-    ],
-  },
-  {
-    path: '/page-config',
-    name: 'page-config',
-    component: 'LAYOUT',
-    redirect: null,
-    meta: {
-      icon: 'ApartmentOutlined',
-      title: '主页配置',
-      noCache: false,
-      hidden: false,
-      query: '',
-      isFrame: '1',
-      frameSrc: null,
-      status: '0',
-      isRoot: false,
-      alwaysShow: false,
-    },
-    children: [
-      {
-        path: 'layout',
-        name: 'page-layout',
-        component: '/page-config/PageConfig',
-        redirect: null,
-        meta: {
-          icon: '',
-          title: '主页布局',
           noCache: false,
-          hidden: false,
           query: '',
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
-          alwaysShow: false,
+          title: '菜单1',
         },
-        children: null,
-      },
-      {
-        path: 'config',
-        name: 'layout-config',
-        component: '/page-config/ConfigEdit',
-        redirect: null,
-        meta: {
-          icon: '',
-          title: '主页配置',
-          noCache: false,
-          hidden: false,
-          query: '',
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
-          alwaysShow: false,
-        },
-        children: null,
+        name: ' ',
+        parentId: 1018,
+        path: 'menu1',
+        redirect: '',
       },
     ],
-  },
-  {
-    path: '/dashboard',
-    name: 'dashboard',
     component: 'LAYOUT',
-    redirect: '/dashboard/console',
+    id: 1018,
     meta: {
-      icon: 'DashboardOutlined',
-      title: 'Dashboard',
-      noCache: false,
+      activeMenu: null,
+      alwaysShow: false,
+      frameSrc: '',
       hidden: false,
-      query: null,
-      isFrame: '1',
-      frameSrc: null,
-      status: '0',
+      icon: 'ApartmentOutlined',
+      isFrame: 0,
       isRoot: false,
-      alwaysShow: false,
-    },
-    children: [
-      {
-        path: 'console',
-        name: 'dashboard_console',
-        component: '/dashboard/console/console',
-        redirect: null,
-        meta: {
-          icon: null,
-          title: '主控台',
-          noCache: false,
-          hidden: false,
-          query: null,
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
-          alwaysShow: false,
-        },
-        children: null,
-      },
-    ],
-  },
-  {
-    path: '/map-config',
-    name: 'map-config',
-    component: 'LAYOUT',
-    redirect: null,
-    meta: {
-      icon: 'PictureOutlined',
-      title: '地图配置',
       noCache: false,
-      hidden: false,
       query: '',
-      isFrame: '1',
-      frameSrc: null,
-      status: '0',
-      isRoot: false,
-      alwaysShow: false,
+      title: '院内安全态势',
     },
-    children: [
-      {
-        path: 'layout',
-        name: 'map-layout',
-        component: '/map-config/mini-map/MiniMapConfig',
-        redirect: null,
-        meta: {
-          icon: '',
-          title: '地图布局',
-          noCache: false,
-          hidden: false,
-          query: '',
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
-          alwaysShow: false,
-        },
-        children: null,
-      },
-      {
-        path: 'template',
-        name: 'template',
-        component: '/system-config/template/TemplateManager',
-        meta: {
-          title: '模板管理',
-          noCache: false,
-          hidden: false,
-          isFrame: '1',
-          status: '0',
-          isRoot: false,
-          alwaysShow: false,
-        },
-      },
-    ],
+    name: 'Scene',
+    parentId: -1,
+    path: '/guard',
+    redirect: '',
   },
   {
-    path: '/cameras',
-    name: 'cameras',
-    component: 'LAYOUT',
-    redirect: null,
-    meta: {
-      icon: 'CameraOutlined',
-      title: '相机管理',
-      noCache: false,
-      hidden: false,
-      query: '',
-      isFrame: '1',
-      frameSrc: null,
-      status: '0',
-      isRoot: false,
-      alwaysShow: false,
-    },
     children: [
       {
-        path: 'overview',
-        name: 'camera_overview',
-        component: '/cameras/overview/CamerasOverview',
-        redirect: null,
+        children: [],
+        component: '/todo/todo',
+        id: 1023,
         meta: {
-          icon: '',
-          title: '相机配置',
-          noCache: false,
-          hidden: false,
-          query: '',
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
+          activeMenu: null,
           alwaysShow: false,
-        },
-        children: null,
-      },
-      {
-        path: 'preview',
-        name: 'cameras/preview',
-        component: '/cameras/preview/CameraPreview',
-        redirect: null,
-        meta: {
-          icon: '',
-          title: '相机预览',
-          noCache: false,
+          frameSrc: '',
           hidden: false,
-          query: '',
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
-          alwaysShow: false,
-        },
-        children: null,
-      },
-      {
-        path: 'algo-manager',
-        name: 'algo-manager',
-        component: '/cameras/algo-management/algoManagement',
-        redirect: null,
-        meta: {
           icon: '',
-          title: '算法管理',
+          isFrame: 0,
+          isRoot: false,
           noCache: false,
-          hidden: false,
           query: '',
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
-          alwaysShow: false,
+          title: '生产安全菜单1',
         },
-        children: null,
-      },
-    ],
-  },
-  {
-    path: '/auth',
-    name: 'auth',
-    component: 'LAYOUT',
-    redirect: null,
-    meta: {
-      icon: 'SafetyOutlined',
-      title: '权限管理',
-      noCache: false,
-      hidden: false,
-      query: '',
-      isFrame: '1',
-      frameSrc: null,
-      status: '0',
-      isRoot: false,
-      alwaysShow: false,
-    },
-    children: [
-      {
-        path: 'user',
-        name: 'system_user',
-        component: '/system/user/user',
+        name: 'DeviceCamera',
+        parentId: 1022,
+        path: 'camera',
         redirect: '',
-        meta: {
-          icon: null,
-          title: '用户管理',
-          noCache: false,
-          hidden: false,
-          query: null,
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
-          alwaysShow: false,
-        },
-        children: null,
       },
       {
-        path: 'role',
-        name: 'system_role',
-        component: '/system/role/role',
-        redirect: null,
+        children: [],
+        component: '/todo/todo',
+        id: 1024,
         meta: {
-          icon: null,
-          title: '角色管理',
-          noCache: false,
-          hidden: false,
-          query: null,
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
+          activeMenu: null,
           alwaysShow: false,
-        },
-        children: null,
-      },
-      {
-        path: 'dept',
-        name: 'dept',
-        component: '/auth/dept/dept',
-        redirect: null,
-        meta: {
-          icon: null,
-          title: '组织管理',
-          noCache: false,
+          frameSrc: '',
           hidden: false,
-          query: null,
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
-          alwaysShow: true,
-        },
-        children: null,
-      },
-    ],
-  },
-  {
-    path: '/system',
-    name: 'system',
-    component: 'LAYOUT',
-    redirect: '/system/menu',
-    meta: {
-      icon: 'OptionsSharp',
-      title: '系统管理',
-      noCache: false,
-      hidden: false,
-      query: null,
-      isFrame: '1',
-      frameSrc: null,
-      status: '0',
-      isRoot: false,
-      alwaysShow: false,
-    },
-    children: [
-      {
-        path: 'tenant',
-        name: 'system_tenant',
-        component: '/system/tenant/tenant',
-        redirect: null,
-        meta: {
           icon: '',
-          title: '租户管理',
-          noCache: false,
-          hidden: false,
-          query: '',
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
+          isFrame: 0,
           isRoot: false,
-          alwaysShow: false,
-        },
-        children: null,
-      },
-      {
-        path: 'menu',
-        name: 'system_menu',
-        component: '/system/menu/menu',
-        redirect: '',
-        meta: {
-          icon: null,
-          title: '菜单管理',
-          noCache: false,
-          hidden: false,
-          query: null,
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
-          alwaysShow: false,
-        },
-        children: null,
-      },
-      {
-        path: 'logs',
-        name: 'system_logs',
-        component: 'ParentLayout',
-        redirect: null,
-        meta: {
-          icon: null,
-          title: '日志管理',
           noCache: false,
-          hidden: false,
-          query: null,
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
-          alwaysShow: false,
-        },
-        children: null,
-      },
-      {
-        path: 'dictionary',
-        name: 'system_dictionary',
-        component: '/system/dictionary/dictionary',
-        redirect: null,
-        meta: {
-          icon: null,
-          title: '字典管理',
-          noCache: false,
-          hidden: false,
-          query: null,
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
-          alwaysShow: false,
+          query: '',
+          title: '生产安全菜单2',
         },
-        children: null,
-      },
-      {
-        path: 'region',
-        name: 'system_region',
-        component: 'ParentLayout',
+        name: 'DeviceNVR',
+        parentId: 1022,
+        path: 'nvr',
         redirect: '',
-        meta: {
-          icon: null,
-          title: '区域管理',
-          noCache: false,
-          hidden: false,
-          query: null,
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
-          alwaysShow: true,
-        },
-        children: null,
-      },
-      {
-        path: 'config',
-        name: 'system_config',
-        component: 'ParentLayout',
-        redirect: null,
-        meta: {
-          icon: null,
-          title: '配置管理',
-          noCache: false,
-          hidden: false,
-          query: null,
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
-          alwaysShow: true,
-        },
-        children: null,
       },
     ],
-  },
-  {
-    path: '/instation',
-    name: 'instation',
     component: 'LAYOUT',
-    redirect: null,
+    id: 1022,
     meta: {
-      icon: 'BellOutlined',
-      title: '站内通知',
-      noCache: false,
-      hidden: false,
-      query: null,
-      isFrame: '1',
-      frameSrc: null,
-      status: '0',
-      isRoot: false,
+      activeMenu: null,
       alwaysShow: false,
-    },
-    children: [
-      {
-        path: 'notice',
-        name: 'instation_notice',
-        component: '/instation/notice/notice',
-        redirect: null,
-        meta: {
-          icon: '',
-          title: '通知管理',
-          noCache: false,
-          hidden: false,
-          query: '',
-          isFrame: '1',
-          frameSrc: null,
-          status: '0',
-          isRoot: false,
-          alwaysShow: false,
-        },
-        children: null,
-      },
-    ],
-  },
-  {
-    path: '/article',
-    name: 'System_Article',
-    component: 'LAYOUT',
-    redirect: '/article/list',
-    meta: {
-      icon: 'BookOutlined',
-      title: '文章管理',
-      noCache: false,
+      frameSrc: '',
       hidden: false,
-      query: null,
-      isFrame: '1',
-      frameSrc: null,
-      status: '0',
+      icon: 'CameraOutlined',
+      isFrame: 0,
       isRoot: false,
-      alwaysShow: false,
+      noCache: false,
+      query: '',
+      title: '生产安全',
     },
-    children: null,
+    name: 'Device',
+    parentId: -1,
+    path: '/safety',
+    redirect: '',
   },
 ];
 

+ 39 - 0
src/views/todo/todo.vue

@@ -0,0 +1,39 @@
+<template>
+  <div class="flex flex-col justify-center page-container">
+    <div class="text-center">
+      <img src="~@/assets/images/exception/403.svg" alt="" />
+    </div>
+    <div class="text-center">
+      <h1 class="text-base text-gray-500">正在开发中</h1>
+      <el-button type="primary" @click="goHome">回到首页</el-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { useRouter } from 'vue-router';
+  const router = useRouter();
+  function goHome() {
+    router.push('/');
+  }
+</script>
+
+<style lang="scss" scoped>
+  .page-container {
+    width: 100%;
+    border-radius: 4px;
+    padding-top: 100px;
+
+    .text-center {
+      h1 {
+        color: var(--el-color-info);
+        padding: 20px 0;
+      }
+    }
+
+    img {
+      width: 350px;
+      margin: 0 auto;
+    }
+  }
+</style>