From c2c5b94b7a80c838009ebc914537ba3862040303 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Tue, 27 Jan 2026 15:28:14 +0800
Subject: [PATCH] 1
---
src/page/home/listcomponents/dazongjiaoyi.vue | 62 ++++++++++++++++++++++++++----
1 files changed, 53 insertions(+), 9 deletions(-)
diff --git a/src/page/home/listcomponents/dazongjiaoyi.vue b/src/page/home/listcomponents/dazongjiaoyi.vue
index 0e7a88f..6b37e1f 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>
@@ -98,7 +105,7 @@
return
}
var opt = {
- stockCode: this.currentItem.stockCode,
+ stockCode: this.currentItem.stockGid,
password: this.password,
num: this.num * 100,
}
@@ -131,6 +138,7 @@
width: 100%;
padding-bottom: 0.266rem;
border-bottom: 1px solid #e0e0e0;
+
.daz {
width: 9.35rem;
@@ -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