前言:
对组件的定义想必大家都是有所了解,在uniapp中组件总体来说是分为两大类的,一种是内置组件,一种是第三方组件。
一.如何进行使用
参考官网:uni-app官网
二.内置组件的使用
uniapp是一个强大的框架,里面肯定内置了一些组件,例如element,里面也会对组件进行封装,具体怎么使用还是要参考文档的,例子:
1.按钮
<button type="warn">成功率</button>
2.复选框
<checkbox></checkbox>
3.轮播图
<template>
<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
<swiper-item>
<view class="swiper-item uni-bg-red">A</view>
</swiper-item>
<swiper-item>
<view class="swiper-item uni-bg-green">B</view>
</swiper-item>
<swiper-item>
<view class="swiper-item uni-bg-blue">C</view>
</swiper-item>
</swiper>
</template>
三.扩展组件
1.类别
2.需要一个折叠面板
3.将组件导入
多出来的文件夹
4.使用
<template>
<uni-collapse accordion>
<uni-collapse-item title="手风琴效果">
<text>折叠内容</text>
</uni-collapse-item>
<uni-collapse-item title="手风琴效果">
<text>折叠内容</text>
</uni-collapse-item>
<uni-collapse-item title="禁用状态" disabled>
<text>折叠内容</text>
</uni-collapse-item>
</uni-collapse>
</template>