WindowBird/buddhism
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

真机调试，pages初始页调整和tab-bar部分页面注释

Browse Source
This commit is contained in:
minimaxagent1 2025-07-30 11:51:04 +08:00
parent 19bf72e848
commit a272a73b3a
2 changed files with 131 additions and 129 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

254
components/tab-bar/tab-bar.vue
View File

@ -1,131 +1,131 @@
<template> <!--<template>-->
<view class="cont"> <!-- <view class="cont">-->
<div class="tab" @tap.stop="changeTabbar(0)"> <!-- <div class="tab" @tap.stop="changeTabbar(0)">-->
<image src="@/static/tabbar/home.png" mode="" v-show="indexs!=0"></image> <!-- <image src="@/static/tabbar/home.png" mode="" v-show="indexs!=0"></image>-->
<image src="@/static/tabbar/home-active.png" mode="" v-show="indexs==0"></image> <!-- <image src="@/static/tabbar/home-active.png" mode="" v-show="indexs==0"></image>-->
<div class="txt" :class="indexs==0?'act1':''">首页</div> <!-- <div class="txt" :class="indexs==0?'act1':''">首页</div>-->
</div> <!-- </div>-->
<div class="tab" @tap.stop="changeTabbar(1)"> <!-- <div class="tab" @tap.stop="changeTabbar(1)">-->
<image src="@/static/tabbar/tj.png" mode="" v-show="indexs!=1" style="width: 36rpx;height: 36rpx;"></image> <!-- <image src="@/static/tabbar/tj.png" mode="" v-show="indexs!=1" style="width: 36rpx;height: 36rpx;"></image>-->
<image src="@/static/tabbar/tj-active.png" mode="" v-show="indexs==1" style="width: 36rpx;height: 36rpx;"></image> <!-- <image src="@/static/tabbar/tj-active.png" mode="" v-show="indexs==1" style="width: 36rpx;height: 36rpx;"></image>-->
<div class="txt" :class="indexs==1?'act1':''">统计</div> <!-- <div class="txt" :class="indexs==1?'act1':''">统计</div>-->
</div> <!-- </div>-->
<div class="tab" @tap.stop="changeTabbar(2)"> <!-- <div class="tab" @tap.stop="changeTabbar(2)">-->
<image src="@/static/tabbar/my.png" mode="" v-show="indexs!=2" style="width: 28rpx;height: 36.4rpx;"></image> <!-- <image src="@/static/tabbar/my.png" mode="" v-show="indexs!=2" style="width: 28rpx;height: 36.4rpx;"></image>-->
<image src="@/static/tabbar/my-active.png" mode="" v-show="indexs==2" style="width: 28rpx;height: 36.4rpx;"></image> <!-- <image src="@/static/tabbar/my-active.png" mode="" v-show="indexs==2" style="width: 28rpx;height: 36.4rpx;"></image>-->
<div class="txt" :class="indexs==2?'act1':''">我的</div> <!-- <div class="txt" :class="indexs==2?'act1':''">我的</div>-->
</div> <!-- </div>-->
<!-- <view class="u-page"> <!-- &lt;!&ndash; <view class="u-page">-->
<!-- -->
<!-- </view> &ndash;&gt;-->
<!-- &lt;!&ndash; 与包裹页面所有内容的元素u-page同级，且在它的下方 &ndash;&gt;-->
<!-- &lt;!&ndash; <u-tabbar v-model="current" :list="list" icon-size='40rpx' active-color='#3996fd' inactive-color="#c8c7cb"></u-tabbar> &ndash;&gt;-->
<!-- </view>-->
<!--</template>-->
</view> --> <!--<script>-->
<!-- 与包裹页面所有内容的元素u-page同级，且在它的下方 --> <!-- export default {-->
<!-- <u-tabbar v-model="current" :list="list" icon-size='40rpx' active-color='#3996fd' inactive-color="#c8c7cb"></u-tabbar> --> <!-- props: {-->
</view> <!-- indexs: [Number, String], //题目id-->
</template> <!-- },-->
<!-- data() {-->
<!-- return {-->
<!-- currentTabbarIndex: 0,-->
<script> <!-- // 自定义底栏对应页面的加载情况-->
export default { <!-- tabberPageLoadFlag: [],-->
props: { <!-- ispop: false,-->
indexs: [Number, String], //题目id <!-- }-->
}, <!-- },-->
data() { <!-- mounted() {-->
return { <!-- this.currentTabbarIndex = this.indexs-->
currentTabbarIndex: 0, <!-- // const index = Number(this.indexs || 0)-->
<!-- // // 根据底部tabbar菜单列表设置对应页面的加载情况-->
<!-- // for (let i = 0; i < 5; i++) {-->
<!-- // this.tabberPageLoadFlag.push(i === index)-->
<!-- // }-->
<!-- // this.changeTabbar(index)-->
<!-- },-->
<!-- methods:{-->
<!-- changeTabbar(index) {-->
<!-- -->
<!-- if (this.currentTabbarIndex === index) return-->
<!-- // this._switchTabbarPage(index)-->
<!-- -->
<!-- if(index==0){-->
<!-- uni.switchTab({-->
<!-- url:'/pages/index/index',-->
<!-- routeType: 'wx://modal',-->
<!-- success() {-->
<!-- this.currentTabbarIndex = index-->
<!-- }-->
<!-- })-->
<!-- console.log('点击了',index);-->
<!-- }else if(index==1){-->
<!-- uni.switchTab({-->
<!-- url:'/pages/tj',-->
<!-- routeType: 'wx://modal',-->
<!-- success() {-->
<!-- this.currentTabbarIndex = index-->
<!-- }-->
<!-- })-->
<!-- }else if(index==2){-->
<!-- uni.switchTab({-->
<!-- url:'/pages/my',-->
<!-- routeType: 'wx://modal',-->
<!-- success() {-->
<!-- this.currentTabbarIndex = index-->
<!-- }-->
<!-- })-->
<!-- }-->
<!-- },-->
<!-- }-->
<!-- }-->
<!--</script>-->
<!--<style lang="scss" scoped>-->
<!-- /deep/.u-tabbar__content__item__button {-->
<!-- top: 20rpx !important;-->
<!-- }-->
// 自定义底栏对应页面的加载情况 <!-- /deep/.u-tabbar {-->
tabberPageLoadFlag: [], <!-- .u-tabbar__content__item:nth-child(2) {-->
ispop: false, <!-- .u-tabbar__content__item__button {-->
} <!-- width: 32rpx !important;-->
}, <!-- }-->
mounted() { <!-- }-->
this.currentTabbarIndex = this.indexs <!-- }-->
// const index = Number(this.indexs || 0)
// // 根据底部tabbar菜单列表设置对应页面的加载情况
// for (let i = 0; i < 5; i++) {
// this.tabberPageLoadFlag.push(i === index)
// }
// this.changeTabbar(index)
},
methods:{
changeTabbar(index) {
if (this.currentTabbarIndex === index) return <!-- .cont {-->
// this._switchTabbarPage(index) <!-- position: fixed;-->
<!-- left: 60rpx;-->
if(index==0){ <!-- bottom: 78rpx;-->
uni.switchTab({ <!-- width: 632rpx;-->
url:'/pages/index/index', <!-- height: 128rpx;-->
routeType: 'wx://modal', <!-- background: #FFFFFF;-->
success() { <!-- box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(53, 140, 255, 0.1);-->
this.currentTabbarIndex = index <!-- border-radius: 60rpx;-->
} <!-- display: flex;-->
}) <!-- align-items: center;-->
console.log('点击了',index); <!-- justify-content: space-around;-->
}else if(index==1){ <!-- .tab{-->
uni.switchTab({ <!-- width: 44rpx;-->
url:'/pages/tj', <!-- display: flex;-->
routeType: 'wx://modal', <!-- flex-wrap: wrap;-->
success() { <!-- justify-content: center;-->
this.currentTabbarIndex = index <!-- image{-->
} <!-- width: 30rpx;-->
}) <!-- height: 30rpx;-->
}else if(index==2){ <!-- }-->
uni.switchTab({ <!-- .txt{-->
url:'/pages/my', <!-- margin-top: 10rpx;-->
routeType: 'wx://modal', <!-- font-size: 20rpx;-->
success() { <!-- font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;-->
this.currentTabbarIndex = index <!-- font-weight: 400;-->
} <!-- color: #95989D;-->
}) <!-- }-->
} <!-- .act1{-->
}, <!-- color: #8883F0;-->
} <!-- }-->
} <!-- }-->
</script> <!-- }-->
<style lang="scss" scoped> <!--</style>-->
/deep/.u-tabbar__content__item__button {
top: 20rpx !important;
}
/deep/.u-tabbar {
.u-tabbar__content__item:nth-child(2) {
.u-tabbar__content__item__button {
width: 32rpx !important;
}
}
}
.cont {
position: fixed;
left: 60rpx;
bottom: 78rpx;
width: 632rpx;
height: 128rpx;
background: #FFFFFF;
box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(53, 140, 255, 0.1);
border-radius: 60rpx;
display: flex;
align-items: center;
justify-content: space-around;
.tab{
width: 44rpx;
display: flex;
flex-wrap: wrap;
justify-content: center;
image{
width: 30rpx;
height: 30rpx;
}
.txt{
margin-top: 10rpx;
font-size: 20rpx;
font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
font-weight: 400;
color: #95989D;
}
.act1{
color: #8883F0;
}
}
}
</style>

6
pages.json
View File

@ -3,8 +3,10 @@
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue" "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
}, },
"lazyCodeLoading": "requiredComponents", "lazyCodeLoading": "requiredComponents",
"entryPagePath": "pages/login/index", // 专门指定登录页为初始页
"pages": [{ "pages": [{
"path": "pages/nearbystores/index", "path": "pages/nearbystores/index",
"style": { "style": {
"navigationBarTitleText": "", "navigationBarTitleText": "",
"enablePullDownRefresh": false, "enablePullDownRefresh": false,
@ -20,7 +22,7 @@
"navigationStyle": "custom" "navigationStyle": "custom"
} }
},{ },{
"path": "pages/login/login", "path": "pages/nearbystores/index",
"style": { "style": {
"navigationBarTitleText": "", "navigationBarTitleText": "",
"enablePullDownRefresh": false, "enablePullDownRefresh": false,