好的工具可以让我们的开发事半功倍。
此处仅演示
HbuilderX
安装使用UI组件
1.安装
1.打开地址 : uView 2.0
2.使用HbuilderX安装
- 安装完成会出现如图所示
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