diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue index b872c52..fd597be 100644 --- a/src/pages/index/index.vue +++ b/src/pages/index/index.vue @@ -67,24 +67,33 @@ - - - - + + + + + + + 首页 + + + + 开门 + + + + + + + + 我的 - 首页 - - 开门 - - - - - - - - 我的 + + + + + 微信支付分 | 550分及以上优享 @@ -169,6 +178,7 @@ export default { { title: '公众号信息', action: 'qrcode' } ], servicePhone: config.servicePhone, + isWechat: false, isDev: process.env.NODE_ENV === 'development', vconsoleEnabled: false }; @@ -194,6 +204,14 @@ export default { } }, onLoad(options) { + // 检测是否在微信环境中打开 + // #ifdef MP-WEIXIN + this.isWechat = true; + // #endif + // #ifdef H5 + this.isWechat = /MicroMessenger/i.test(navigator.userAgent); + // #endif + // 支持通过 tab 参数切换到"我的"页面 if (options.tab === 'mine') { this.currentTab = 'mine'; @@ -337,10 +355,11 @@ page { height: 100%; background-color: #fff; } .price-num { font-size: 32rpx; } /* 底部占位 */ -.bottom-spacer { height: 160rpx; } +.bottom-spacer { height: 200rpx; } /* 底部导航栏 */ -.tab-bar { position: absolute; bottom: 0; left: 0; right: 0; height: 120rpx; background: #fff; display: flex; align-items: center; justify-content: space-around; box-shadow: 0 -2rpx 16rpx rgba(0,0,0,0.08); z-index: 999; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } +.tab-bar { position: absolute; bottom: 0; left: 0; right: 0; background: #fff; display: flex; flex-direction: column; align-items: center; box-shadow: 0 -2rpx 16rpx rgba(0,0,0,0.08); z-index: 999; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } +.tab-bar-row { width: 100%; height: 120rpx; display: flex; align-items: center; justify-content: space-around; } .tab-bar .tab-item { flex: 1; display: flex; align-items: center; justify-content: center; height: 100%; } .tab-bar .tab-text { font-size: 28rpx; color: #999; font-weight: normal; } .tab-bar .tab-item.active .tab-text { color: #2979ff; } @@ -413,6 +432,10 @@ page { height: 100%; background-color: #fff; } } .door-btn-wrapper { position: relative; display: flex; align-items: center; justify-content: center; margin-top: -80rpx; } .door-btn { width: 160rpx; height: 160rpx; border-radius: 50%; background: linear-gradient(135deg, #2979ff, #1e60e0); color: #fff; font-size: 38rpx; font-weight: bold; display: flex; align-items: center; justify-content: center; box-shadow: 0 10rpx 36rpx rgba(41,121,255,0.55); } +.payscore-info { display: flex; align-items: center; padding-bottom: 16rpx; } +.payscore-logo { width: 34rpx; height: 34rpx; } +.payscore-divider { width: 2rpx; height: 24rpx; background-color: rgba(102, 102, 102, 0.6); margin: 0 10rpx; } +.payscore-text { font-size: 24rpx; color: #666; white-space: nowrap; } /* 空状态 / Loading */ .empty-tip, .loading-tip { text-align: center; padding: 60rpx; color: #999; font-size: 28rpx; } diff --git a/src/static/payscore-logo.png b/src/static/payscore-logo.png new file mode 100644 index 0000000..5e0d8c6 Binary files /dev/null and b/src/static/payscore-logo.png differ