55 lines
898 B
Vue
55 lines
898 B
Vue
<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> |