组件的使用

前言：

对组件的定义想必大家都是有所了解，在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>

5.效果图