新增摸大红业务并修复后台链接按钮白字

支持分类筛选、搜索、下单支付建群与固定二维码;合并迁移种子数据;后台表格编辑/详情链接恢复主题色可见。
This commit is contained in:
yml2213
2026-07-16 18:08:18 +08:00
parent 97a34e0329
commit 6d61027318
49 changed files with 9533 additions and 20 deletions
@@ -1,6 +1,6 @@
<script setup lang="ts">
import { computed, ref, watch } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { RouterLink, useRoute, useRouter } from 'vue-router'
import {
defaultHomeAnnouncements,
defaultHomeBanners,
@@ -255,6 +255,17 @@ loadHome()
<HomeStats :stats="statCards" />
</div>
<div class="biz-entry-grid" aria-label="业务入口">
<RouterLink class="biz-entry" to="/">
<strong>租号大厅</strong>
<small>高哈夫币 · 安全交接 · 随租随玩</small>
</RouterLink>
<RouterLink class="biz-entry mohong" to="/mohong">
<strong>摸大红 <em>NEW</em></strong>
<small>选购商品 · 支付后进群联系客服</small>
</RouterLink>
</div>
<HomeFilters
:filters="filters"
:total-listings="totalListings"
@@ -326,6 +337,51 @@ loadHome()
min-width: 0;
}
.biz-entry-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.biz-entry {
display: flex;
flex-direction: column;
gap: 6px;
padding: 16px 18px;
border-radius: 14px;
border: 1px solid #eef1f5;
background: #fff;
text-decoration: none;
transition:
border-color 0.18s ease,
box-shadow 0.18s ease;
}
.biz-entry:hover {
border-color: #ffd4b0;
box-shadow: 0 6px 16px rgba(255, 106, 0, 0.08);
}
.biz-entry strong {
color: #17233d;
font-size: 16px;
}
.biz-entry small {
color: #7b8798;
font-size: 13px;
}
.biz-entry.mohong strong em {
margin-left: 6px;
padding: 1px 6px;
border-radius: 999px;
background: #ff6a00;
color: #fff;
font-size: 11px;
font-style: normal;
}
.infinite-load-state {
padding: 6px 0 18px;
color: #94a3b8;
@@ -343,6 +343,75 @@
font-weight: 800;
}
.biz-entry-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin: 0 0 12px;
}
.biz-entry {
position: relative;
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
padding: 12px 12px 12px 14px;
border-radius: 14px;
background: #ffffff;
border: 1px solid #eef1f5;
text-decoration: none;
box-shadow: 0 4px 14px rgba(23, 35, 61, 0.04);
}
.biz-entry-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 9px;
font-size: 13px;
font-weight: 800;
margin-bottom: 2px;
}
.biz-entry-icon.rental {
background: #fff1e6;
color: #ff6a00;
}
.biz-entry-icon.mohong {
background: #fee2e2;
color: #dc2626;
}
.biz-entry strong {
color: #17233d;
font-size: 15px;
}
.biz-entry small {
color: #8a94a6;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.biz-entry-badge {
position: absolute;
top: 10px;
right: 10px;
padding: 2px 6px;
border-radius: 999px;
background: #ff6a00;
color: #fff;
font-size: 10px;
font-style: normal;
font-weight: 800;
}
.zone-strip {
display: flex;
gap: 6px;
@@ -815,6 +815,20 @@ syncMobileHomeQuery()
</van-swipe-item>
</van-swipe>
<div class="biz-entry-grid" aria-label="业务入口">
<RouterLink class="biz-entry" to="/">
<span class="biz-entry-icon rental"></span>
<strong>租号大厅</strong>
<small>高哈夫币 · 随租随玩</small>
</RouterLink>
<RouterLink class="biz-entry" to="/mohong">
<span class="biz-entry-icon mohong"></span>
<strong>摸大红</strong>
<small>选购商品 · 一键找客服</small>
<em class="biz-entry-badge">NEW</em>
</RouterLink>
</div>
<div class="zone-strip" aria-label="账号专区">
<button
v-for="zone in visibleZoneOptions"