|
|
|
@ -1,6 +1,6 @@ |
|
|
|
<template> |
|
|
|
<view class="page-index"> |
|
|
|
<view class="nav-bar" :style="{ top: statusBarHeight + 'px' }"> |
|
|
|
<view class="nav-bar" :style="{ top: navBarHeight + 'px' }"> |
|
|
|
<view class="nav-left"> |
|
|
|
<text class="nav-logo">🍸</text> |
|
|
|
<text class="nav-brand">纯瘾大</text> |
|
|
|
@ -76,7 +76,7 @@ export default { |
|
|
|
const generated = ref(false) |
|
|
|
const inputNo = ref('') |
|
|
|
const cardNo = ref('') |
|
|
|
const statusBarHeight = ref(0) |
|
|
|
const navBarHeight = ref(44) // 默认导航栏高度 |
|
|
|
let navTimer = null |
|
|
|
|
|
|
|
function goMenu() { |
|
|
|
@ -122,18 +122,14 @@ export default { |
|
|
|
function goMyOrders() { uni.navigateTo({ url: '/pages/orders/orders' }) } |
|
|
|
function goStaffLogin() { uni.navigateTo({ url: '/pages/staff/login' }) } |
|
|
|
|
|
|
|
return { showModal, generated, inputNo, cardNo, statusBarHeight, onGenerate, onCheck, onMaskTap, goMyOrders, goStaffLogin } |
|
|
|
}, |
|
|
|
created() { |
|
|
|
const systemInfo = uni.getSystemInfoSync() |
|
|
|
this.statusBarHeight = systemInfo.statusBarHeight |
|
|
|
return { showModal, generated, inputNo, cardNo, navBarHeight, onGenerate, onCheck, onMaskTap, goMyOrders, goStaffLogin } |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
|
|
|
|
.page-index{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);width:100%} |
|
|
|
.page-index{height:calc(100vh - 44px);display:flex;flex-direction:column;background:var(--bg);width:100%} |
|
|
|
.nav-bar{height:100rpx;position:fixed;top:0;z-index:100;background:var(--bg);display:flex;align-items:center;justify-content:space-between;padding:0 28rpx;border-bottom:1px solid var(--border);width:100%} |
|
|
|
.nav-left{display:flex;align-items:center;gap:16rpx} |
|
|
|
.nav-logo{font-size:44rpx} |
|
|
|
|
