1
This commit is contained in:
8
App.vue
8
App.vue
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user