This commit is contained in:
gyq
2025-11-20 10:58:34 +08:00
parent 3106d22783
commit 3dcf89e3d8
3 changed files with 41 additions and 14 deletions

View File

@@ -194,4 +194,12 @@ onLaunch(() => {
} }
} }
} }
// u-form card专用样式
.u-form-card {
background-color: #fff;
border-radius: 20upx;
padding: 0 28upx 14upx;
margin-bottom: 28upx;
}
</style> </style>

View File

@@ -1,7 +1,32 @@
<template> <template>
<view class="">添加优惠券</view> <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> </template>
<script></script> <script setup>
import { ref } from 'vue';
<style></style> const form = ref({
title: ''
});
const rules = ref({
title: [
{
type: 'string',
required: true,
message: '请输入活动名称',
trigger: ['blur']
}
]
});
</script>
<style scoped lang="scss"></style>

View File

@@ -1,7 +1,7 @@
<template> <template>
<view class="container"> <view class="container">
<u-form label-position="top" labelWidth="200" :model="form" :rules="rules" ref="formRef"> <u-form label-position="top" labelWidth="200" :model="form" :rules="rules" ref="formRef">
<view class="card"> <view class="u-form-card">
<u-form-item label="活动名称" prop="title"> <u-form-item label="活动名称" prop="title">
<u-input placeholder="请输入活动名称" :maxlength="20" v-model="form.title" border="bottom" :customStyle="inputStyle"></u-input> <u-input placeholder="请输入活动名称" :maxlength="20" v-model="form.title" border="bottom" :customStyle="inputStyle"></u-input>
</u-form-item> </u-form-item>
@@ -9,7 +9,7 @@
<my-shop-select-w v-model:useType="form.useShopType" v-model:selShops="form.useShops"></my-shop-select-w> <my-shop-select-w v-model:useType="form.useShopType" v-model:selShops="form.useShops"></my-shop-select-w>
</u-form-item> </u-form-item>
</view> </view>
<view class="card"> <view class="u-form-card">
<u-form-item label="活动日期" prop="validStartTime"> <u-form-item label="活动日期" prop="validStartTime">
<my-time-area v-model:startDate="form.validStartTime" v-model:endDate="form.validEndTime"></my-time-area> <my-time-area v-model:startDate="form.validStartTime" v-model:endDate="form.validEndTime"></my-time-area>
</u-form-item> </u-form-item>
@@ -20,12 +20,12 @@
<my-hour-area v-model:useTimeType="form.useTimeType" v-model:startValue="form.useStartTime" v-model:endValue="form.useEndTime"></my-hour-area> <my-hour-area v-model:useTimeType="form.useTimeType" v-model:startValue="form.useStartTime" v-model:endValue="form.useEndTime"></my-hour-area>
</u-form-item> </u-form-item>
</view> </view>
<view class="card"> <view class="u-form-card">
<u-form-item label="可使用类型" prop="useType"> <u-form-item label="可使用类型" prop="useType">
<my-dine-types v-model="form.useType"></my-dine-types> <my-dine-types v-model="form.useType"></my-dine-types>
</u-form-item> </u-form-item>
</view> </view>
<view class="card"> <view class="u-form-card">
<u-form-item label="折扣" prop="discountRate"> <u-form-item label="折扣" prop="discountRate">
<view class="center"> <view class="center">
<u-input placeholder="请输入折扣" type="number" v-model="form.discountRate" @change="discountRateInput"> <u-input placeholder="请输入折扣" type="number" v-model="form.discountRate" @change="discountRateInput">
@@ -52,7 +52,7 @@
</u-radio-group> </u-radio-group>
</u-form-item> </u-form-item>
</view> </view>
<view class="card"> <view class="u-form-card">
<u-form-item label="参与商品" prop="foodType"> <u-form-item label="参与商品" prop="foodType">
<my-select-goods v-model:foodType="form.foodType" v-model="form.foods"></my-select-goods> <my-select-goods v-model:foodType="form.foodType" v-model="form.foods"></my-select-goods>
</u-form-item> </u-form-item>
@@ -302,12 +302,6 @@ page {
.container { .container {
padding: 28upx; padding: 28upx;
} }
.card {
background-color: #fff;
border-radius: 20upx;
padding: 0 28upx 14upx;
margin-bottom: 28upx;
}
.center { .center {
display: flex; display: flex;
align-items: center; align-items: center;