1

admin

2026-01-11 bc557e5b70f4e7a02d88da12a616acaf65994e83

1

 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;