<template>
	<view class="container">
		
		<view class="body">
			<view class="bodyContent">
				<view class="bodyLabel">属性类型：</view>
				<view class="bodyItem">
					<uni-data-select
					      v-model="value"
					      :localdata="range"
					      @change="change"
					    ></uni-data-select>
				</view>
			</view>
		</view>
		
		</view>
</template>

<script>
	export default{
		data(){
			return{
				value: 1,
		        range: [
		          { value: 0, text: "篮球" },
		          { value: 1, text: "足球" },
		          { value: 2, text: "游泳" },
		        ],
			}
		},
		methods:{
			change(e) {
			        console.log("e:", e);
			      },
		}
	}
</script>

<style lang="scss" scoped>
	.container{
		.body{
			padding: 30rpx;
		}
	}
	.bodyContent{
		position: relative;
		// padding-left:150rpx;
		.bodyLabel{
			display: inline-block;
			width: 150rpx;
		}
	}
	
</style>