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
<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> |