style: 调整页面样式和导航栏配置

- 在 `pages.json` 中为 `ask/index` 页面添加背景色
- 更新 `store/index.js` 中的版本号至 `1.0.53`
- 修复 `pages/index/home.vue` 中视图宽度问题
- 重构 `pages/packageA/info/policy.vue` 和 `pages/packageB/ask/index.vue` 的导航栏样式
- 优化 `pages/packageB/ask/index.vue` 的背景色和滚动逻辑
This commit is contained in:
王创世 2025-05-23 18:28:45 +08:00
parent 6574738694
commit 2421771aa7
5 changed files with 43 additions and 9 deletions

View File

@ -221,7 +221,8 @@
"path" : "ask/index", "path" : "ask/index",
"style" : "style" :
{ {
"navigationBarTitleText" : "智慧云商协" "navigationBarTitleText" : "智慧云商协",
"backgroundColor": "#F5F5F5"
} }
}, },
{ {

View File

@ -210,7 +210,7 @@
<!-- </view>--> <!-- </view>-->
<view style="padding: 0rpx 28rpx 0rpx 28rpx;"> <view style="padding: 0rpx 28rpx 0rpx 28rpx;">
<view style="background-color: #ffffff;border-radius:24rpx;width: 110%;padding-bottom: 15rpx;"> <view style="background-color: #ffffff;border-radius:24rpx;width: 100%;padding-bottom: 15rpx;">
<view @click.stop="openUrl('/pages/index/service')" <view @click.stop="openUrl('/pages/index/service')"
class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center" class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center"
style="padding: 30rpx;width: 97%;"> style="padding: 30rpx;width: 97%;">

View File

@ -1,6 +1,6 @@
<template> <template>
<view> <view>
<tn-nav-bar customBack :bottomShadow="false" backgroundColor="transparent"> <!-- <tn-nav-bar customBack :bottomShadow="false" backgroundColor="#ffffff">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-center"> <view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-center">
<view style="color: #000000;;text-align: left;font-size: 36rpx;font-weight: 600;"> <view style="color: #000000;;text-align: left;font-size: 36rpx;font-weight: 600;">
<text>惠企政策</text> <text>惠企政策</text>
@ -9,6 +9,17 @@
<view slot="back" class='tn-custom-nav-bar__back' style="padding-left: 20rpx;" @click="goBack"> <view slot="back" class='tn-custom-nav-bar__back' style="padding-left: 20rpx;" @click="goBack">
<image src="/static/h_back.png" style="width: 60rpx;height: 60rpx;"></image> <image src="/static/h_back.png" style="width: 60rpx;height: 60rpx;"></image>
</view> </view>
</tn-nav-bar> -->
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="false" backgroundColor="#ffffff">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
<view style="padding-left: 15rpx;" @click="goBack()">
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
</view>
<view class="tn-margin-top">
<tn-tabs :list="[{name:'惠企政策'}]" :current="topCurrent" activeColor="#000" :bold="false"
:fontSize="36"></tn-tabs>
</view>
</view>
</tn-nav-bar> </tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}" style="padding-bottom: 60rpx;"> <view :style="{paddingTop: vuex_custom_bar_height + 'px'}" style="padding-bottom: 60rpx;">
<tn-list-view :card="true" unlined="all"> <tn-list-view :card="true" unlined="all">

View File

@ -1,14 +1,26 @@
<template> <template>
<view style="background-color: #F5F5F5;min-height: 100vh;"> <view>
<view class="ask_index_bg"> <view class="ask_index_bg">
<tn-nav-bar customBack :bottomShadow="false" backgroundColor="transparent"> <!-- <tn-nav-bar customBack :bottomShadow="false" :backgroundColor="top">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-center"> <view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-center">
<view style="color: #000000;;text-align: left;font-size: 36rpx;font-weight: 600;"> <view style="color: #000000;;text-align: left;font-size: 36rpx;font-weight: 600;">
<text>你问我帮</text> <text>你问我帮</text>
</view> </view>
</view> </view>
<view slot="back" class='tn-custom-nav-bar__back' style="padding-left: 20rpx;" @click="goBack"> <view slot="back" class='tn-custom-nav-bar__back' style="padding-left: 20rpx;" @click="goBack">
<image src="/static/w_back.png" style="width: 60rpx;height: 60rpx;"></image> <image v-if="top == 'none'" src="/static/w_back.png" style="width: 60rpx;height: 60rpx;"></image>
<image v-if="top != 'none'" src="/static/h_back.png" style="width: 60rpx;height: 60rpx;"></image>
</view>
</tn-nav-bar> -->
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="false" :backgroundColor="top">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
<view style="padding-left: 15rpx;" @click="goBack()">
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
</view>
<view class="tn-margin-top">
<tn-tabs :list="[{name:'你问我帮'}]" :current="topCurrent" activeColor="#000" :bold="false"
:fontSize="36"></tn-tabs>
</view>
</view> </view>
</tn-nav-bar> </tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}"> <view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
@ -80,13 +92,23 @@
import store from '@/store/index.js' import store from '@/store/index.js'
export default { export default {
data() { data() {
return { return {
top:'none',
apiImgUrl: store.state.imgUrl, apiImgUrl: store.state.imgUrl,
list: [], list: [],
page: 1 page: 1
} }
}, },
onPageScroll(res) {
console.log(res);
if (res.scrollTop > 50) {
this.top = "#ffffff";
} else {
this.top = "none";
}
},
onLoad() { onLoad() {
this.getList(); this.getList();
}, },
@ -133,7 +155,7 @@
} }
</script> </script>
<style scoped> <style>
.ask_index_bg { .ask_index_bg {
background: url('https://ysx.hschool.com.cn/uploads/1/20250509/4247d991a9a95810641fb3b533602978.png') no-repeat; background: url('https://ysx.hschool.com.cn/uploads/1/20250509/4247d991a9a95810641fb3b533602978.png') no-repeat;
background-size: 100%; background-size: 100%;
@ -141,6 +163,6 @@
} }
page { page {
background-color: #F5F5F5; background-color: #F5F5F5!important;
} }
</style> </style>

View File

@ -39,7 +39,7 @@ const store = new Vuex.Store({
// 如果vuex_version无需保存到本地永久存储无需lifeData.vuex_version方式 // 如果vuex_version无需保存到本地永久存储无需lifeData.vuex_version方式
// app版本 // app版本
vuex_version: "1.0.52", vuex_version: "1.0.53",
// 是否使用自定义导航栏 // 是否使用自定义导航栏
vuex_custom_nav_bar: true, vuex_custom_nav_bar: true,
// 状态栏高度 // 状态栏高度