uni-app uni-ui引用流程

本文介绍了在uni-app中引用uni-ui的详细流程,包括安装sass和sass-loader,解决CLI项目中组件编译问题,以及配置easycom。在配置vue.config.js后,可以在页面上直接使用uni-ui组件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  • 安装 sass

    npm i sass -D   或   yarn add sass -D
  • 安装 sass-loader

    npm i sass-loader@10.1.1 -D   或   yarn add sass-loader@10.1.1 -D
  • 安装 uni-ui

    npm i @dcloudio/uni-ui   或   yarn add @dcloudio/uni-ui

注意 cli 项目默认是不编译 node_modules 下的组件的,导致条件编译等功能失效 ,导致组件异常 需要在根目录创建 vue.config.js 文件 ,增加 @dcloudio/uni-ui 包的编译即可正常

// vue.config.js
module.exports = {
        transpileDependencies:['@dcloudio/uni-ui']
}

1.局部使用

 

<template>
	<view class="">

		<uni-badge text="2" type="success" @click="
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值