页面切图

2023-02-10 16:32:41 +08:00
parent 1e81b90b8f
commit 51f9add37c
12 changed files with 447 additions and 28 deletions
--- a/pages/user/changeName.vue
+++ b/pages/user/changeName.vue
@@ -0,0 +1,61 @@
+<template>
+    <Cn-page :loading='loading'>
+        <view slot='body'>
+            <view class='change-name'>
+                <view class="content">
+                    <uni-easyinput type="text" v-model="name" placeholder="请输入昵称" />
+                </view>
+                <view class="btn-wrap">
+                    <view class="btn-wrap-item " @click="submit"> 提交 </view>
+                </view>
+            </view>
+        </view>
+    </Cn-page>
+</template>
+<script>
+export default {
+    data () {
+        return {
+            loading: false,
+            // 表单数据
+            name: '',
+        }
+    },
+    methods: {
+        submit () {
+            console.log(this.name)
+            uni.navigateBack()
+        },
+    }
+}
+</script>
+<style lang='scss'>
+.change-name {
+    padding: 34rpx;
+
+    .content {
+        margin-bottom: 20rpx;
+        padding: 34rpx;
+        background: $uni-theme-white;
+        border-radius: 12rpx;
+    }
+
+    .btn-wrap {
+        margin-top: 40rpx;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .btn-wrap-item {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex: 1;
+            background: $uni-theme-blue;
+            color: #fff;
+            height: 80rpx;
+            border-radius: 12rpx;
+        }
+    }
+}
+</style>