From 128057fe0aa3a3cc411149cfefc3801c07ec7dca Mon Sep 17 00:00:00 2001
From: oustr <biu_biu_@outlook.com>
Date: Wed, 2 Aug 2023 23:06:57 +0800
Subject: [PATCH 1/2] =?UTF-8?q?refactor:=20=E5=AE=8C=E5=96=84=E5=96=B5?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B6=E9=83=A8=E9=83=A8=E5=88=86=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/cat/cat.vue    | 18 +++++-------------
 src/pages/cat/header.vue | 11 ++++++-----
 2 files changed, 11 insertions(+), 18 deletions(-)

diff --git a/src/pages/cat/cat.vue b/src/pages/cat/cat.vue
index 3f2ab2d4..368182b3 100644
--- a/src/pages/cat/cat.vue
+++ b/src/pages/cat/cat.vue
@@ -1,21 +1,12 @@
 <template>
   <view v-if="!isRefreshing">
-    <!--    <image-->
-    <!--      :src="mainImgUrl"-->
-    <!--      mode="widthFix"-->
-    <!--      @click="onClickAvatar(mainImgUrl, cat.avatars)"-->
-    <!--    />-->
     <image
       :src="mainImgUrl"
       class="cat-image"
-      mode="widthFix"
+      mode="aspectFill"
       @click="onClickAvatar(mainImgUrl, cat.avatars)"
     />
-    <view style="height: 20vh"></view>
     <view class="main">
-      <!-- <view>
-              <text>{{ cat.name }}</text>
-           </view> -->
       <Header :cat="cat" />
       <MetaInfo :cat="cat" />
       <Guide :cat="cat" />
@@ -106,12 +97,13 @@ onPullDownRefresh(() => {
 .cat-image {
   position: fixed;
   width: 100vw;
-  height: 30vh;
+  height: 48vw;
   z-index: -1;
+  top: 0;
 }
 .main {
-  border-radius: 3% 3% 0 0;
-  height: 80vh;
+  border-radius: 4vw 4vw 0 0;
+  margin-top: 43vw;
   width: 100vw;
   background-color: #ffffff;
 }
diff --git a/src/pages/cat/header.vue b/src/pages/cat/header.vue
index f56c3d4e..ac6779e0 100644
--- a/src/pages/cat/header.vue
+++ b/src/pages/cat/header.vue
@@ -6,7 +6,7 @@
       <!-- <image class="like" mode="widthFix" :src="Icons.Location"/> -->
     </view>
     <view class="second-line">
-      {{ props.cat.name }}
+      {{ props.cat.color }}
     </view>
   </view>
 </template>
@@ -22,10 +22,11 @@ const props = defineProps<Props>();
 
 <style scoped lang="scss">
 .header {
-  margin-top: 5vh;
-  margin-left: 4vw;
+  margin-top: 4vw;
+  margin-left: 6vw;
+  margin-right: 6vw;
   .first-line {
-    font-size: 24px;
+    font-size: 6vw;
     color: #1d1d1d;
     font-weight: 600;
     display: flex;
@@ -38,7 +39,7 @@ const props = defineProps<Props>();
 	} */
   }
   .second-line {
-    font-size: 14px;
+    font-size: 4vw;
     color: #d1d1d1;
     margin-bottom: 5vw;
   }

From 6ac7eaad4072ed906877cc21e30d77b240d584cc Mon Sep 17 00:00:00 2001
From: oustr <biu_biu_@outlook.com>
Date: Wed, 2 Aug 2023 23:07:57 +0800
Subject: [PATCH 2/2] =?UTF-8?q?docs:=20=E6=B7=BB=E5=8A=A0=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E8=A7=84=E8=8C=83=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 comments | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/comments b/comments
index 733cba51..fd08ab08 100644
--- a/comments
+++ b/comments
@@ -1,3 +1,10 @@
+代码规范：
+
+长宽单位统一用vw（高度上的也是vw，字号也是，都以屏幕宽度为准），不用rpx（不是原生的，经常容易标红报错）
+<image mode="aspectFill"/> 用aspectFill可以使得在长宽固定的情况下 图片居中且填满整个长宽 多余的会被隐藏起来 不会让图片变形
+
+
+
 uni.setStorageSync(KEY,DATA)
 uni.getStorageSync(KEY)