feat: 含hhrs_back返回图标的页面统一改为顶部导航条(返回+页面名称)
门店详情(标题=门店名)、手机号登录、权益资格认证三页移除底部悬浮返回图标, 改为标准顶部导航;门店详情页面容器改 min-height 避免加高后底部裁切。 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Fable 5
parent
bc2fb1715b
commit
8a24dd033c
+33
-22
@@ -1,5 +1,12 @@
|
||||
<template>
|
||||
<view class="page" v-if="store">
|
||||
<!-- xuchao: 顶部导航(返回+页面名称) -->
|
||||
<view class="nav-bar">
|
||||
<view class="nav-back" @click="goBack">
|
||||
<u-icon name="arrow-left" color="#1a1818" size="40"></u-icon>
|
||||
</view>
|
||||
<text class="nav-title">{{ store.name }}</text>
|
||||
</view>
|
||||
<!-- 门店信息卡片(信息+地址合并容器) -->
|
||||
<view class="store-card">
|
||||
<view class="store-main">
|
||||
@@ -55,12 +62,6 @@
|
||||
<text class="discount-item" v-for="(item, index) in discountList" :key="index">{{ item }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 返回按钮 -->
|
||||
<view class="back-btn" @click="goBack">
|
||||
<image class="back-icon" src="https://zhihuiyou.oss-cn-shenzhen.aliyuncs.com/hhrs/hhrs_back.png" mode="aspectFit"></image>
|
||||
<text class="back-text">返回上一页</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -139,9 +140,9 @@ export default {
|
||||
|
||||
<style>
|
||||
.page {
|
||||
height: 100vh;
|
||||
/* xuchao: 顶部导航条占用 44px,改为 min-height 让长内容正常滚动,避免底部被裁切 */
|
||||
min-height: 100vh;
|
||||
background-color: #f2f2f7;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* 门店卡片(信息+地址合并容器) */
|
||||
@@ -269,24 +270,34 @@ export default {
|
||||
color: #0088ff;
|
||||
}
|
||||
|
||||
/* 返回按钮 */
|
||||
.back-btn {
|
||||
position: fixed;
|
||||
left: 24px;
|
||||
bottom: 50px;
|
||||
/* xuchao: 顶部返回导航条 */
|
||||
.nav-bar {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.back-icon {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background-color: #ffffff;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.back-text {
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
.nav-back {
|
||||
position: absolute;
|
||||
left: 12px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nav-title {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 17px;
|
||||
font-weight: 500;
|
||||
color: #1a1818;
|
||||
padding: 0 56px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user