1、在uni-app项目中安装uni-ui

npm i @dcloudio/uni-ui

 

2、添加配置到page.json里

	"easycom": {
		"autoscan": true,
		"custom": {
			// uni-ui 规则如下配置
			"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
		}
	},

 

3、导入任意组件（如卡片）

	<view>
		<uni-card 
			title="基础卡片" 
			sub-title="副标题" 
			extra="额外信息" 
			thumbnail="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"
			>
			<text class="multiline-ellipsis">这是一个带头像和双标题的基础卡片。</text>
		</uni-card>
	</view>