54 lines
1.2 KiB
Vue
54 lines
1.2 KiB
Vue
<template>
|
|
<view class="form">
|
|
<u-form :model="form" ref="uForm">
|
|
<u-form-item label="标题" label-position="top" border-bottom="true" labelStyle="margin-left: 20px">
|
|
<u-input v-model="form.name" placeholder="请输入标题以便吸引人的注意哦" placeholder-style="font-size: 40rpx;font-weight:1px"></u-input>
|
|
</u-form-item>
|
|
<u-form-item label="简介">
|
|
<u-input v-model="form.intro" />
|
|
</u-form-item>
|
|
<u-form-item label="性别">
|
|
<u-input v-model="form.sex" type="select" />
|
|
</u-form-item>
|
|
<u-form-item label="水果">
|
|
<u-checkbox-group width="50%">
|
|
<u-checkbox>苹果</u-checkbox>
|
|
<u-checkbox>雪梨</u-checkbox>
|
|
<u-checkbox>柠檬</u-checkbox>
|
|
<u-checkbox>橘子</u-checkbox>
|
|
</u-checkbox-group>
|
|
</u-form-item>
|
|
<u-form-item label="味道">
|
|
<u-radio-group>
|
|
<u-radio>鲜甜</u-radio>
|
|
<u-radio>麻辣</u-radio>
|
|
</u-radio-group>
|
|
</u-form-item>
|
|
<u-form-item label="开关">
|
|
<u-switch slot="right"></u-switch>
|
|
</u-form-item>
|
|
</u-form>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
form:{
|
|
title:''
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.form{
|
|
margin-left: 20px;
|
|
}
|
|
</style>
|