npm 安装

npm i dx-admin-components -S

组件

侧导航组件

支持三级导航

Usage

import {SideMenu} from 'dx-admin-components'
<side-menu :menu-data="menuData"></side-menu>

Attributes

| 参数 | 说明 | 类型 | 可选值 | 默认值 | | --------- | -------- | ------ |----- |---- | | menu-data | 导航数组 | Array | — | — | | slot#extend | 导航底部插槽 | — | — | — | | mode | 导航样式 | String | SINGLE, DOUBLE | — |

menu-data

{
    iconUrl: 'iconyonghu',
    name: '首页',
    pathUrl: '/',
    children: [],
},

工具

cookie

解决不同环境token隔离, 同环境不同应用token共享的问题, 需要设置环境变量: process.env.ENV

import {cookie} from 'dx-admin-components';

// 写
cookie.set('name', 'value', { expires: 7, path: '' })
// 读
cookie.get('name', 'value')
// 删
cookie.remove('name')

上传华为obs

通过命令行上传文件到华为云obs存储

在项目根目录创建 .env 文件：

access_key_id=ACCESS_KEY_ID
secret_access_key=SECRET_ACCESS_KEY
server='https://your-endpoint'
Bucket=BUCKET #obs桶，例如  deepexi-spaas
folder=FOLDER #obs目录，例如 parent_directory/test
dist=dist #本地文件的目录, 默认值 dist

server参考地区和终端节点

usage

在scripts中增加一行 "upload": "dx-upload --mode test --target huawei"，通过mode指定加载额外的.env.[mode]文件

.env                # 在所有的环境中被载入
.env.[mode]         # 只在指定的模式中被载入,会替换.env同名变量

上传京东oss

通过命令行上传文件到京东oss

在项目根目录创建 .env 文件：

jd_accessKeyId=ACCESSKEYID
jd_secretAccessKey=SECRETACCESSKEY
jd_Bucket=BUCKET # 空间名，如：dr-console
jd_region=cn-east-2 # 参考控制台的Endpoint，如： cn-north-1
jd_folder=dev # 空间下面的文件夹

usage

在scripts中增加一行 "upload": "dx-upload --mode dev --target jidong"，通过mode指定加载额外的.env.[mode]文件

.env                # 在所有的环境中被载入
.env.[mode]         # 只在指定的模式中被载入,会替换.env同名变量,比如可以设置不同环境上传到不同目录

上传 ali-oss

通过命令行上传文件到ali-oss

在项目根目录创建 .env 文件：

ali_region=REGION
ali_accessKeyId=ACCESSKEYID
ali_accessKeySecret=ACCESSKEYSECRET
ali_bucket=BUCKET
ali_folder=FOLDER  # 桶下面的文件夹

usage

在scripts中增加一行 "upload": "dx-upload --mode dev --target ali"，通过mode指定加载额外的.env.[mode]文件

.env                # 在所有的环境中被载入
.env.[mode]         # 只在指定的模式中被载入,会替换.env同名变量,比如可以设置不同环境上传到不同目录