个人中心切图

pages/mine/upgrade.vue

@@ -0,0 +1,81 @@
+<template>
+    <Cn-page :loading="loading">
+        <view slot="body">
+            <view class="index">
+                <uni-forms ref="form">
+                    <uni-forms-item name="phone">
+                        <uni-easyinput type="text" v-model="code" placeholder="请输入六位邀请码" />
+                    </uni-forms-item>
+                </uni-forms>
+                <button type="default" class="submit-btn" @click="submit">提交</button>
+            </view>
+        </view>
+    </Cn-page>
+</template>
+<script>
+export default {
+    name: "ChangePWd",
+    data () {
+        return {
+            loading: false,
+            code: '',
+        };
+    },
+    onLoad () {
+    },
+    methods: {
+        submit () {
+            uni.reLaunch({ url: '/pages/index/mine' })
+        },
+    }
+};
+</script>
+<style lang="scss">
+.index {
+    padding: 34rpx;
+
+    .submit-btn {
+        background: $uni-theme-blue;
+        color: #fff;
+    }
+
+    .login-box-tips {
+        margin-top: 60rpx;
+        display: flex;
+        justify-content: center;
+        font-size: 20rpx;
+    }
+
+    .login-box-input {
+        display: flex;
+        align-items: center;
+        border-bottom: 1rpx solid #f0f0f0;
+
+        .login-box-input-icon {
+            width: 40rpx;
+            margin-right: 40rpx;
+        }
+
+        .login-box-input-main {
+            font-size: 28rpx;
+            flex: 1;
+            height: 100rpx;
+            line-height: 100rpx;
+        }
+
+        .login-box-input-btn {
+            width: 200rpx;
+            margin-left: 40rpx;
+            background: $uni-theme-blue;
+            color: #fff;
+        }
+
+        .login-box-input-img {
+            margin-left: 40rpx;
+            background: skyblue;
+            height: 80rpx;
+            width: 200rpx;
+        }
+    }
+}
+</style>