From bc557e5b70f4e7a02d88da12a616acaf65994e83 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Sun, 11 Jan 2026 19:41:04 +0800
Subject: [PATCH] 1
---
src/page/home/listcomponents/dazongjiaoyi.vue | 53 +++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 49 insertions(+), 4 deletions(-)
diff --git a/src/page/home/listcomponents/dazongjiaoyi.vue b/src/page/home/listcomponents/dazongjiaoyi.vue
index 0e7a88f..335d70a 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">
@@ -32,9 +32,17 @@
</p>
</div>
<div class="lb2"> {{ item.price }} </div>
- <div class="lb2"> {{ item.discount }}</div>
- <div class="lb2"> {{ item.residualShare }}%</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: (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">
@@ -132,6 +140,7 @@
padding-bottom: 0.266rem;
border-bottom: 1px solid #e0e0e0;
+
.daz {
width: 9.35rem;
margin: 0 auto;
@@ -188,6 +197,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