des-ui v1.1.15

Destiny ui

作者： @曾小杰

时间： 2020/12/16

介绍

Destiny-ui

• Vue3

• Typescript

• 项目必须有 vue-router 支持(创建vue项目时选择 ‘vue-router’)

• 仅支持按需引用

安装使用

yarn add des-ui
yarn add vue-router

项目目录-->main.ts

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
// ...省略代码
const app = createApp(App)
// ... 省略代码
app.use(router)

// ------*一般组件(见下表)
import { DesButton } from 'des-ui'
app.use(DesButton)
// ------*Component(见下表)
import { DesButtonComponent } from 'des-ui'
app.component(DesButtonComponent.name, DesButtonComponent)
// ------*Api组件(见下表)
import { DesToast } from 'des-ui'
app.config.globalProperties.DesToast = DesToast

DesToast.show({
  msg: '这是一个Toast',
  duration: 3000,
  icon: 'info'
})

DesButton

按钮

DesCell

单元格

DesCheckBox

多选框

DesInput

输入框

DesLogin

登录模块

登录成功后会存储sessionStorage/localStorage——>>loginData，是登陆成功后后端返回的数据

后端接口返回数据格式要求

{
  code: 0,
  data: {},
  msg: ''
}

// code: 0为成功，-1为失败

// data:返回的数据

// msg:提示文本

DesNavbar

顶部导航栏

DesRegist

注册模块

DesToast

弹框提示

DesToast

options: 
	msg?: string // 提示文本，必须
  type?: string // 类型，仅show()
  icon?: string // 图标，仅show()
  duration?: number // 显示时长，默认2000ms

DesAxios

请求模块

url: // 请求url
options: // 选项
  method?: string // 请求方法，仅REQUEST
  headers?: object // 请求头
  params?: object // 请求参数
  data?: object // 请求数据

DesTmap

地图选点组件