feat(页面配置): 更新页面标题和布局样式
- 为多个页面添加导航栏标题文本 - 统一调整页面头部布局,移除重复标题并扩展搜索栏宽度 - 修改认证页面按钮和标题显示逻辑
Showing
11 changed files
with
37 additions
and
37 deletions
| 1 | /* | 1 | /* |
| 2 | * @Date: 2025-07-02 22:18:16 | 2 | * @Date: 2025-07-02 22:18:16 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-07-02 23:00:27 | 4 | + * @LastEditTime: 2025-07-16 11:40:29 |
| 5 | * @FilePath: /jgdl/src/pages/goodCarList/index.config.js | 5 | * @FilePath: /jgdl/src/pages/goodCarList/index.config.js |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | */ | 7 | */ |
| 8 | export default { | 8 | export default { |
| 9 | - navigationBarTitleText: '', | 9 | + navigationBarTitleText: '特价好车', |
| 10 | usingComponents: { | 10 | usingComponents: { |
| 11 | }, | 11 | }, |
| 12 | } | 12 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2022-09-19 14:11:06 | 2 | * @Date: 2022-09-19 14:11:06 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-07-16 10:18:58 | 4 | + * @LastEditTime: 2025-07-16 11:40:08 |
| 5 | * @FilePath: /jgdl/src/pages/goodCarList/index.vue | 5 | * @FilePath: /jgdl/src/pages/goodCarList/index.vue |
| 6 | * @Description: 特价好车页面 | 6 | * @Description: 特价好车页面 |
| 7 | --> | 7 | --> |
| ... | @@ -10,12 +10,12 @@ | ... | @@ -10,12 +10,12 @@ |
| 10 | <view class="flex flex-col bg-white min-h-screen"> | 10 | <view class="flex flex-col bg-white min-h-screen"> |
| 11 | <!-- Header --> | 11 | <!-- Header --> |
| 12 | <nut-sticky> | 12 | <nut-sticky> |
| 13 | - <view class="bg-orange-400 p-4 pt-4 pb-4"> | 13 | + <view class="bg-orange-400"> |
| 14 | <nut-row type="flex" justify="center" align="center"> | 14 | <nut-row type="flex" justify="center" align="center"> |
| 15 | - <nut-col span="6"> | 15 | + <!-- <nut-col span="6"> |
| 16 | <view class="text-xl font-bold text-white">特价好车</view> | 16 | <view class="text-xl font-bold text-white">特价好车</view> |
| 17 | - </nut-col> | 17 | + </nut-col> --> |
| 18 | - <nut-col span="18"> | 18 | + <nut-col span="24"> |
| 19 | <!-- Search Bar --> | 19 | <!-- Search Bar --> |
| 20 | <nut-searchbar v-model="searchValue" placeholder="搜索商品名称、品牌、型号" @blur="onBlurSearch" shape="round" background="transparent" input-background="#ffffff"> | 20 | <nut-searchbar v-model="searchValue" placeholder="搜索商品名称、品牌、型号" @blur="onBlurSearch" shape="round" background="transparent" input-background="#ffffff"> |
| 21 | <template #leftin> | 21 | <template #leftin> | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Date: 2025-07-01 17:55:00 | 2 | * @Date: 2025-07-01 17:55:00 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-07-02 14:02:57 | 4 | + * @LastEditTime: 2025-07-16 11:30:49 |
| 5 | * @FilePath: /jgdl/src/pages/messages/index.config.js | 5 | * @FilePath: /jgdl/src/pages/messages/index.config.js |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | */ | 7 | */ |
| 8 | export default { | 8 | export default { |
| 9 | - navigationBarTitleText: '' | 9 | + navigationBarTitleText: '消息' |
| 10 | } | 10 | } | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <view class="messages-page"> | 2 | <view class="messages-page"> |
| 3 | <view class="flex flex-col"> | 3 | <view class="flex flex-col"> |
| 4 | - <view id="page-header" class="bg-orange-400 p-4 pt-4 pb-4"> | 4 | + <view id="page-header" class="bg-orange-400"> |
| 5 | <nut-row type="flex" justify="center" align="center"> | 5 | <nut-row type="flex" justify="center" align="center"> |
| 6 | - <nut-col span="4"> | 6 | + <!-- <nut-col span="4"> |
| 7 | <view class="text-xl font-bold text-white">消息</view> | 7 | <view class="text-xl font-bold text-white">消息</view> |
| 8 | - </nut-col> | 8 | + </nut-col> --> |
| 9 | - <nut-col span="20"> | 9 | + <nut-col span="24"> |
| 10 | <!-- Search Bar --> | 10 | <!-- Search Bar --> |
| 11 | <nut-searchbar v-model="searchValue" placeholder="搜索消息" @blur="onBlurSearch" shape="round" | 11 | <nut-searchbar v-model="searchValue" placeholder="搜索消息" @blur="onBlurSearch" shape="round" |
| 12 | background="transparent" input-background="#ffffff"> | 12 | background="transparent" input-background="#ffffff"> | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Date: 2025-07-02 22:16:48 | 2 | * @Date: 2025-07-02 22:16:48 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-07-02 22:17:11 | 4 | + * @LastEditTime: 2025-07-16 11:44:52 |
| 5 | * @FilePath: /jgdl/src/pages/newCarList/index.config.js | 5 | * @FilePath: /jgdl/src/pages/newCarList/index.config.js |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | */ | 7 | */ |
| 8 | export default { | 8 | export default { |
| 9 | - navigationBarTitleText: '', | 9 | + navigationBarTitleText: '最新上架', |
| 10 | usingComponents: { | 10 | usingComponents: { |
| 11 | }, | 11 | }, |
| 12 | } | 12 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2022-09-19 14:11:06 | 2 | * @Date: 2022-09-19 14:11:06 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-07-16 10:27:40 | 4 | + * @LastEditTime: 2025-07-16 11:44:44 |
| 5 | * @FilePath: /jgdl/src/pages/newCarList/index.vue | 5 | * @FilePath: /jgdl/src/pages/newCarList/index.vue |
| 6 | * @Description: 最新上架页面 | 6 | * @Description: 最新上架页面 |
| 7 | --> | 7 | --> |
| ... | @@ -10,12 +10,12 @@ | ... | @@ -10,12 +10,12 @@ |
| 10 | <view class="flex flex-col bg-white min-h-screen"> | 10 | <view class="flex flex-col bg-white min-h-screen"> |
| 11 | <!-- Header --> | 11 | <!-- Header --> |
| 12 | <nut-sticky> | 12 | <nut-sticky> |
| 13 | - <view class="bg-orange-400 p-4 pt-4 pb-4"> | 13 | + <view class="bg-orange-400"> |
| 14 | <nut-row type="flex" justify="center" align="center"> | 14 | <nut-row type="flex" justify="center" align="center"> |
| 15 | - <nut-col span="6"> | 15 | + <!-- <nut-col span="6"> |
| 16 | <view class="text-xl font-bold text-white">最新上架</view> | 16 | <view class="text-xl font-bold text-white">最新上架</view> |
| 17 | - </nut-col> | 17 | + </nut-col> --> |
| 18 | - <nut-col span="18"> | 18 | + <nut-col span="24"> |
| 19 | <!-- Search Bar --> | 19 | <!-- Search Bar --> |
| 20 | <nut-searchbar v-model="searchValue" placeholder="搜索商品名称、品牌、型号" @blur="onBlurSearch" shape="round" background="transparent" input-background="#ffffff"> | 20 | <nut-searchbar v-model="searchValue" placeholder="搜索商品名称、品牌、型号" @blur="onBlurSearch" shape="round" background="transparent" input-background="#ffffff"> |
| 21 | <template #leftin> | 21 | <template #leftin> | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Date: 2025-07-01 17:55:04 | 2 | * @Date: 2025-07-01 17:55:04 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-07-02 14:03:28 | 4 | + * @LastEditTime: 2025-07-16 11:25:29 |
| 5 | * @FilePath: /jgdl/src/pages/post/index.config.js | 5 | * @FilePath: /jgdl/src/pages/post/index.config.js |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | */ | 7 | */ |
| 8 | export default { | 8 | export default { |
| 9 | - navigationBarTitleText: '' | 9 | + navigationBarTitleText: '分类' |
| 10 | } | 10 | } | ... | ... |
| ... | @@ -3,12 +3,12 @@ | ... | @@ -3,12 +3,12 @@ |
| 3 | <view class="flex flex-col bg-white min-h-screen"> | 3 | <view class="flex flex-col bg-white min-h-screen"> |
| 4 | <!-- Header --> | 4 | <!-- Header --> |
| 5 | <nut-sticky> | 5 | <nut-sticky> |
| 6 | - <view class="bg-orange-400 p-4 pt-4 pb-4"> | 6 | + <view class="bg-orange-400"> |
| 7 | <nut-row type="flex" justify="center" align="center"> | 7 | <nut-row type="flex" justify="center" align="center"> |
| 8 | - <nut-col span="4"> | 8 | + <!-- <nut-col span="0"> |
| 9 | <view class="text-xl font-bold text-white">分类</view> | 9 | <view class="text-xl font-bold text-white">分类</view> |
| 10 | - </nut-col> | 10 | + </nut-col> --> |
| 11 | - <nut-col span="20"> | 11 | + <nut-col span="24"> |
| 12 | <!-- Search Bar --> | 12 | <!-- Search Bar --> |
| 13 | <nut-searchbar v-model="searchValue" placeholder="搜索品牌型号" @blur="onBlurSearch" shape="round" background="transparent" input-background="#ffffff"> | 13 | <nut-searchbar v-model="searchValue" placeholder="搜索品牌型号" @blur="onBlurSearch" shape="round" background="transparent" input-background="#ffffff"> |
| 14 | <template #leftin> | 14 | <template #leftin> | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Date: 2025-07-02 22:16:48 | 2 | * @Date: 2025-07-02 22:16:48 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-07-02 22:17:11 | 4 | + * @LastEditTime: 2025-07-16 11:45:23 |
| 5 | - * @FilePath: /jgdl/src/pages/newCarList/index.config.js | 5 | + * @FilePath: /jgdl/src/pages/recommendCarList/index.config.js |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | */ | 7 | */ |
| 8 | export default { | 8 | export default { |
| 9 | - navigationBarTitleText: '', | 9 | + navigationBarTitleText: '精品推荐', |
| 10 | usingComponents: { | 10 | usingComponents: { |
| 11 | }, | 11 | }, |
| 12 | } | 12 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2022-09-19 14:11:06 | 2 | * @Date: 2022-09-19 14:11:06 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-07-07 17:04:49 | 4 | + * @LastEditTime: 2025-07-16 11:45:18 |
| 5 | * @FilePath: /jgdl/src/pages/recommendCarList/index.vue | 5 | * @FilePath: /jgdl/src/pages/recommendCarList/index.vue |
| 6 | * @Description: 精品推荐页面 | 6 | * @Description: 精品推荐页面 |
| 7 | --> | 7 | --> |
| ... | @@ -10,12 +10,12 @@ | ... | @@ -10,12 +10,12 @@ |
| 10 | <view class="flex flex-col bg-white min-h-screen"> | 10 | <view class="flex flex-col bg-white min-h-screen"> |
| 11 | <!-- Header --> | 11 | <!-- Header --> |
| 12 | <nut-sticky> | 12 | <nut-sticky> |
| 13 | - <view class="bg-orange-400 p-4 pt-4 pb-4"> | 13 | + <view class="bg-orange-400"> |
| 14 | <nut-row type="flex" justify="center" align="center"> | 14 | <nut-row type="flex" justify="center" align="center"> |
| 15 | - <nut-col span="6"> | 15 | + <!-- <nut-col span="6"> |
| 16 | <view class="text-xl font-bold text-white">精品推荐</view> | 16 | <view class="text-xl font-bold text-white">精品推荐</view> |
| 17 | - </nut-col> | 17 | + </nut-col> --> |
| 18 | - <nut-col span="18"> | 18 | + <nut-col span="24"> |
| 19 | <!-- Search Bar --> | 19 | <!-- Search Bar --> |
| 20 | <nut-searchbar v-model="searchValue" placeholder="搜索商品名称、品牌、型号" @blur="onBlurSearch" shape="round" background="transparent" input-background="#ffffff"> | 20 | <nut-searchbar v-model="searchValue" placeholder="搜索商品名称、品牌、型号" @blur="onBlurSearch" shape="round" background="transparent" input-background="#ffffff"> |
| 21 | <template #leftin> | 21 | <template #leftin> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2022-09-19 14:11:06 | 2 | * @Date: 2022-09-19 14:11:06 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-07-16 09:59:15 | 4 | + * @LastEditTime: 2025-07-16 11:46:14 |
| 5 | * @FilePath: /jgdl/src/pages/setAuthCar/index.vue | 5 | * @FilePath: /jgdl/src/pages/setAuthCar/index.vue |
| 6 | * @Description: 申请认证 | 6 | * @Description: 申请认证 |
| 7 | --> | 7 | --> |
| ... | @@ -129,7 +129,7 @@ | ... | @@ -129,7 +129,7 @@ |
| 129 | <!-- 底部按钮 --> | 129 | <!-- 底部按钮 --> |
| 130 | <view class="bottom-actions"> | 130 | <view class="bottom-actions"> |
| 131 | <nut-button color="#f97316" size="large" block @click="onSubmit"> | 131 | <nut-button color="#f97316" size="large" block @click="onSubmit"> |
| 132 | - {{ isEditMode ? '保存修改' : '提交申请' }} | 132 | + {{ isEditMode ? '提交申请' : '提交申请' }} |
| 133 | </nut-button> | 133 | </nut-button> |
| 134 | </view> | 134 | </view> |
| 135 | 135 | ||
| ... | @@ -524,7 +524,7 @@ onMounted(async () => { | ... | @@ -524,7 +524,7 @@ onMounted(async () => { |
| 524 | 524 | ||
| 525 | // 动态修改标题 | 525 | // 动态修改标题 |
| 526 | wx.setNavigationBarTitle({ | 526 | wx.setNavigationBarTitle({ |
| 527 | - title: isEditMode.value ? '编辑认证' : '发布认证' | 527 | + title: isEditMode.value ? '发布认证' : '发布认证' |
| 528 | }); | 528 | }); |
| 529 | }) | 529 | }) |
| 530 | </script> | 530 | </script> | ... | ... |
-
Please register or login to post a comment