submit

src/pages.json

@@ -9,9 +9,10 @@
 			"path": "pages/index/index",
 		"style": {
 			"navigationBarTitleText": "",
-				"navigationStyle": "custom",
-				"titlePenetrate": "YES",
-				"transparentTitle": "always"
+			"enablePullDownRefresh": false,
+			"app-plus": {
+				"titleNView": false // 禁用原生导航
+			}
 		}
 		},
 		{

src/pages/index/index.vue

@@ -1,6 +1,6 @@
 <template>
  <div>
-   <div :style="{height:`${ztHehight}px`}"></div>
+<!--   <div :style="{height:`${ztHehight}px`}"></div>-->
    <home v-if="acc===0"/>
    <mine v-if="acc===1"/>
    <self-tabbar v-model="acc"></self-tabbar>
@@ -11,6 +11,6 @@ import home from '../home/index.vue'
 import mine from '../mine/index.vue'
 import selfTabbar from '../../components/self-tabbar/index.vue'
 import {ref} from "vue";
-const acc=ref(0)
+const acc=ref(1)
 const ztHehight=uni.getSystemInfoSync().statusBarHeight
 </script>

src/pages/mine/index.vue

@@ -1,6 +1,25 @@
 <template>
-<div>
-
+<div class="large-container">
+  <div class="content1">
+    <div class="wrap1">
+      <div class="wrap1_1">
+        <image src="../../static/06.png" alt=""/>
+      </div>
+      <div class="wrap1_2">
+        <div class="wrap1_2_1">
+          <div class="wrap1_2_1_1">某某某</div>
+          <div class="wrap1_2_1_2">已实名</div>
+        </div>
+        <div class="wrap1_2_2">178273938123</div>
+      </div>
+    </div>
+    <div class="wrap2">
+      <div class="wrap2_1">
+        <image src="../../static/zu609@3x (1).png" alt=""/>
+      </div>
+      <div class="wrap2_2">设置</div>
+    </div>
+  </div>
 </div>
 </template>
 <script setup>
@@ -9,6 +28,61 @@
 
 
 
-<style scoped>
+<style scoped lang="scss">
+.large-container{
+  height: 100vh;
+  width: 100vw;
+background-image: url('https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/16968647-fc99-46fe-b95c-620c55b7646f.png');
+  background-size: 100%;
+  padding: 38rpx 32rpx 0 32rpx;
 
+  .content1{
+    display: flex;
+    .wrap1{
+      border-radius: 40rpx;
+      width: 480rpx;
+      height: 150rpx;
+      background-color: #fff;
+      display: flex;
+      align-items: center;
+      .wrap1_2{
+        display: flex;
+        flex-direction: column;
+        .wrap1_2_2{
+          margin-top: 6rpx;
+          color: #626262;
+        }
+        .wrap1_2_1{
+          display: flex;
+          align-items: center;
+          .wrap1_2_1_1{
+            color: #000;
+            font-size: 28rpx;
+          }
+          .wrap1_2_1_2{
+            margin-left: 6rpx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 76rpx;
+            height: 26rpx;
+            background-color:#FFCD5C;
+            border-radius: 8rpx;
+            font-size: 16rpx;
+            color: #fff;
+          }
+        }
+      }
+      .wrap1_1{
+        margin-left: 68rpx;
+        margin-right: 36rpx;
+        image{
+          width: 100rpx;
+          height: 100rpx;
+        }
+      }
+
+    }
+  }
+}
 </style>