sileya-ai
/
vr-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改秒杀逻辑

v1.0.0
于肖磊 2024-10-17 18:55:08 +08:00
parent c5b67c030c
commit 8251c75939
2 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/model-seckill/index.vue
View File

@ -55,7 +55,7 @@
<div class="flex-col gap-10 w flex-1 jc-sb" :style="content_style"> <div class="flex-col gap-10 w flex-1 jc-sb" :style="content_style">
<div class="flex-col gap-10 w"> <div class="flex-col gap-10 w">
<!-- 标题 --> <!-- 标题 -->
<div v-if="is_show('title')" :style="trends_config('title')" class="text-line-2">{{ item.title }}</div> <div v-if="is_show('title')" :style="trends_config('title')" class="text-line-2 multi-text">{{ item.title }}</div>
<!-- 进度条 --> <!-- 进度条 -->
<!-- <div v-if="form.shop_style_type == '1'" class="flex-row align-c gap-6"> <!-- <div v-if="form.shop_style_type == '1'" class="flex-row align-c gap-6">
<div class="re flex-1"> <div class="re flex-1">
@ -69,13 +69,13 @@
</div> </div>
<div class="flex-row align-e gap-10 jc-sb"> <div class="flex-row align-e gap-10 jc-sb">
<div class="flex-col gap-5"> <div class="flex-col gap-5">
<div v-if="is_show('price') && !isEmpty(item.min_price)" class="num" :style="`color: ${new_style.shop_price_color}`"> <div v-if="is_show('price') && (!isEmpty(item.min_price) || !isNaN(Number(item.min_price)))" class="num" :style="`color: ${new_style.shop_price_color}`">
<span v-if="form.shop_style_type == '1'" class="size-10 pr-4">秒杀价</span> <span v-if="form.shop_style_type == '1'" class="size-10 pr-4">秒杀价</span>
<span class="identifying">{{ item.show_price_symbol }}</span <span class="identifying">{{ item.show_price_symbol }}</span
><span :style="trends_config('price')">{{ item.min_price }}</span> ><span :style="trends_config('price')">{{ item.min_price }}</span>
<span v-if="is_show('price_unit')" class="identifying">{{ item.show_price_unit }}</span> <span v-if="is_show('price_unit')" class="identifying">{{ item.show_price_unit }}</span>
</div> </div>
<div v-if="is_show('original_price') && !isEmpty(item.min_original_price)" class="size-11 flex" :style="`color: ${new_style.original_price_color}`"> <div v-if="is_show('original_price') && (!isEmpty(item.min_original_price) || !isNaN(Number(item.min_original_price)))" class="size-11 flex" :style="`color: ${new_style.original_price_color}`">
<span class="original-price text-line-1 flex-1" <span class="original-price text-line-1 flex-1"
>{{ item.show_original_price_symbol }}{{ item.min_original_price }} >{{ item.show_original_price_symbol }}{{ item.min_original_price }}
<template v-if="is_show('original_price_unit')"> <template v-if="is_show('original_price_unit')">
@ -116,7 +116,7 @@
<div class="flex-col gap-10 w flex-1 jc-sb" :style="content_style"> <div class="flex-col gap-10 w flex-1 jc-sb" :style="content_style">
<div class="flex-col gap-10 w"> <div class="flex-col gap-10 w">
<!-- 标题 --> <!-- 标题 -->
<div v-if="is_show('title')" :style="trends_config('title')" class="text-line-2">{{ item.title }}</div> <div v-if="is_show('title')" :style="trends_config('title')" class="text-line-2 multi-text">{{ item.title }}</div>
<!-- 进度条 --> <!-- 进度条 -->
<div v-if="form.shop_style_type == '1'" class="flex-row align-c gap-6"> <div v-if="form.shop_style_type == '1'" class="flex-row align-c gap-6">
<div class="re flex-1"> <div class="re flex-1">

14
src/styles/common.scss
View File

@ -270,4 +270,18 @@
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
}
// 显示两行
.multi-text {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 3.2rem;
line-height: 1.6rem;
font-size: 1.4rem;
white-space: initial;
} }