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