# Select 选择

# 基本使用

<template>
	<view>
		<unify-select :unify-data="data" @selected="select"></unify-select>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data: [{
					name: "水调歌头",
					value: "水调歌头",
					checked: true
				}, {
					name: "沁园春·雪",
					value: "水调歌头",
					checked: false
				}]
			};
		},
		methods: {
			select:function(e){
				console.log(e);
				uni.showToast({icon:"none",mask:true,title:e});
			}
		}
	}
</script>
<style lang="scss">

</style>

# Attributes

参数 说明 类型 可选值 默认值
unify-data 数据 Array - -
mode 类型 String 单选:radio
复选:check
radio
size 字号 String, Number - 28
height 高度 String, Number - 60
width 宽度 String, Number - -
activeBg 激活背景色 String, Number - bg-theme-help
inactiveBg 未激活背景色 String, Number - bg-white-help
activeColor 激活文本颜色 String, Number - color-main
inactiveColor 未激活文本颜色 String, Number - color-main

# Event

事件名 说明 回调参数
@selected 选中事件 moderadio时,返回值为当前下标的value值;当modecheck时,返回值为选中下标的value值数组