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

156 Stars

14 Forks

537 Commits

8 Opened issues

Description

UI KIT for Taro/vue

Services available

Need anything else?

Contributors list

psaren psaren

# 41,702

wechat-...

wechat

taro

jQuery

311 commits

Readme

taro-ui-vue

Name: taro-ui-vue
Brand: taro-ui-vue
SKU: //psaren/taro-ui-vue
Rating: 2.14 (156 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