智慧养老uni-app（注册）

<template>
    <view class="">
        <view class="main">
            <view class="phoneReg">
                <view class="titleText">
                    <h1 style="font-weight: 500;">手机号注册</h1>
                    <p style="color: #aaa;font-size: 14px;margin-top: 10px;">欢迎使用智慧养老</p>
                </view>
                <view class="userData">
                    <p>手机号码</p>
                    <u-input v-model="phoneNum" class="inputClass" type="text" border="" placeholder="+86  |  请输入手机号" />
                    <p>验证码</p>
                    <view class="capt">
                        <u-input class="inputClass" type="text" border="" placeholder="请输入验证码" />
                        <button @click="getCapt()">获取验证码</button>
                    </view>
                    <p>密码</p>
                    <u-input v-model="pwdNum" class="inputClass" type="password" border="" placeholder="请输入密码" />
                </view>
            </view>
            <view class="reg">
                <u-radio-group>
                    <u-checkbox shape="square" v-model="checked">
                        我已阅读并同意
                        <span @click="policy()">《用户隐私政策》</span>
                    </u-checkbox>
                </u-radio-group>
                <u-button type="primary" style="margin-top: 10px;" @click="reg()">注册</u-button>
                <view class="router">
                    <a href="javascript:0" @click="gotoLog()">已有账号，去登陆</a>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                flag: 1,
                text: '账号密码登录',
                checked: true,
                phoneNum: '',
                pwdNum: ''
            }
        },
        methods: {
            policy() {
                uni.showModal({
                    title: '嘻嘻'
                })
            },
            getCapt() {

            },
            gotoLog() {
                uni.navigateTo({
                    url: '/pages/login/login'
                })
            },
            reg() {
                uni.request({
                    url: "http://127.0.0.1:5502/system/user/register",
                    data: {
                        "userName": this.phoneNum,
                        "password": this.pwdNum
                    },
                    method:'POST',
                    success: (res) => {
                        console.log(res)
                        if(res.data.code==200){
                            console.log('success')
                            uni.showModal({
                                title:'注册成功',
                                duration:2000,
                                confirmText:"去登陆",
                                showCancel:false
                            }).then(()=>{
                                uni.navigateTo({
                                    url:'/pages/login/login'
                                })
                            })
                            
                        }else{
                            uni.showToast({
                                icon:'error',
                                title:res.data.msg
                            })
                        }
                    }
                })
                // uni.navigateTo({
                //     url:'/pages/login/login'
                // })
            }
        }
    }
</script>

<style>
    page {
        background-color: #fff;
    }

    .main {
        margin-top: 40px;
        padding: 20px;
    }

    .userData {
        margin-top: 40px;
        position: relative;
    }

    .userData .inputClass {
        margin-top: 10px;
        background-color: #F2F7FB;
        width: 100%;
        height: 35px;
        margin-bottom: 10px;
    }

    .userData button {
        border: 0px;
        background-color: transparent;
        position: absolute;
        font-size: 10px;
        color: #559DF1;
        right: 0;
        top: 2px;
    }

    .userData button::after {
        border: none;
    }

    .userData .capt {
        position: relative;
    }

    .userData span {
        position: absolute;
        right: 0;
        color: #aaa;
    }

    .reg {
        margin-top: 10px;
    }

    .reg span {
        color: #3489F0;
    }

    .router {
        margin-top: 10px;
        display: flex;
        justify-content: space-between;
    }

    .router a {
        text-decoration: none;
        color: #3489F0;
    }
</style>