江苏龙网

  1. 首页 > 人文 > >

|Taro UI组件库

|Taro UI组件库

1、安装 Taro UInpm install taro-ui

2、h5编译设置h5: {

esnextModules: ['taro-ui'




3、项目中引入方式一：js入口文件中引入

import 'taro-ui/dist/style/index.scss'

方式二：css全局入口文件中引入

@import \"~taro-ui/dist/style/index.scss\";

4、使用Taro UIimport Taro { Component Configfrom '@tarojs/taro'

import { Viewfrom '@tarojs/components'

import { AtButtonfrom 'taro-ui'

import './index.scss'

export default class Index extends Component {

config: Config = {

navigationBarTitleText: '首页'

【|Taro UI组件库】

render () {

return (

<View className='index'>

<AtButton type='primary'>按钮文案</AtButton>

</View>

)





5、运行# npm script

$ npm run dev:weapp

# 仅限全局安装

$ taro build --type weapp --watch

# npx用户也可以使用

$ npx taro build --type weapp --watch

运行微信小程序工具查看效果 ， 不懂操作的同学 ， 请查看上一章节 。

注意事项：

如果出现报错 ， 可以尝试安装taro-ui版本 ， taro ui2.+版本跟目前的taro3.+版本不兼容 ， 可以尝试使用以下命令

npm install taro-ui@3.0.0-alpha.3

纯手打 ， 喜欢的同学请关注+收藏 。



    推荐阅读


    上一篇：find x|10090mAh+骁龙865！三星最强野兽横空出世：官网偷跑

    下一篇：|小米CC10再现身！骁龙775G加全新设计，能成功吗？