From 85896764cc8705c4442117cb313f28e52a62e6e8 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Sat, 17 Jan 2026 13:31:36 +0800
Subject: [PATCH] 1
---
src/page/home/listcomponents/dazongjiaoyi.vue | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 52 insertions(+), 8 deletions(-)
diff --git a/src/page/home/listcomponents/dazongjiaoyi.vue b/src/page/home/listcomponents/dazongjiaoyi.vue
index 0e7a88f..eec7566 100644
--- a/src/page/home/listcomponents/dazongjiaoyi.vue
+++ b/src/page/home/listcomponents/dazongjiaoyi.vue
@@ -10,14 +10,14 @@
<p>{{ $t("jy3") }}</p>
</div>
</div>
- <div class="dbox">
+ <!-- <div class="dbox">
<div class="daz">
<span class="d1">{{ $t("MingCheng") }}</span>
<span class="d2">{{ $t("hj81") }}</span><span class="d3"></span>
<span class="d2">{{ $t("jy544") }}</span><span class="d3"></span>
<span class="d2">{{ $t("jy545") }}</span><span class="d3"></span>
</div>
- </div>
+ </div> -->
<div class="list" v-for="(item, index) in dazongList" :key="index">
<div class="lbox">
<div class="lb1">
@@ -28,19 +28,26 @@
<span class="bj" v-if="item.stockType == 'bj'">{{ $t("jy85") }}</span>
<a :class="item.stockType == 'sh' ? 'shbg' : item.stockType == 'bj' ? 'bjbg' : ''">{{
item.stockGid
- }}</a>
+ }}</a>
</p>
</div>
- <div class="lb2"> {{ item.price }} </div>
- <div class="lb2"> {{ item.discount }}</div>
- <div class="lb2"> {{ item.residualShare }}%</div>
+ <!-- <div class="lb2"> {{ item.price }} </div> -->
+ <!-- <div class="lb2"> {{ item.discount }}</div> -->
+ <!-- <div class="lb2"> {{ item.residualShare }}%</div> -->
+
<div class="lb3"><a @click="getdetail(item)">{{ $t("hj238") }}</a></div>
+ </div>
+ <div class="progress-bar-wrapper">
+ <div class="progress-bar-bg">
+ <div class="progress-bar-fill" :style="{ width: ((100 - item.residualShare) || 0) + '%' }"></div>
+ </div>
+ <span class="progress-text">【{{ $t("jy546") }}{{ item.residualShare || 0 }}%】</span>
</div>
</div>
<van-popup v-model="show" round position="bottom">
<div class="boxd">
- <div class="boxh"> {{ $t("jy86") }} <span @click="show = false"></span></div>
- <h5>{{ $t("hj130") }}</h5>
+ <div class="boxh"> {{ $t("jy536") }} <span @click="show = false"></span></div>
+ <h5>{{ $t("hj120") }}</h5>
<h6>{{ currentItem.price ? currentItem.price : '' }}</h6>
<div class="erty tghj"><input :placeholder="$t('jy87')" type="number" class="inpy" v-model="num"
@input="num = num.replace(/^(0+)|[^\d]+/g, '')"><a>{{ $t("hj117") }}</a></div>
@@ -132,6 +139,7 @@
padding-bottom: 0.266rem;
border-bottom: 1px solid #e0e0e0;
+
.daz {
width: 9.35rem;
margin: 0 auto;
@@ -188,6 +196,42 @@
padding: 0.4rem 0;
border-bottom: 1px solid #e0e0e0;
+ .progress-bar-wrapper {
+ width: 90%;
+ display: flex;
+ align-items: center;
+ gap: 0.2rem;
+ margin: 0.4rem 5% 0;
+
+ .progress-bar-bg {
+ flex: 1;
+ height: 0.3rem;
+ background-color: #f0f0f0;
+ border-radius: 0.15rem;
+ overflow: hidden;
+ position: relative;
+
+ .progress-bar-fill {
+ height: 100%;
+ background: linear-gradient(90deg, #f33030 0%, #d73d3d 100%);
+ border-radius: 0.15rem;
+ position: absolute;
+ left: 0;
+ top: 0;
+ transition: width 0.3s ease;
+ min-width: 0;
+ }
+ }
+
+ .progress-text {
+ color: #333;
+ font-size: 0.28rem;
+ white-space: nowrap;
+ font-weight: 500;
+ flex-shrink: 0;
+ }
+ }
+
.lbox {
width: 9.35rem;
margin: 0 auto;
--
Gitblit v1.9.3