form 组件 input,radio 一定要加name,不然无法获取值
<form @submit="formSubmit" @reset="formReset">
<input type="text" name="input" maxlength="3" placeholder="输入" />
<radio-group name="radio" @change="req()">
<label>
<radio value="radio1" /><text>选项一</text>
</label>
<label>
<radio value="radio2" /><text>选项二</text>
</label>
</radio-group>
<view class="">
<button form-type="submit">Submit</button>
</view>
</form>
methods: {
formSubmit(e) {
console.log(e)
},
formReset() {},
}
scroll-view 可滚动视图区域
<scroll-view class="tab-scroll" scroll-x="true">
<view v-for="(item, index) in 10" :key="index" class="tab-scroll__item">
{{item}}
</view>
</scroll-view>
// css 样式
.tab-scroll {
width: 100%;
overflow: hidden;
white-space: nowrap;
}
.tab-scroll__item {
width: 100px;
height: 100px;
display: inline-block;
background-color: pink;
border-right: 1px red solid;
}