psaren/ taro-ui-vue

JavaScript

TypeScript

HTML

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

psaren psaren

# 44,078

wechat

taro

jQuery

HTML

327 commits

Readme

taro-ui-vue

Name: taro-ui-vue
Brand: taro-ui-vue
SKU: //psaren/taro-ui-vue
Rating: 2.2375 (195 reviews)

项目背景

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)

onXXX 属性示例

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

TODO

为组件添加测试用例

CHANGELOG

贡献

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

License

MIT