门店

MrShi

2026-04-21 cce741189bfa7063cf0ee83e0a11df1ab539958c

 small-program/shop/pages/wallet/wallet.vue

@@ -1,10 +1,11 @@
<template>
   <view class="wallet-page">
      <view :style="{ height: statusbarHeight + 'px' }"></view>
      <view class="header">
         <text class="title">门店钱包</text>
      <view class="nav-bar" :style="{ paddingTop: statusbarHeight + 'px' }">
         <view class="nav-content">
            <text class="nav-title">门店钱包</text>
         </view>
      </view>
      <view class="content">
      <view class="page-content">
         <text>钱包页面</text>
      </view>
      <custom-tabbar></custom-tabbar>
@@ -30,14 +31,30 @@
      min-height: 100vh;
      background: #f8f8f8;
   }
   .header {
      padding: 30rpx;
      .title {
         font-size: 40rpx;
         font-weight: 600;
      }

   .nav-bar {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      background: #ffffff;
      z-index: 100;
   }
   .content {
      padding: 30rpx;

   .nav-content {
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .nav-title {
      font-size: 34rpx;
      font-weight: 600;
      color: #333333;
   }

   .page-content {
      padding-top: calc(44px + 44px);
   }
</style>