我的余额&提现&提现记录

pages-mine/components/category-popup.vue

@@ -0,0 +1,132 @@
+<template>
+    <u-popup v-model="showPopup" mode="bottom" border-radius="20">
+        <view class="category-popup">
+            <view class="popup-header">
+                <text>分类</text>
+                <u-icon name="close" size="32" @click="close"></u-icon>
+            </view>
+
+            <view class="category-list">
+                <view v-for="(item, index) in categories" :key="index" class="category-item"
+                    :class="{ 'active': selectedCategories.includes(item.value), 'disabled': item.disabled }"
+                    @click="toggleSelect(item)">
+                    {{ item.label }}
+                </view>
+            </view>
+
+            <view class="confirm-btn" @click="confirm">
+                确定筛选
+            </view>
+        </view>
+    </u-popup>
+</template>
+
+<script>
+export default {
+    name: 'category-popup',
+    props: {
+        show: {
+            type: Boolean,
+            default: false
+        }
+    },
+    data() {
+        return {
+            showPopup: false,
+            categories: [
+                { label: '买书', value: 'buy_book' },
+                { label: '提现', value: 'withdraw' },
+                { label: '退款', value: 'refund' },
+                { label: '工单收入', value: 'work_income' },
+                { label: '自寄运费补贴', value: 'shipping_subsidy' },
+                { label: '自寄运费补款', value: 'shipping_supplement' },
+                { label: '分享收入', value: 'share_income' },
+                { label: '合伙人收入', value: 'partner_income'},
+                { label: '退回邮费', value: 'return_postage' }
+            ],
+            selectedCategories: []
+        }
+    },
+    watch: {
+        show(newVal) {
+            this.showPopup = newVal
+        },
+        showPopup(newVal) {
+            if (!newVal) {
+                this.$emit('update:show', false)
+            }
+        }
+    },
+    methods: {
+        toggleSelect(item) {
+            if (item.disabled) return
+
+            const index = this.selectedCategories.indexOf(item.value)
+            if (index > -1) {
+                this.selectedCategories.splice(index, 1)
+            } else {
+                this.selectedCategories.push(item.value)
+            }
+        },
+        confirm() {
+            this.$emit('confirm', this.selectedCategories)
+            this.close()
+        },
+        close() {
+            this.showPopup = false
+            this.$emit('update:show', false)
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.category-popup {
+    padding: 30rpx;
+    padding-bottom: env(safe-area-inset-bottom);
+
+    .popup-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding-bottom: 30rpx;
+        font-size: 32rpx;
+        color: #333;
+    }
+
+    .category-list {
+        display: flex;
+        flex-wrap: wrap;
+        padding: 20rpx 0;
+        gap: 20rpx;
+
+        .category-item {
+            padding: 0 42rpx;
+            height: 60rpx;
+            line-height: 60rpx;
+            text-align: center;
+            border-radius: 10rpx;
+            font-size: 28rpx;
+            color: #38C148;
+            border: 1px solid #38C148;
+
+            &.active {
+                color: #ffffff;
+                border: 1px solid #38C148;
+                background-color: #38C148;
+            }
+        }
+    }
+
+    .confirm-btn {
+        margin-top: 40rpx;
+        height: 90rpx;
+        line-height: 90rpx;
+        text-align: center;
+        background: #38C148;
+        border-radius: 45rpx;
+        color: #FFFFFF;
+        font-size: 32rpx;
+    }
+}
+</style>

pages-mine/pages/setting.vue

@@ -7,7 +7,8 @@
                 <u-form-item label="用户ID">
                     <view class="value id-box">
                         <text>{{ userInfo.userId }}</text>
-                        <u-button size="mini" type="success" plain class="copy-btn" @click="copyUserId">复制</u-button>
+                        <image src="../static/copy.png" style="width: 42rpx;height:42rpx;margin-left: 20rpx;"
+                            @click="copyUserId"></image>
                     </view>
                 </u-form-item>
 
@@ -45,7 +46,7 @@
 
         <!-- 提交按钮 -->
         <view class="btn" style="padding: 60rpx 0;">
-            <u-button type="primary" shape="circle" :loading="submitting" @click="submitChanges">提交</u-button>
+            <u-button type="primary" :loading="submitting" @click="submitChanges">更新信息</u-button>
         </view>
     </view>
 </template>
@@ -57,7 +58,7 @@ export default {
             arrowColor: this.$appTheme.appThemeTextGrayColor,
             themeColor: this.$appTheme.appThemeColor,
             userInfo: {
-                userId: '125885222658442698874444',
+                userId: '',
                 nickName: '',
                 imgPath: '',
                 mobile: ''
@@ -83,9 +84,13 @@ export default {
         // 复制用户ID
         copyUserId() {
             uni.setClipboardData({
-                data: this.userInfo.userId,
+                data: this.userInfo.userId + '',
                 success: () => {
                     uni.$u.toast('复制成功')
+                },
+                fail: (e) => {
+                    console.log(e)
+                    uni.$u.toast('复制失败')
                 }
             })
         },
@@ -194,7 +199,7 @@ export default {
                 imgPath: this.userInfo.imgPath
             }).then(res => {
                 if (res.code == 200) {
-                    this.$u.toast('更新成功')
+                    this.$u.toast('更新信息成功')
                     uni.navigateBack({
                         delta: 1
                     })

pages-mine/pages/wallet.vue

@@ -0,0 +1,252 @@
+<template>
+    <view class="wallet-page">
+        <!-- 余额卡片 -->
+        <view class="balance-card">
+            <view class="card-header">
+                <text>我的余额</text>
+                <view class="detail-link" @click="goToDetail">
+                    提现明细
+                    <u-icon name="arrow-right" color="#FFFFFF" size="26" top="4rpx"></u-icon>
+                </view>
+            </view>
+
+            <view class="amount flex-c">
+                <text class="number">¥ 30.00</text>
+            </view>
+
+            <view class="balance-info  flex-c">
+                (可用余额¥20.00 提现中¥10.00)
+            </view>
+
+            <view class="flex-c">
+                <view class="withdraw-btn" @click="handleWithdraw">
+                    提现
+                </view>
+            </view>
+        </view>
+
+        <!-- 余额明细列表 -->
+        <view class="detail-section">
+            <view class="section-header">
+                <text>余额明细</text>
+                <view class="filter" @click="toggleFilter">
+                    分类
+                    <u-icon name="arrow-down" color="#333" size="26"></u-icon>
+                </view>
+            </view>
+
+            <view class="detail-list">
+                <view class="detail-item" v-for="(item, index) in detailList" :key="index">
+                    <view class="item-left">
+                        <text class="title">{{ item.title }}</text>
+                        <text class="time">{{ item.time }}</text>
+                    </view>
+                    <view class="item-right">
+                        <text :class="['amount', item.amount > 0 ? 'income' : 'expense']">
+                            {{ item.amount > 0 ? '+' : '-' }}{{ Math.abs(item.amount).toFixed(2) }}
+                        </text>
+                        <text class="status">{{ item.status }}</text>
+                    </view>
+                </view>
+            </view>
+        </view>
+
+        <!-- 分类选择弹窗 -->
+        <category-popup :show.sync="showCategoryPopup" @confirm="onCategoryConfirm"></category-popup>
+    </view>
+</template>
+
+<script>
+import CategoryPopup from '../components/category-popup.vue'
+export default {
+    components: {
+        CategoryPopup
+    },
+    data() {
+        return {
+            showCategoryPopup: false,
+            detailList: [{
+                title: '微信提现',
+                time: '2021.2.25 10:48:32',
+                amount: -36.00,
+                status: '提现中'
+            },
+            {
+                title: '微信提现',
+                time: '2021.2.25 10:48:32',
+                amount: -36.00,
+                status: '提现完成'
+            },
+            {
+                title: '微信提现',
+                time: '2021.2.25 10:48:32',
+                amount: -36.00,
+                status: '提现完成'
+            },
+            {
+                title: '合伙人收入',
+                time: '2021.2.25 10:48:32',
+                amount: 100.00,
+                status: ''
+            }
+            ]
+        }
+    },
+    methods: {
+        onCategoryConfirm(selectedCategories) {
+            console.log('选中的分类：', selectedCategories)
+            // 这里处理分类筛选逻辑
+        },
+        goToDetail() {
+            uni.navigateTo({
+                url: '/pages-mine/pages/withdraw-detail'
+            })
+        },
+        handleWithdraw() {
+            uni.navigateTo({
+                url: '/pages-mine/pages/withdraw'
+            })
+        },
+        toggleFilter() {
+            // 实现筛选功能
+            this.showCategoryPopup = !this.showCategoryPopup
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.wallet-page {
+    min-height: 100vh;
+    background: #F5F5F5;
+    padding: 10rpx 30rpx;
+    box-sizing: border-box;
+
+    .balance-card {
+        background: #38C148;
+        border-radius: 20rpx;
+        padding: 30rpx 40rpx;
+        color: #FFFFFF;
+
+        .card-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            font-size: 28rpx;
+
+            .detail-link {
+                display: flex;
+                align-items: center;
+                opacity: 0.9;
+            }
+        }
+
+        .amount {
+            margin: 40rpx 0 20rpx;
+
+            .symbol {
+                font-size: 40rpx;
+                margin-right: 8rpx;
+            }
+
+            .number {
+                font-size: 80rpx;
+                font-weight: 500;
+            }
+        }
+
+        .balance-info {
+            font-size: 26rpx;
+            opacity: 0.9;
+        }
+
+        .withdraw-btn {
+            margin-top: 40rpx;
+            height: 60rpx;
+            line-height: 60rpx;
+            text-align: center;
+            background: rgba(255, 255, 255, 0.2);
+            border-radius: 14rpx;
+            font-size: 28rpx;
+            width: 200rpx;
+        }
+    }
+
+    .detail-section {
+        background: #FFFFFF;
+        border-radius: 20rpx;
+        margin-top: 20rpx;
+        padding: 0 30rpx;
+
+        .section-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 100rpx;
+            font-size: 30rpx;
+            color: #333;
+            border-bottom: 1px solid #EEEEEE;
+
+            .filter {
+                display: flex;
+                align-items: center;
+                color: #666;
+                font-size: 28rpx;
+                margin-right: 8rpx;
+            }
+        }
+
+        .detail-list {
+            .detail-item {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                padding: 30rpx 0;
+                border-bottom: 1px solid #EEEEEE;
+
+                &:last-child {
+                    border-bottom: none;
+                }
+
+                .item-left {
+                    .title {
+                        font-size: 28rpx;
+                        color: #333;
+                        margin-bottom: 10rpx;
+                        display: block;
+                    }
+
+                    .time {
+                        font-size: 24rpx;
+                        color: #999;
+                    }
+                }
+
+                .item-right {
+                    text-align: right;
+
+                    .amount {
+                        display: block;
+                        font-size: 32rpx;
+                        margin-bottom: 10rpx;
+                        font-weight: 500;
+
+                        &.income {
+                            color: #FF5B5B;
+                        }
+
+                        &.expense {
+                            color: #38C148;
+                        }
+                    }
+
+                    .status {
+                        font-size: 24rpx;
+                        color: #999;
+                    }
+                }
+            }
+        }
+    }
+}
+</style>

pages-mine/pages/withdraw-detail.vue

@@ -0,0 +1,162 @@
+<template>
+    <view class="withdraw-detail">
+        <!-- 列表区域 -->
+        <scroll-view scroll-y class="detail-list" @scrolltolower="loadMore" refresher-enabled
+            :refresher-triggered="isRefreshing" @refresherrefresh="onRefresh">
+            <view class="detail-item" v-for="(item, index) in detailList" :key="index">
+                <view class="item-left">
+                    <text class="title">{{ item.title }}</text>
+                    <text class="time">{{ item.time }}</text>
+                </view>
+                <view class="item-right">
+                    <text class="amount">-{{ item.amount.toFixed(2) }}</text>
+                    <text class="status">{{ item.status }}</text>
+                </view>
+            </view>
+
+            <!-- 加载更多 -->
+            <view class="load-more" v-if="detailList.length > 0">
+                <text v-if="hasMore">加载更多</text>
+                <text v-else>我是有底线哒</text>
+            </view>
+        </scroll-view>
+    </view>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            page: 1,
+            pageSize: 10,
+            isRefreshing: false,
+            hasMore: true,
+            detailList: [
+                {
+                    title: '微信提现',
+                    time: '2021.2.25 10:48:32',
+                    amount: 36.00,
+                    status: '提现中'
+                },
+                {
+                    title: '微信提现',
+                    time: '2021.2.25 10:48:32',
+                    amount: 36.00,
+                    status: '提现完成'
+                },
+                {
+                    title: '微信提现',
+                    time: '2021.2.25 10:48:32',
+                    amount: 36.00,
+                    status: '提现完成'
+                },
+                {
+                    title: '微信提现',
+                    time: '2021.2.25 10:48:32',
+                    amount: 36.00,
+                    status: '提现完成'
+                }
+            ]
+        }
+    },
+    onLoad() {
+        this.loadData()
+    },
+    methods: {
+        // 加载数据
+        async loadData() {
+            // 实际开发时替换为接口调用
+            setTimeout(() => {
+                // 模拟数据加载
+                this.hasMore = this.page < 3
+                this.isRefreshing = false
+            }, 500)
+        },
+
+        // 下拉刷新
+        onRefresh() {
+            this.isRefreshing = true
+            this.page = 1
+            this.loadData()
+        },
+
+        // 加载更多
+        loadMore() {
+            if (!this.hasMore) return
+            this.page++
+            this.loadData()
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.withdraw-detail {
+    min-height: 100vh;
+    background: #F5F5F5;
+    padding: 20rpx;
+
+    .detail-list {
+        height: 100vh;
+
+        .detail-item {
+            background: #FFFFFF;
+            border-radius: 12rpx;
+            padding: 30rpx;
+            margin-bottom: 20rpx;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+
+            .item-left {
+                .title {
+                    font-size: 28rpx;
+                    color: #333;
+                    display: block;
+                    margin-bottom: 10rpx;
+                }
+
+                .time {
+                    font-size: 24rpx;
+                    color: #999;
+                }
+            }
+
+            .item-right {
+                text-align: right;
+
+                .amount {
+                    font-size: 32rpx;
+                    color: #38C148;
+                    font-weight: 500;
+                    display: block;
+                    margin-bottom: 10rpx;
+                }
+
+                .status {
+                    font-size: 24rpx;
+                    color: #999;
+                }
+            }
+        }
+    }
+
+    .load-more {
+        text-align: center;
+        color: #999;
+        font-size: 24rpx;
+        padding: 30rpx 0;
+
+        &::before,
+        &::after {
+            content: '';
+            display: inline-block;
+            width: 100rpx;
+            height: 1px;
+            background: #EEEEEE;
+            vertical-align: middle;
+            margin: 0 20rpx;
+        }
+    }
+}
+</style>

pages-mine/pages/withdraw.vue

@@ -0,0 +1,243 @@
+<template>
+    <view class="withdraw-page">
+        <!-- 微信账户信息 -->
+        <view class="wechat-account">
+            <image class="avatar" src="../static/t11.png" mode="aspectFill"></image>
+            <view class="account-info">
+                <text class="nickname">{{ userInfo.nickname || '这里是微信昵称' }}</text>
+                <text class="amount">可提现金额：</text>
+                <text class="amount-number">¥{{ availableAmount }}</text>
+            </view>
+        </view>
+
+        <!-- 提现金额输入 -->
+        <view class="amount-input">
+            <view class="label">提现金额</view>
+            <view class="input-box flex-a">
+                <text class="currency">¥</text>
+                <u-input class="flex-1" v-model="withdrawAmount" type="number" :border="false" placeholder="请输入提现金额"
+                    @input="onAmountInput" placeholder-style="font-size:50rpx;color:#c1c1c1"
+                    :custom-style="{ fontSize: '50rpx' }"></u-input>
+                <text class="all-btn" @click="withdrawAll">全部提现</text>
+            </view>
+
+            <!-- 到账账户 -->
+            <view class="flex-a common-gray mt-40">
+                <view class="common-text-2">到账账户：</view>
+                <view class="wechat-pay">
+                    <image src="../static/wx.png" mode="aspectFit" class="wechat-icon"></image>
+                    <text>微信零钱</text>
+                </view>
+            </view>
+
+            <!-- 提现说明 -->
+            <view class="mt-20 flex-d common-gray">
+                <text class="tip-item">1.用户需微信实名才能申请提现；</text>
+                <text class="tip-item">2.用户单笔提现金额需小于200元；</text>
+                <text class="tip-item">3.用户申请提现以后，余额会显示冻结，提现金额最晚会在72小时到账(周末、节假日顺延)</text>
+            </view>
+        </view>
+        <!-- 提现按钮 -->
+        <view class="submit-btn mt-60">
+            <u-button type="primary" @click="submitWithdraw">确认提现</u-button>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            userInfo: {
+                avatar: '',
+                nickname: ''
+            },
+            availableAmount: '360.08',
+            withdrawAmount: '',
+            minAmount: 0.3,
+            maxAmount: 200
+        }
+    },
+    computed: {
+        canWithdraw() {
+            const amount = Number(this.withdrawAmount)
+            return amount >= this.minAmount &&
+                amount <= this.maxAmount &&
+                amount <= Number(this.availableAmount)
+        }
+    },
+    methods: {
+        // 输入金额
+        onAmountInput(value) {
+            // 限制只能输入两位小数
+            if (value.includes('.')) {
+                const decimal = value.split('.')[1]
+                if (decimal.length > 2) {
+                    this.withdrawAmount = Number(value).toFixed(2)
+                }
+            }
+        },
+
+        // 全部提现
+        withdrawAll() {
+            this.withdrawAmount = this.availableAmount
+        },
+
+        // 提交提现
+        async submitWithdraw() {
+            if (!this.canWithdraw) return
+
+            try {
+                uni.showLoading({
+                    title: '提交中...',
+                    mask: true
+                })
+
+                // 这里调用提现接口
+                await this.$u.api.withdrawAjax({
+                    amount: this.withdrawAmount
+                })
+
+                uni.showToast({
+                    title: '提现申请成功',
+                    icon: 'success'
+                })
+
+                setTimeout(() => {
+                    uni.navigateBack()
+                }, 1500)
+
+            } catch (error) {
+                uni.showToast({
+                    title: error.message || '提现失败',
+                    icon: 'none'
+                })
+            } finally {
+                uni.hideLoading()
+            }
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.withdraw-page {
+    min-height: 100vh;
+    background: #F5F5F5;
+    padding: 20rpx;
+
+    .common-gray {
+        background: #f9f9f9;
+        border-radius: 12rpx;
+        padding: 20rpx;
+        min-height: 88rpx;
+    }
+
+    .wechat-account {
+        background: #FFFFFF;
+        border-radius: 12rpx;
+        padding: 30rpx;
+        display: flex;
+        align-items: center;
+
+        .avatar {
+            width: 110rpx;
+            height: 110rpx;
+            border-radius: 50%;
+            margin-right: 20rpx;
+        }
+
+        .account-info {
+            .nickname {
+                font-size: 36rpx;
+                color: #333;
+                font-weight: bold;
+                display: block;
+                margin-bottom: 10rpx;
+            }
+
+            .amount {
+                font-size: 28rpx;
+                color: #333;
+                font-weight: 500;
+            }
+
+            .amount-number {
+                font-family: Dosis;
+                font-weight: bold;
+                font-size: 34rpx;
+                color: #333333;
+            }
+        }
+    }
+
+    .amount-input {
+        background: #FFFFFF;
+        border-radius: 12rpx;
+        padding: 30rpx;
+        margin-top: 20rpx;
+
+        .label {
+            font-size: 28rpx;
+            color: #333;
+            margin-bottom: 20rpx;
+        }
+
+        .input-box {
+            display: flex;
+            align-items: center;
+            border-bottom: 1px solid #EEEEEE;
+            padding: 20rpx 0;
+
+            .currency {
+                font-size: 40rpx;
+                color: #333;
+                margin-right: 20rpx;
+            }
+
+            :deep(.u-input) {
+                flex: 1;
+
+                input {
+                    font-size: 28rpx;
+
+                    &::placeholder {
+                        color: #C8C9CC;
+                        font-size: 28rpx;
+                    }
+                }
+            }
+
+            .all-btn {
+                font-size: 28rpx;
+                color: #38C148;
+                padding-left: 20rpx;
+            }
+        }
+    }
+
+    .wechat-pay {
+        display: flex;
+        align-items: center;
+
+        .wechat-icon {
+            width: 40rpx;
+            height: 40rpx;
+            margin-right: 10rpx;
+        }
+
+        text {
+            font-size: 28rpx;
+            color: #333;
+        }
+    }
+
+    .tip-item {
+        font-family: PingFang SC;
+        font-weight: 400;
+        font-size: 26rpx;
+        color: #333333;
+        line-height: 42rpx;
+    }
+}
+</style>

pages.json

@@ -1,292 +1,318 @@
 {
-	"easycom": {
-		"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
-	},
-	// 主包
-	"pages": [
-		//首页
-		{
-			"path": "pages/home/index",
-			"style": {
-				"navigationBarTitleText": "书嗨",
-				"navigationStyle": "custom"
-			}
-		},
-		// 商城
-		{
-			"path": "pages/mall/index",
-			"style": {
-				"navigationBarTitleText": "书嗨",
-				"enablePullDownRefresh": true // 开启下拉刷新
-			}
-		},
-		// 购物车页
-		{
-			"path": "pages/mall/shopping-cart",
-			"style": {
-				"navigationBarTitleText": "购物车",
-				"enablePullDownRefresh": true // 开启下拉刷新
-			}
-		},
-		// 分类页
-		{
-			"path": "pages/mall/classify",
-			"style": {
-				"navigationBarTitleText": "分类"
-				// "enablePullDownRefresh": true // 开启下拉刷新
-			}
-		},
-		// 我的
-		{
-			"path": "pages/mine/index",
-			"style": {
-				"navigationBarTitleText": "我的",
-				"navigationBarBackgroundColor": "#38C148",
-				"navigationBarTextStyle": "white"
-			}
-		},
-		// 通用搜索页
-		{
-			"path": "pages/search",
-			"style": {
-				"navigationBarTitleText": "搜索商品"
-			}
-		},
-		// 搜索结果页
-		{
-			"path": "pages/search-result",
-			"style": {
-				"navigationBarTitleText": ""
-			}
-		},
-		// 登录页
-		{
-			"path": "pages/login/index",
-			"style": {
-				"navigationBarTitleText": "登录"
-			}
-		},
-		// 欢迎页，不需要时放在最后
-		{
-			"path": "pages/start-page"
-		}
-	],
-	// 副包
-	"subPackages": [{
-		// 电商副包
-		"root": "pages-mall",
-		"pages": [
-			// 专区页面
-			{
-				"path": "pages/zone/zone",
-				"style": {
-					"navigationBarTitleText": "专区",
-					"enablePullDownRefresh": true // 开启下拉刷新
-				}
-			},
-			// 商品详情
-			{
-				"path": "pages/goods/detail",
-				"style": {
-					"navigationBarTitleText": "商品详情"
-					// "enablePullDownRefresh": true // 开启下拉刷新
-				}
-			},
-			// 提交订单
-			{
-				"path": "pages/order/submit",
-				"style": {
-					"navigationBarTitleText": "提交订单"
-				}
-			},
-			// 支付页
-			{
-				"path": "pages/order/pay",
-				"style": {
-					"navigationBarTitleText": "确认支付"
-				}
-
-			},
-			// 支付结果页
-			{
-				"path": "pages/order/pay-result",
-				"style": {
-					"navigationBarTitleText": "支付成功"
-				}
-			},
-			// 订单列表页
-			{
-				"path": "pages/order/list",
-				"style": {
-					"navigationBarTitleText": "我的订单",
-					"enablePullDownRefresh": true // 开启下拉刷新
-				}
-			},
-			// 订单详情页
-			{
-				"path": "pages/order/detail",
-				"style": {
-					"navigationBarTitleText": "订单详情"
-				}
-			},
-			// 售后列表
-			{
-				"path": "pages/after-sales/list",
-				"style": {
-					"navigationBarTitleText": "我的售后"
-				}
-			},
-			// 申请售后
-			{
-				"path": "pages/after-sales/apply",
-				"style": {
-					"navigationBarTitleText": "申请售后"
-				}
-			},
-			// 售后状态
-			{
-				"path": "pages/after-sales/apply-status",
-				"style": {
-					"navigationBarTitleText": "售后详情"
-				}
-			},
-			// 售后状态
-			{
-				"path": "pages/after-sales/success",
-				"style": {
-					"navigationBarTitleText": "售后"
-				}
-			},
-			// 退款详情
-			{
-				"path": "pages/after-sales/back",
-				"style": {
-					"navigationBarTitleText": "退款详情"
-				}
-			},
-			// 物流详情
-			{
-				"path": "pages/order/express",
-				"style": {
-					"navigationBarTitleText": "物流详情"
-				}
-			}
-		]
-	}, {
-		// 个人中心副包
-		"root": "pages-mine",
-		"pages": [
-			// 收获地址
-			{
-				"path": "pages/address/list",
-				"style": {
-					"navigationBarTitleText": "收货地址"
-				}
-			},
-			// 收获地址新增/修改
-			{
-				"path": "pages/address/add-or-update",
-				"style": {
-					"navigationBarTitleText": "地址更新"
-				}
-			},
-			// 设置
-			{
-				"path": "pages/setting",
-				"style": {
-					"navigationBarTitleText": "设置"
-				}
-			},
-			{
-				"path": "pages/feedback",
-				"style": {
-					"navigationBarTitleText": "投诉/建议"
-				}
-			},
-			{
-				"path": "pages/order-page",
-				"style": {
-					"navigationBarTitleText": "卖书订单"
-				}
-			},
-			{
-				"path": "pages/notice",
-				"style": {
-					"navigationBarTitleText": "消息通知"
-				}
-			}
-		]
-	}, {
-		"root": "pages-pub",
-		"pages": [{
-			"path": "richTextPage",
-			"style": {
-				"navigationBarTitleText": "文章详情"
-			}
-		}]
-	}, {
-		"root": "pages-home",
-		"pages": [{
-				"path": "pages/scaned-book",
-				"style": {
-					"navigationBarTitleText": "扫过的书"
-				}
-			},
-			{
-				"path": "pages/book-order",
-				"style": {
-					"navigationBarTitleText": "卖书订单明细"
-				}
-			},
-			{
-				"path": "pages/order-success",
-				"style": {
-					"navigationBarTitleText": "卖书订单提交成功"
-				}
-			}
-		]
-	}],
-	// 分包预载配置
-	"preloadRule": {
-
-	},
-	// 全局配置
-	"globalStyle": {
-		// 全局自定义导航栏
-		"navigationBarTitleText": "书嗨",
-		"navigationBarBackgroundColor": "#fff",
-		"navigationBarTextStyle": "black",
-		// "navigationStyle": "custom",
-		"backgroundColor": "#fff" //下拉出口背景色
-	},
-	// tabbar配置
-	"tabBar": {
-		"color": "#999",
-		"selectedColor": "#22ac38",
-		"list": [{
-			"text": "首页",
-			"pagePath": "pages/home/index",
-			"iconPath": "/static/tabbar/home.png",
-			"selectedIconPath": "/static/tabbar/home2.png"
-		}, {
-			"text": "分类",
-			"pagePath": "pages/mall/classify",
-			"iconPath": "/static/tabbar/fenlei.png",
-			"selectedIconPath": "/static/tabbar/fenlei2.png"
-		}, {
-			"text": "购物车",
-			"pagePath": "pages/mall/shopping-cart",
-			"iconPath": "/static/tabbar/cart.png",
-			"selectedIconPath": "/static/tabbar/cart2.png"
-		}, {
-			"text": "我的",
-			"pagePath": "pages/mine/index",
-			"iconPath": "/static/tabbar/person.png",
-			"selectedIconPath": "/static/tabbar/person2.png"
-		}]
-	},
-	// 启动模式配置
-	"condition": {
-
-	}
+    "easycom": {
+        "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
+    },
+    // 主包
+    "pages": [
+        //首页
+        {
+            "path": "pages/home/index",
+            "style": {
+                "navigationBarTitleText": "书嗨",
+                "navigationStyle": "custom"
+            }
+        },
+        // 商城
+        {
+            "path": "pages/mall/index",
+            "style": {
+                "navigationBarTitleText": "书嗨",
+                "enablePullDownRefresh": true // 开启下拉刷新
+            }
+        },
+        // 购物车页
+        {
+            "path": "pages/mall/shopping-cart",
+            "style": {
+                "navigationBarTitleText": "购物车",
+                "enablePullDownRefresh": true // 开启下拉刷新
+            }
+        },
+        // 分类页
+        {
+            "path": "pages/mall/classify",
+            "style": {
+                "navigationBarTitleText": "分类"
+                // "enablePullDownRefresh": true // 开启下拉刷新
+            }
+        },
+        // 我的
+        {
+            "path": "pages/mine/index",
+            "style": {
+                "navigationBarTitleText": "我的",
+                "navigationBarBackgroundColor": "#38C148",
+                "navigationBarTextStyle": "white"
+            }
+        },
+        // 通用搜索页
+        {
+            "path": "pages/search",
+            "style": {
+                "navigationBarTitleText": "搜索商品"
+            }
+        },
+        // 搜索结果页
+        {
+            "path": "pages/search-result",
+            "style": {
+                "navigationBarTitleText": ""
+            }
+        },
+        // 登录页
+        {
+            "path": "pages/login/index",
+            "style": {
+                "navigationBarTitleText": "登录"
+            }
+        },
+        // 欢迎页，不需要时放在最后
+        {
+            "path": "pages/start-page"
+        }
+    ],
+    // 副包
+    "subPackages": [
+        {
+            // 电商副包
+            "root": "pages-mall",
+            "pages": [
+                // 专区页面
+                {
+                    "path": "pages/zone/zone",
+                    "style": {
+                        "navigationBarTitleText": "专区",
+                        "enablePullDownRefresh": true // 开启下拉刷新
+                    }
+                },
+                // 商品详情
+                {
+                    "path": "pages/goods/detail",
+                    "style": {
+                        "navigationBarTitleText": "商品详情"
+                        // "enablePullDownRefresh": true // 开启下拉刷新
+                    }
+                },
+                // 提交订单
+                {
+                    "path": "pages/order/submit",
+                    "style": {
+                        "navigationBarTitleText": "提交订单"
+                    }
+                },
+                // 支付页
+                {
+                    "path": "pages/order/pay",
+                    "style": {
+                        "navigationBarTitleText": "确认支付"
+                    }
+                },
+                // 支付结果页
+                {
+                    "path": "pages/order/pay-result",
+                    "style": {
+                        "navigationBarTitleText": "支付成功"
+                    }
+                },
+                // 订单列表页
+                {
+                    "path": "pages/order/list",
+                    "style": {
+                        "navigationBarTitleText": "我的订单",
+                        "enablePullDownRefresh": true // 开启下拉刷新
+                    }
+                },
+                // 订单详情页
+                {
+                    "path": "pages/order/detail",
+                    "style": {
+                        "navigationBarTitleText": "订单详情"
+                    }
+                },
+                // 售后列表
+                {
+                    "path": "pages/after-sales/list",
+                    "style": {
+                        "navigationBarTitleText": "我的售后"
+                    }
+                },
+                // 申请售后
+                {
+                    "path": "pages/after-sales/apply",
+                    "style": {
+                        "navigationBarTitleText": "申请售后"
+                    }
+                },
+                // 售后状态
+                {
+                    "path": "pages/after-sales/apply-status",
+                    "style": {
+                        "navigationBarTitleText": "售后详情"
+                    }
+                },
+                // 售后状态
+                {
+                    "path": "pages/after-sales/success",
+                    "style": {
+                        "navigationBarTitleText": "售后"
+                    }
+                },
+                // 退款详情
+                {
+                    "path": "pages/after-sales/back",
+                    "style": {
+                        "navigationBarTitleText": "退款详情"
+                    }
+                },
+                // 物流详情
+                {
+                    "path": "pages/order/express",
+                    "style": {
+                        "navigationBarTitleText": "物流详情"
+                    }
+                }
+            ]
+        },
+        {
+            // 个人中心副包
+            "root": "pages-mine",
+            "pages": [
+                // 收获地址
+                {
+                    "path": "pages/address/list",
+                    "style": {
+                        "navigationBarTitleText": "收货地址"
+                    }
+                },
+                // 收获地址新增/修改
+                {
+                    "path": "pages/address/add-or-update",
+                    "style": {
+                        "navigationBarTitleText": "地址更新"
+                    }
+                },
+                // 设置
+                {
+                    "path": "pages/setting",
+                    "style": {
+                        "navigationBarTitleText": "设置"
+                    }
+                },
+                {
+                    "path": "pages/feedback",
+                    "style": {
+                        "navigationBarTitleText": "投诉/建议"
+                    }
+                },
+                {
+                    "path": "pages/order-page",
+                    "style": {
+                        "navigationBarTitleText": "卖书订单"
+                    }
+                },
+                {
+                    "path": "pages/notice",
+                    "style": {
+                        "navigationBarTitleText": "消息通知"
+                    }
+                },
+                {
+                    "path": "pages/wallet",
+                    "style": {
+                        "navigationBarTitleText": "我的钱包"
+                    }
+                },
+                {
+                    "path": "pages/withdraw-detail",
+                    "style": {
+                        "navigationBarTitleText": "提现明细"
+                    }
+                },
+                {
+                    "path": "pages/withdraw",
+                    "style": {
+                        "navigationBarTitleText": "提现"
+                    }
+                }
+            ]
+        },
+        {
+            "root": "pages-pub",
+            "pages": [
+                {
+                    "path": "richTextPage",
+                    "style": {
+                        "navigationBarTitleText": "文章详情"
+                    }
+                }
+            ]
+        },
+        {
+            "root": "pages-home",
+            "pages": [
+                {
+                    "path": "pages/scaned-book",
+                    "style": {
+                        "navigationBarTitleText": "扫过的书"
+                    }
+                },
+                {
+                    "path": "pages/book-order",
+                    "style": {
+                        "navigationBarTitleText": "卖书订单明细"
+                    }
+                },
+                {
+                    "path": "pages/order-success",
+                    "style": {
+                        "navigationBarTitleText": "卖书订单提交成功"
+                    }
+                }
+            ]
+        }
+    ],
+    // 分包预载配置
+    "preloadRule": {},
+    // 全局配置
+    "globalStyle": {
+        // 全局自定义导航栏
+        "navigationBarTitleText": "书嗨",
+        "navigationBarBackgroundColor": "#fff",
+        "navigationBarTextStyle": "black",
+        // "navigationStyle": "custom",
+        "backgroundColor": "#fff" //下拉出口背景色
+    },
+    // tabbar配置
+    "tabBar": {
+        "color": "#999",
+        "selectedColor": "#22ac38",
+        "list": [
+            {
+                "text": "首页",
+                "pagePath": "pages/home/index",
+                "iconPath": "/static/tabbar/home.png",
+                "selectedIconPath": "/static/tabbar/home2.png"
+            },
+            {
+                "text": "分类",
+                "pagePath": "pages/mall/classify",
+                "iconPath": "/static/tabbar/fenlei.png",
+                "selectedIconPath": "/static/tabbar/fenlei2.png"
+            },
+            {
+                "text": "购物车",
+                "pagePath": "pages/mall/shopping-cart",
+                "iconPath": "/static/tabbar/cart.png",
+                "selectedIconPath": "/static/tabbar/cart2.png"
+            },
+            {
+                "text": "我的",
+                "pagePath": "pages/mine/index",
+                "iconPath": "/static/tabbar/person.png",
+                "selectedIconPath": "/static/tabbar/person2.png"
+            }
+        ]
+    },
+    // 启动模式配置
+    "condition": {}
 }

pages/mine/index.vue

@@ -94,7 +94,7 @@ export default {
                 { name: '合伙人计划', icon: 't9.png', path: '/pages/tools/partner' },
                 { name: '买卖答疑', icon: 't10.png', path: '/pages/tools/faq' },
                 { name: '关于书嗨', icon: 't11.png', path: '/pages/tools/about' },
-                { name: '我的余额', icon: 't12.png', path: '/pages/tools/balance' },
+                { name: '我的余额', icon: 't12.png', path: '/pages-mine/pages/wallet' },
                 { name: '用户设置', icon: 't13.png', path: '/pages/tools/settings' }
             ]
         }