wxss
.container {
height:100vh;
background-color:white;
display: flex;
flex-direction: column;
padding: 20rpx 20rpx;
align-content: center;
justify-content:center;
}
.listGroup {
background-color:white;
margin: 20rpx 0;
}
.row{
display: flex;
flex-direction:row;
}
.box {
width:62vh;
border-bottom:1rpx solid silver;
padding: 10rpx;
height:80rpx;
}
.shortInput {
width:30vh;
}
.label{
color:#FF2D55;
margin-right:25rpx;
}
wxml
<view class='container'>
<view class='listGroup' >
<view class='row box' >
<text>待定</text>
</view>
</view>
<view class='listGroup' >
<view class='row box' >
<label>姓别</label>
<picker name='sex'mode='selector'bindchange='sexChange'range='{{sexItem}}'>
<view>{{sexItem}}</view>
</picker>
</view>
<view class='row box' >
<label>年龄</label>
<picker name='age'mode='selector'bindchange='ageChange'range='{{ageItem}}'>
<view>{{ageItem}}</view>
</picker>
</view>
<view class='row box' >
<label>类别</label>
<picker name='genre'mode='selector'bindchange='genreChange'range='{{genreItem}}'>
<view>{{genreItem}}</view>
</picker>
</view>
</view>
<view class='listGroup' >
<view class='row box' >
<label>身高</label>
<input name='height'class='shortInput'type='digit'value='{{height}}'></input>
<text>厘米</text>
</view>
<view class='row box' >
<label>体重</label>
<input name='weight'class='shortInput'type='digit'value='{{weight}}'></input>
<text>千克</text>
</view>
</view>
</view>
js
Page({
data: {
sexItem:['男','女'],
ageItem:['24岁以下','25-29岁','30-39岁','40-49岁','50-59岁','60岁以上'],
genreItem:['一类人员','二类人员','三类人员']
},
"getInput":function(e){
console.log("getInput触发,输入框内容改变,当前值为:"+e.detail.value);
},
"sexChange":function(e){
let i=e.detail.value;
let value=this.data.sexItem[i];
this.setData({selector:value});
},
"ageChange":function(e){
let i=e.detail.value;
let value=this.data.ageItem[i];
this.setData({selector:value});
},
"genreChange":function(e){
let i=e.detail.value;
let value=this.data.genreItem[i];
this.setData({selector:value});
}
})
看不懂你这么写的意思
你好,麻烦提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
请发表代码片段,这样我们难以复现问题,项目》新建代码片段