UI KIT for Taro/vue
tarojs已经开始支持
vue去写 taro 应用了,由于缺少相关的 ui 库,因此决定 按照 taro-ui 重写成
vue组件。 形成了
taro-ui-vue这个库。
Taro Ui Vue 提供的是源文件,源文件部分代码使用
ts编写,需要项目支持 ts。 如果是用
taro init命令创建,则需在使用时选择
ts。
npm i -S taro-ui-vue
// page.js import { AtButton } from 'taro-ui-vue' // OR import AtButton from 'taro-ui-vue/src/components/button/index.vue'
按需引入样式
javascript // js import 'taro-ui-vue/dist/style/components/tag.scss'
scss // css @import "~taro-ui/dist/style/components/button.scss";
// app.js import TaroUiVue from 'taro-ui-vue/src' import 'taro-ui-vue/dist/style/index.scss' Vue.use(TaroUiVue)
在 .vue 文件 template 中需要按下面这样写
更多组件使用及属性请参考 taro-ui 使用文档
所有参数基本一致
如果你在使用 Taro-UI-Vue 时遇到问题,或者有好的建议,欢迎给我们提 Issue 或 Pull Request。在开始之前,请阅读 贡献指南