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 等语法，需要使用自定义组件编译模式