wo123/yunshanghui-1.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 在 `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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
pages.json
View File

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

2
pages/index/home.vue
View File

@ -210,7 +210,7 @@
<!-- </view>-->
<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')"
class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center"
style="padding: 30rpx;width: 97%;">

13
pages/packageA/info/policy.vue
View File

@ -1,6 +1,6 @@
<template>
<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 style="color: #000000;;text-align: left;font-size: 36rpx;font-weight: 600;">
<text>惠企政策</text>
@ -9,6 +9,17 @@
<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>
</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>
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}" style="padding-bottom: 60rpx;">
<tn-list-view :card="true" unlined="all">

32
pages/packageB/ask/index.vue
View File

@ -1,14 +1,26 @@
<template>
<view style="background-color: #F5F5F5;min-height: 100vh;">
<view>
<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 style="color: #000000;;text-align: left;font-size: 36rpx;font-weight: 600;">
<text>你问我帮</text>
</view>
</view>
<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>
</tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
@ -80,13 +92,23 @@
import store from '@/store/index.js'
export default {
data() {
return {
top:'none',
apiImgUrl: store.state.imgUrl,
list: [],
page: 1
}
},
onPageScroll(res) {
console.log(res);
if (res.scrollTop > 50) {
this.top = "#ffffff";
} else {
this.top = "none";
}
},
onLoad() {
this.getList();
},
@ -133,7 +155,7 @@
}
</script>
<style scoped>
<style>
.ask_index_bg {
background: url('https://ysx.hschool.com.cn/uploads/1/20250509/4247d991a9a95810641fb3b533602978.png') no-repeat;
background-size: 100%;
@ -141,6 +163,6 @@
}
page {
background-color: #F5F5F5;
background-color: #F5F5F5!important;
}
</style>

2
store/index.js
View File

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