增加消息界面 删除我的界面无用的图标

This commit is contained in:
yml
2026-05-22 21:32:44 +08:00
parent 13bb77f89b
commit 36f54d2380
7 changed files with 305 additions and 254 deletions
+45 -11
View File
@@ -246,7 +246,11 @@ function formatRatio(item: Listing) {
<!-- 数据背书面板 -->
<div class="trust-panel" aria-label="交易数据背书">
<div v-for="item in platformStats" :key="item.label" class="trust-item">
<div
v-for="item in platformStats"
:key="item.label"
class="trust-item"
>
<span class="trust-icon">{{ item.icon }}</span>
<strong>{{ item.value }}</strong>
<span>{{ item.label }}</span>
@@ -305,14 +309,28 @@ function formatRatio(item: Listing) {
<em>可租</em>
</div>
<div class="card-tags">
<van-tag type="primary" size="medium" plain>{{ item.server_region }}</van-tag>
<van-tag type="primary" size="medium" plain>{{ item.login_platform }}</van-tag>
<van-tag v-if="item.rank_level" type="primary" size="medium" plain>{{ item.rank_level }}</van-tag>
<van-tag type="primary" size="medium" plain>{{
item.server_region
}}</van-tag>
<van-tag type="primary" size="medium" plain>{{
item.login_platform
}}</van-tag>
<van-tag
v-if="item.rank_level"
type="primary"
size="medium"
plain
>{{ item.rank_level }}</van-tag
>
</div>
<div class="card-footer">
<div class="price-col">
<strong>¥{{ item.price_hourly }}<small>/小时</small></strong>
<span class="rent-sub">日租¥{{ item.price_daily || "--" }} · 周租¥{{ item.price_weekly || "--" }}</span>
<span class="rent-sub"
>日租¥{{ item.price_daily || "--" }} · 周租¥{{
item.price_weekly || "--"
}}</span
>
</div>
<div class="coin-badge">
{{ formatCoin(item.haf_coin_amount) }}哈夫币
@@ -325,23 +343,39 @@ function formatRatio(item: Listing) {
<!-- ========== 底部导航原生App风格手写不用 van-tabbar ========== -->
<nav class="bottom-nav">
<RouterLink to="/m" class="nav-item" :class="{ active: isNavActive('/m') }">
<RouterLink
to="/m"
class="nav-item"
:class="{ active: isNavActive('/m') }"
>
<van-icon name="home-o" :size="22" />
<span>首页</span>
</RouterLink>
<RouterLink to="/m/listings" class="nav-item" :class="{ active: isNavActive('/m/listings') }">
<van-icon name="search" :size="22" />
<span>租号</span>
<RouterLink
to="/m/messages"
class="nav-item"
:class="{ active: isNavActive('/m/messages') }"
>
<van-icon name="chat-o" :size="22" />
<span>消息</span>
</RouterLink>
<RouterLink to="/m/seller/listings/create" class="nav-item nav-publish">
<div class="publish-pill">+</div>
<span>发布</span>
</RouterLink>
<RouterLink to="/m/orders" class="nav-item" :class="{ active: isNavActive('/m/orders') }">
<RouterLink
to="/m/orders"
class="nav-item"
:class="{ active: isNavActive('/m/orders') }"
>
<van-icon name="orders-o" :size="22" />
<span>订单</span>
</RouterLink>
<RouterLink to="/m/profile" class="nav-item" :class="{ active: isNavActive('/m/profile') }">
<RouterLink
to="/m/profile"
class="nav-item"
:class="{ active: isNavActive('/m/profile') }"
>
<van-icon name="manager-o" :size="22" />
<span>我的</span>
</RouterLink>