<template>
	<view class="container">
		<u-form ref="formRef" label-position="top" labelWidth="200" :model="form" :rules="rules">
			<view class="u-form-card">
				<u-form-item label="满减券名称" prop="title">
					<u-input placeholder="请输入活动名称" :maxlength="20" v-model="form.title" border="bottom" :customStyle="inputStyle"></u-input>
				</u-form-item>
			</view>
		</u-form>
	</view>
</template>

<script setup>
import { ref } from 'vue';

const form = ref({
	title: ''
});

const rules = ref({
	title: [
		{
			type: 'string',
			required: true,
			message: '请输入活动名称',
			trigger: ['blur']
		}
	]
});
</script>

<style scoped lang="scss"></style>
