feat：购有趣 登录页，首页，我的页面

lin

2026-05-12 8871e7afdd529807d181b679287778c29a02ed0b

feat：购有趣 登录页，首页，我的页面

 App.vue

@@ -59,17 +59,17 @@
                            updesc = res.data.android.desc
                        }
                        if (downUrl && updateFlag) {
                            uni.showModal({
                                showCancel: false,
                                confirmText: '立即更新',
                                title: '温馨提示！',
                                content: updesc || '有最新版本，请更新APP！',
                                success: res => {
                                    if (res.confirm) {
                                        plus.runtime.openURL(downUrl)
                                    }
                                }
                            })
                            // uni.showModal({
                            //     showCancel: false,
                            //     confirmText: '立即更新',
                            //     title: '温馨提示！',
                            //     content: updesc || '有最新版本，请更新APP！',
                            //     success: res => {
                            //         if (res.confirm) {
                            //             plus.runtime.openURL(downUrl)
                            //         }
                            //     }
                            // })
                        }
                    })
                    // #endif
@@ -105,7 +105,7 @@
    .noDataBtn{
        width: 240upx !important;
        margin: 50upx auto;
        background-color: #4766FE;
        background-color: #37AA25;
        color: #ffffff !important;
        letter-spacing: 10upx;
        height: 70upx;

 pages.json

@@ -21,7 +21,7 @@
            {
                "navigationStyle":"custom",
                "navigationBarTitleText": "我的",
                "navigationBarBackgroundColor": "#e3b400",
                "navigationBarBackgroundColor": "#37AA25",
                "app-plus": {
                    "titleNView": false
                }

 pages/addAddr/addAddr.vue

@@ -20,8 +20,8 @@
            </view>
            <view class="addrItem">
                <text class="label">设置默认地址</text>
                <switch @change="defChange" v-if="formData.isdef == 0" color="#e3b400" style="transform:scale(0.7)"/>
                <switch @change="defChange" v-else checked color="#e3b400" style="transform:scale(0.7)"/>
                <switch @change="defChange" v-if="formData.isdef == 0" color="#37AA25" style="transform:scale(0.7)"/>
                <switch @change="defChange" v-else checked color="#37AA25" style="transform:scale(0.7)"/>
            </view>
        </view>
        <view class="addrBtn" @tap="addrSave">保存</view>

 pages/addBank/addBank.vue

@@ -28,8 +28,8 @@
            </view>
            <view class="addrItem">
                <text class="label">设置默认银行</text>
                <switch @change="defChange" v-if="formData.isdef == 0" color="#e3b400" style="transform:scale(0.7)"/>
                <switch @change="defChange" v-else checked color="#e3b400" style="transform:scale(0.7)"/>
                <switch @change="defChange" v-if="formData.isdef == 0" color="#37AA25" style="transform:scale(0.7)"/>
                <switch @change="defChange" v-else checked color="#37AA25" style="transform:scale(0.7)"/>
            </view>
        </view>
        <view class="addrBtn" @tap="bankSave" v-if="type == 2">保存并购买</view>

 pages/address/address.vue

@@ -13,8 +13,8 @@
                <view class="addr-c">
                    <view class="addr-df">
                        默认:
                        <switch @change="defChange" :data-id="item.id" v-if="item.isdef == 0" color="#e3b400" style="transform:scale(0.7)"/>
                        <switch @change="defChange" :data-id="item.id" v-else checked color="#e3b400" style="transform:scale(0.7)"/>
                        <switch @change="defChange" :data-id="item.id" v-if="item.isdef == 0" color="#37AA25" style="transform:scale(0.7)"/>
                        <switch @change="defChange" :data-id="item.id" v-else checked color="#37AA25" style="transform:scale(0.7)"/>
                    </view>
                    <view class="addr-c-main">
                        <view class="addr-c-c" @tap="$util.goPages('/pages/addAddr/addAddr?id=' + item.id)">

 pages/bank/bank.vue

@@ -11,8 +11,8 @@
                <view class="bank-c">
                    <view class="bank-df">
                        默认:
                        <switch @change="defChange" :data-id="item.id" v-if="item.isdef == 0" color="#e3b400" style="transform:scale(0.7)"/>
                        <switch @change="defChange" :data-id="item.id" v-else checked color="#e3b400" style="transform:scale(0.7)"/>
                        <switch @change="defChange" :data-id="item.id" v-if="item.isdef == 0" color="#37AA25" style="transform:scale(0.7)"/>
                        <switch @change="defChange" :data-id="item.id" v-else checked color="#37AA25" style="transform:scale(0.7)"/>
                    </view>
                    <view class="bank-c-main">
                        <view class="bank-c-c" @tap="$util.goPages('/pages/addBank/addBank?id=' + item.id)">

 pages/ginfo/ginfo.vue

@@ -53,7 +53,7 @@
        data() {
            return {
                indicatorDots: true,
                indicatorColor: '#e3b400',
                indicatorColor: '#37AA25',
                indicatorActiveColor: '#ffffff',
                autoplay: true,
                interval: 3000,

 pages/index/index.vue

@@ -40,7 +40,7 @@
            </view>
        </view> -->
        <view v-if="catesNavData" style="padding: 0 30rpx;background-color: #ffffff;margin-top: 422rpx;">
            <uv-scroll-list>
            <uv-scroll-list indicatorColor="#fff0f0" indicatorActiveColor="#37AA25">
                <view class="cates-v" v-for="(item, index) in catesNavData" :key="item.id" @tap="$util.goPages('/pages/catesList/catesList?catesId=' + item.id + '&title=' + item.title)">
                    <image class="cates-v-icon" :src="item.icon" mode="heightFix"></image>
                    <view class="">{{item.title}}</view>
@@ -172,7 +172,7 @@
      staHeight: 0,
      paddingHeight: 0,
      indicatorDots: true,
      indicatorColor: '#e3b400',
      indicatorColor: '#37AA25',
      indicatorActiveColor: '#ffffff',
      autoplay: true,
      interval: 3000,
@@ -194,16 +194,16 @@
        goodsData: [],
        cateNavList: [
            {
                title: '精选',
                desc: '猜你喜欢',
                skey: '服装鞋包',
                catesId: 15,
            },{
                title: '人气',
                desc: '好物精选',
                skey: '家用电器',
                catesId: 2,
            },{
                title: '精选',
                desc: '猜你喜欢',
                skey: '服装鞋包',
                catesId: 15,
            },{
                title: '休闲',
                desc: '天天低价',
                skey: '美妆个护',

 pages/login/login.vue

@@ -1,13 +1,17 @@
<template>
    <view>
    <view style="background: url('/static/imgs/loginBg.png') center bottom / 100% no-repeat;height: calc(100vh - 44px);">
        <view class="login-title">
            <view class="login-title-1">手机号登录</view>
            <view class="login-title-2">未注册的手机号将自动注册</view>
            <image style="height: 140rpx;width: 140rpx;" src="@/static/imgs/loginLogo.png" mode="scaleToFill"></image>
            <view class="login-title-1">
                <text>够你所想</text>
                <text>购你所爱</text>
            </view>
            <view class="login-title-2">欢迎登录够有趣</view>
        </view>
        <view class="login-type">
            <view class="login-type-v">
                <view :class="formData.loginType == 1 ? 'active' : ''" @tap="loginTypeClick(1)">账号密码登录</view>
                <view :class="formData.loginType == 2 ? 'active' : ''" @tap="loginTypeClick(2)">短信登录</view>
                <view :class="formData.loginType == 1 ? 'active' : ''" @tap="loginTypeClick(1)">账号密码登录</view>
            </view>
        </view>
        <view class="login-list">
@@ -36,6 +40,7 @@
                <view class="fr" @tap="$util.goPages('/pages/findpass/findpass')">忘记密码</view>
            </view>
        </view>
        <!-- <image style="height: 576rpx;width: 100%;" src="@/static/imgs/loginBg.png" mode="scaleToFill"></image> -->
        <agreePup ref="agreePup1" :gp="1" title="注册协议"></agreePup>
        <agreePup ref="agreePup2" :gp="2" title="隐私政策"></agreePup>
    </view>
@@ -54,7 +59,7 @@
                    phone: '',
                    code: '',
                    pass: '',
                    loginType: 1,
                    loginType: 2,
                },
                phoneReg: /^\d{11}$/,
                backUrl: '',

 pages/my/my.vue

@@ -7,7 +7,8 @@
        <view class="myContent">
            <view class="myHeader">
                <!-- <image :src="userInfo != null ? userInfo.avatar : '/static/imgs/headimg.png'" class="avatar" mode="" @tap="setImg"></image> -->
                <image :src="userInfo != null ? userInfo.avatar : '/static/imgs/headimg.png'" class="avatar" mode=""  @tap="setImg"></image>
                <image v-if="userInfo == null" :src="userInfo != null ? $baseUrl+userInfo.avatar : '/static/imgs/headimg.png'" class="avatar" mode="" @tap="$util.goPages('/pages/login/login')"></image>
                <image v-else :src="userInfo != null ? $baseUrl+userInfo.avatar : '/static/imgs/headimg.png'" class="avatar" mode=""></image>
                <view class="myNick">
                    <template>
                        <view v-if="userInfo == null" @tap="$util.goPages('/pages/login/login')">未登录</view>

 pages/profile/profile.vue

@@ -42,8 +42,8 @@
            <view class="profile-item" v-if="Config.put_open == 2">
                <text class="label">支付权益</text>
                <view class="">
                    <switch @change="equityOpen" v-if="userInfo.equity_open == 1" checked color="#e3b400" style="transform:scale(0.7)"/>
                    <switch @change="equityOpen" v-else color="#e3b400" style="transform:scale(0.7)"/>
                    <switch @change="equityOpen" v-if="userInfo.equity_open == 1" checked color="#37AA25" style="transform:scale(0.7)"/>
                    <switch @change="equityOpen" v-else color="#37AA25" style="transform:scale(0.7)"/>
                </view>
            </view> -->
        </view>

 pages/wallet/wallet.vue

@@ -1,6 +1,6 @@
<template>
    <view class="wallet">
        <view class="startBar" style="background-color: #e3b400;"></view>
        <view class="startBar" style="background-color: #37AA25;"></view>
        <view class="wallet-header">
            <view class="wallet-header-edu" v-if="userInfo == null">
                <view class="wallet-header-price">预估额度<text v-if="Config">{{Config.edu}}</text></view>

 static/css/addAddr.css

@@ -44,7 +44,7 @@
    width: 90%;
    margin: 50upx auto 30upx;
    height: 90upx;
    background-color: #e3b400;
    background-color: #37AA25;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;

 static/css/address.css

@@ -57,7 +57,7 @@
    bottom: 0;
    z-index: 99;
    height: 90upx;
    background-color: #e3b400;
    background-color: #37AA25;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;

 static/css/bank.css

@@ -58,7 +58,7 @@
    bottom: 0;
    z-index: 99;
    height: 90upx;
    background-color: #e3b400;
    background-color: #37AA25;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;

 static/css/carts.css

@@ -122,7 +122,7 @@
    font-size: 26upx;
}
.cartsBtn{
    background: #e3b400;
    background: #37AA25;
    color: #ffffff;
    padding: 14upx 25upx;
    border-radius: 30upx;

 static/css/cates.css

@@ -138,6 +138,6 @@

.active{
    background-color: #ffffff;
    color: #e3b400 !important;
    color: #37AA25 !important;
    font-weight: 700;
}

 static/css/collect.css

@@ -1,7 +1,7 @@
.collect-title{
    position: fixed;
    left: 0;
    top: 44px;
    top: 0px;
    z-index: 99;
    width: 100%;
    background-color: #ebebeb;

 static/css/edu.css

@@ -93,7 +93,7 @@
    width: 50%;
    margin: -20upx auto;
    height: 80upx;
    background-color: #e3b400;
    background-color: #37AA25;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;
@@ -151,7 +151,7 @@
    margin: 30upx auto 30upx;
    z-index: 99;
    height: 90upx;
    background-color: #e3b400;
    background-color: #37AA25;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;

 static/css/ginfo.css

@@ -111,7 +111,7 @@
    width: 88%;
    height: 78upx;
    border-radius: 50upx;
    background-color: #4766FE;
    background-color: #37AA25;
    color: #ffffff;
    display: flex;
    justify-content: center;

 static/css/idcard.css

@@ -112,7 +112,7 @@
    border-radius: 50upx;
}
.authBtn .active{
    background-color: #e3b400;
    background-color: #37AA25;
}

.del{

 static/css/index.css

@@ -291,7 +291,7 @@
    margin: 30upx auto 30upx;
    z-index: 99;
    height: 90upx;
    background-color: #e3b400;
    background-color: #37AA25;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;
@@ -310,8 +310,8 @@
    align-items: center;
}
.h-logo{
    width: 154rpx;
    height: 52rpx;
    width: 118rpx;
    height: 38rpx;
}
.hLogo-1{
    margin: 0 30upx;

 static/css/login.css

@@ -2,17 +2,28 @@
    font-size: 28upx;
}
.login-title{
    padding: 160upx 70upx 70upx 70upx;
    /* padding: 160upx 70upx 70upx 70upx; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20rpx;
    margin-top: 70rpx;
    margin-bottom: 20rpx;
}
.login-title-1{
    font-size: 40upx;
    font-weight: 700;
    color: #000000;
    color: #37AA25;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30rpx;
    letter-spacing: 4rpx;
}
.login-title-2{
    font-size: 26upx;
    font-size: 28upx;
    color: #000000;
    margin-top: 20upx;
}
.login-list{
    padding: 50upx 70upx;
@@ -70,7 +81,7 @@
    border-radius: 50upx;
}
.loginBtn .active{
    background-color: #e3b400;
    background-color: #37AA25;
}

.login-type{
@@ -90,7 +101,7 @@
    content: '';
    height: 1px;
    width: 100%;
    background-color: #e3b400;
    background-color: #37AA25;
    left: 0;
    bottom: -10px;
}

 static/css/logs.css

@@ -26,7 +26,7 @@
    position: absolute;
    right: 30upx;
    top: 30%;
    background-color: #e3b400;
    background-color: #37AA25;
    color: #ffffff;
    display: flex;
    justify-content: center;

 static/css/order.css

@@ -6,7 +6,7 @@
.order-tab{
    position: fixed;
    left: 0;
    top: 44px;
    top: 0px;
    z-index: 99;
    display: flex;
    height: 80upx;
@@ -31,7 +31,7 @@
    content: '';
    width: 50%;
    height: 3upx;
    background-color: #e3b400;
    background-color: #37AA25;
    left: 25%;
    bottom: 0;
}
@@ -125,7 +125,7 @@
    margin-right: 30upx;
}
.payOrder{
    background-color: #e3b400;
    background-color: #37AA25;
    color: #ffffff;
    border-radius: 10upx;
    padding: 10upx 30upx;
@@ -228,7 +228,7 @@
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: #e3b400;
    background-color: #37AA25;
    height: 88upx;
    color: #ffffff;
    text-align: center;

 static/css/pays.css

@@ -101,7 +101,7 @@
    line-height: 50upx;
    height: 50upx;
    color: #ffffff;
    background-color: #e3b400;
    background-color: #37AA25;
    padding: 5upx 20upx;
    border-radius: 20upx;
}
@@ -141,7 +141,7 @@
    line-height: 50upx;
    height: 50upx;
    color: #ffffff;
    background-color: #e3b400;
    background-color: #37AA25;
    padding: 5upx 20upx;
    border-radius: 20upx;
}
@@ -211,7 +211,7 @@
    margin: 30upx auto 30upx;
    z-index: 99;
    height: 90upx;
    background-color: #e3b400;
    background-color: #37AA25;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;

 static/imgs/checked.png

 static/imgs/index-logo.png

 static/imgs/index-top.png

 static/imgs/loginBg.png

 static/imgs/loginLogo.png