Need help with taro-ui-vue?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

psaren
195 Stars 34 Forks MIT License 557 Commits 14 Opened issues

Description

UI KIT for Taro/vue

Services available

!
?

Need anything else?

Contributors list

# 44,078
wechat
taro
jQuery
HTML
327 commits

taro-ui-vue

NPM version NPM David npm

项目背景

tarojs
已经开始支持
vue
去写 taro 应用了,由于缺少相关的 ui 库,因此决定 按照 taro-ui 重写成
vue
组件。 形成了
taro-ui-vue
这个库。

相关链接

Taro Ui Vue 使用文档
Taro
Taro Ui

使用注意

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)

onXXX 属性示例

在 .vue 文件 template 中需要按下面这样写



更多使用方式

更多组件使用及属性请参考 taro-ui 使用文档
所有参数基本一致

TODO

  • 为组件添加测试用例

CHANGELOG

CHANGELOG

贡献

如果你在使用 Taro-UI-Vue 时遇到问题,或者有好的建议,欢迎给我们提 Issue 或 Pull Request。在开始之前,请阅读 贡献指南

License

MIT

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.