uni-app -- uView组件

好的工具可以让我们的开发事半功倍。

此处仅演示 HbuilderX安装使用UI组件

1.安装

1.打开地址 : uView 2.0
2.使用HbuilderX安装

3. 安装完成会出现如图所示
   

2.项目内配置

1.引入uView
main.js

import Vue from "vue";
import uView from "@/uni_modules/uview-ui";
Vue.use(uView);

2.引入uView scss样式
uni.scss

@import "@/uni_modules/uview-ui/theme.scss"; // 引入uView样式 

3. 使用示例

<template>
	<u-swiper :list="list1" @change="change" @click="click"></u-swiper>
</template>

<script>
	export default {
		data() {
			return {
				list1: [
					'https://cdn.uviewui.com/uview/swiper/swiper1.png',
					'https://cdn.uviewui.com/uview/swiper/swiper2.png',
					'https://cdn.uviewui.com/uview/swiper/swiper3.png',
				]
			}
		},
		methods: {
			change() {}
		}
	}
</script>

---

---

更多安装方式参考：uView安装

更多使用方式参考: uView swiper