From 039021532eb7381f437b4b6f2fe730029145fc1c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A9=99=E5=AD=90?= <454313500@qq.com>
Date: Sun, 9 Oct 2022 01:10:30 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=91=E7=9A=84=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Vue3.x.Vant/src/style.css   | 10 ++++-
 Yi.Vue3.x.Vant/src/view/my.vue | 74 +++++++++++++++++++++++++++++++++-
 2 files changed, 80 insertions(+), 4 deletions(-)

diff --git a/Yi.Vue3.x.Vant/src/style.css b/Yi.Vue3.x.Vant/src/style.css
index 14c6ba32..d5b647e5 100644
--- a/Yi.Vue3.x.Vant/src/style.css
+++ b/Yi.Vue3.x.Vant/src/style.css
@@ -1,4 +1,10 @@
-:root {
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 0rem;
+  text-align: center;
+}
+/* :root {
   font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 24px;
@@ -78,4 +84,4 @@ button:focus-visible {
   button {
     background-color: #f9f9f9;
   }
-}
+} */
diff --git a/Yi.Vue3.x.Vant/src/view/my.vue b/Yi.Vue3.x.Vant/src/view/my.vue
index e3133284..d74f19fd 100644
--- a/Yi.Vue3.x.Vant/src/view/my.vue
+++ b/Yi.Vue3.x.Vant/src/view/my.vue
@@ -1,3 +1,73 @@
 <template>
-    这里是我的页面
-</template>
\ No newline at end of file
+    <van-row class="headRow">
+        <van-col span="2"><van-icon name="scan" size="1.5rem"/></van-col>
+        <van-col span="20"></van-col>
+        <van-col span="2"><van-icon name="setting-o" size="1.5rem"/></van-col>
+    </van-row>   
+
+    <van-row class="bodyRow">
+        <van-col span="6" class="leftCol">
+          <van-image
+            round
+            width="4rem"
+            height="4rem"
+            src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
+          />
+          </van-col>
+          <van-col span="12"><span class="title">大白不在家</span></van-col>
+          <van-col span="6"><span class="subtitle">个人主页<van-icon name="arrow" /></span></van-col>
+
+
+          <van-col span="6" class="bodyCol"><div><span>6</span><br>关注</div></van-col>
+          <van-col span="6" class="bodyCol"><div><span>3</span><br>粉丝</div></van-col>
+          <van-col span="6" class="bodyCol"><div><span>0</span><br>人气</div></van-col>
+          <van-col span="6" class="bodyCol"><div><span>3</span><br>钱钱</div></van-col>
+
+          <van-col span="24">
+        <van-row class="btnRow">
+            <van-col span="12">     <van-button class="btn" type="primary" >我的购物</van-button></van-col>
+            <van-col span="12" >   <van-button class="btn" type="primary">我的签到</van-button></van-col>
+        </van-row>
+          </van-col >
+    </van-row>
+</template>
+<style scoped>
+.headRow{
+    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
+}
+.bodyRow
+{
+    text-align: left;
+    margin-top: 2rem;
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;;
+}
+.bodyRow span{
+    line-height: 2rem;
+
+}
+.title
+{
+    font-size: 1.5rem;
+}
+.subtitle
+{
+    color:#CBCBCB ;
+}
+.bodyCol{
+    text-align: center;
+    font-size: 1.2rem;
+    margin-top: 1rem;
+}
+.btn{
+    width: 100%;
+    margin: 0;
+    background-color: #FFFFFF;
+    border:none;
+    color: black;
+}
+.btnRow{
+    margin-top: 1.5rem;
+    box-shadow: 0rem 0rem 0.2rem 0.2rem #f3f3f3;
+}
+</style>
\ No newline at end of file