1.0.0 • Published 4 years ago

wit-uni v1.0.0

Weekly downloads
1
License
Apache-2.0
Repository
-
Last release
4 years ago

wit-uni 使用说明

使用 wit-uni

script 中引用组件:

import { witUniBadge } from "wit-uni";
//import uniBadge from 'wit-uni/lib/wit-uni-badge/wit-uni-badge.vue' //也可使用此方式引入组件
export default {
  components: { witUniBadge }
};

template 中使用组件:

<wit-uni-badge text="1"></wit-uni-badge>
<wit-uni-badge text="2" type="success" @click="bindClick"></wit-uni-badge>
<wit-uni-badge text="3" type="primary" :inverted="true"></wit-uni-badge>

其他

  • wit-uni 是全端兼容的基于 flex 布局的、无 dom 的 ui 库
  • wit-uni 是 uni-app 内置组件的扩展。注意与 web 开发不同,wit-uni 不包括基础组件,它是基础组件的补充。web 开发中有的开发者习惯用一个 ui 库完成所有开发,但在 uni-app 体系中,推荐开发者首先使用性能更高的基础组件,然后按需引入必要的扩展组件。
  • 本页面介绍使用 npm 的安装使用方式,也可单独下载相关组件直接使用,组件下载地址见上表
  • wit-uni 不支持使用 Vue.use() 的方式安装
  • wit-uni 依赖 scss,若是 HBuilderX 中创建的 uni-app 项目,需要在 HBuilderX 中安装 scss 插件;如果是使用 cli 创建的 uni-app 项目,需要在项目下 npm 安装 node-sass 和 sass-loader
  • 如果在涉及 slot 的组件中使用 v-for 等语法,需要使用自定义组件编译模式