feat: 页面

wupengfei

1 天以前 a3b9091ef2d22567fca03bf52ad180e65eb5860a

feat: 页面

 apps/cMiniApp/project.config.json

@@ -3,8 +3,8 @@
    "description": "",
    "setting": {
        "urlCheck": false,
        "es6": true,
        "enhance": true,
        "es6": false,
        "enhance": false,
        "postcss": false,
        "preloadBackgroundData": false,
        "minified": false,

 apps/cMiniApp/src/pages/mine/index.scss

@@ -124,17 +124,37 @@
      margin-bottom: 18px;
      padding: 24px;
      padding-left: 34px;
      .mine-balance-title {
        font-size: 30px;
        line-height: 42px;
        color: boleGetCssVar('text-color', 'primary');
        margin-bottom: 16px;
      .mine-balance-content {
        display: flex;
        justify-content: space-between;
        .mine-balance-content-item {
          display: flex;
          flex-direction: column;
          text-align: center;
          .mine-balance-content-item-title {
            font-size: 30px;
            line-height: 42px;
            color: boleGetCssVar('text-color', 'primary');
            margin-bottom: 16px;
          }
          .mine-balance-content-item-money {
            font-size: 36px;
            line-height: 68px;
            color: boleGetCssVar('text-color', 'primary');

            &.income {
              color: boleGetCssVar('color', 'primary');
            }
            &.settlement {
              color: boleGetCssVar('color', 'success');
            }
            &.withdraw {
              color: boleGetCssVar('color', 'warning');
            }
          }
        }
      }
      .mine-balance-money {
        font-size: 48px;
        line-height: 68px;
        color: boleGetCssVar('text-color', 'primary');
      }

      .mine-balance-btn {
        display: flex;
        align-items: center;

 apps/cMiniApp/src/pages/mine/index.vue

@@ -57,8 +57,26 @@
    </ContentView>
    <ContentScrollView v-if="isLogin" class="mine-content-scroll-view">
      <List class="mine-list-wrapper mine-balance">
        <div class="mine-balance-title">我的余额</div>
        <div class="mine-balance-money">￥{{ toThousand(userDetail?.balance ?? 0) }}</div>
        <div class="mine-balance-content">
          <div class="mine-balance-content-item">
            <div class="mine-balance-content-item-title">我的收益</div>
            <div class="mine-balance-content-item-money income">
              ￥{{ toThousand(userDetail?.balance ?? 0) }}
            </div>
          </div>
          <div class="mine-balance-content-item">
            <div class="mine-balance-content-item-title">待结算</div>
            <div class="mine-balance-content-item-money settlement">
              ￥{{ toThousand(userDetail?.balance ?? 0) }}
            </div>
          </div>
          <div class="mine-balance-content-item">
            <div class="mine-balance-content-item-title">可提现</div>
            <div class="mine-balance-content-item-money withdraw">
              ￥{{ toThousand(userDetail?.balance ?? 0) }}
            </div>
          </div>
        </div>
        <div class="mine-balance-btn" @click="goMineWallet">
          进入我的钱包
          <img :src="IconArrow" class="mine-balance-btn-icon" />