czg_team
/
cashier_admin_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优惠券修改

This commit is contained in:
GaoHao 2024-10-29 10:18:48 +08:00
parent 79b258243a
commit 0108ce36b5
1 changed files with 87 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
pageCoupon/index.vue
View File

@ -1,4 +1,5 @@
<template> <template>
<view class="container">
<!-- 顶部菜单 --> <!-- 顶部菜单 -->
<view class="tagClass"> <view class="tagClass">
<view class="tag-item" @tap="tagClick(item)" :class="{active:item.type===pageData.query.type}" <view class="tag-item" @tap="tagClick(item)" :class="{active:item.type===pageData.query.type}"
@ -32,13 +33,14 @@
<view class="couponContentListcontent"> <view class="couponContentListcontent">
<view> <view>
<view> 使用门槛 </view> <view> 使用门槛 </view>
<view> 满 {{ item.fullAmount }} 元减 {{ item.discountAmount }} 元 </view> <view v-if="item.type == 1"> 满 {{ item.fullAmount }} 元减 {{ item.discountAmount }} 元 </view>
<view v-if="item.type == 2"> 满 {{ item.fullAmount }} 元可用 </view>
</view> </view>
<view> <view>
<view> 领取方式 </view> <view> 领取方式 </view>
<view> 用户不可自行领取 </view> <view> 用户不可自行领取 </view>
</view> </view>
<view> <view v-if="item.type == 1">
<view> 有效期 </view> <view> 有效期 </view>
<view> 领券后{{ item.validDays }}天过期 </view> <view> 领券后{{ item.validDays }}天过期 </view>
</view> </view>
@ -79,6 +81,7 @@
<view class="bottomPop"> <view class="bottomPop">
<button @click="addCoupon">+添加{{pageData.status.tagName}}</button> <button @click="addCoupon">+添加{{pageData.status.tagName}}</button>
</view> </view>
</view>
</template> </template>
<script setup> <script setup>
@ -182,6 +185,9 @@
body{ body{
background-color: #f9f9f9; background-color: #f9f9f9;
} }
.container{
position: relative;
}
.tagClass { .tagClass {
width: 100%; width: 100%;
white-space: nowrap; white-space: nowrap;
@ -190,6 +196,9 @@
padding-top: 44rpx; padding-top: 44rpx;
padding: 32rpx 28rpx; padding: 32rpx 28rpx;
background-color: #fff; background-color: #fff;
position: fixed;
top: 79rpx;
z-index: 999;
.tag-item { .tag-item {
display: inline-block; display: inline-block;
padding: 10rpx 24rpx; padding: 10rpx 24rpx;
@ -244,7 +253,7 @@
/* height: 544rpx; */ /* height: 544rpx; */
margin: 32rpx auto 0; margin: 32rpx auto 0;
margin-bottom: 32rpx; margin-bottom: 32rpx;
padding: 0 28rpx 182rpx 28rpx; padding: 122rpx 28rpx 182rpx 28rpx;
} }
.couponContent { .couponContent {
/* background-color: #f9f9f9; */ /* background-color: #f9f9f9; */