You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
898 B
55 lines
898 B
10 months ago
|
<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>
|