修改样式

src/views/appStoreCopy/components/userInfoPage.vue

@@ -5,20 +5,20 @@
             <div>{{ userinfo.username }}</div>
         </div>
         <div class="infoCon">
-            <div>账户</div>
+            <div style="font-size: 14px;">账户</div>
             <div class="Blo">
                 <div style="display: flex;align-items: center;gap: 10px;">
                     <img src="../../../assets/images/appStoreCopy/tel.svg" alt="">
                     账号
                 </div>
-                {{ userinfo.accountNumber }}
+                <span style="color: #969BA3;">{{ userinfo.accountNumber }}</span>
             </div>
             <div class="Blo">
                 <div style="display: flex;align-items: center;gap: 10px;">
                     <img src="../../../assets/images/appStoreCopy/sch.svg" alt="">
                     学校
                 </div>
-                {{ userinfo.schoolName }}
+                <span style="color: #969BA3;">{{ userinfo.schoolName }}</span>
             </div>
             <div @click="exitLogin" class="Blo">
                 <div style="display: flex;align-items: center;gap: 10px;">
@@ -117,6 +117,10 @@ import { loginOut } from '@/api/user'
     display: flex;
     flex-direction: column;
     gap: 10px;
+    font-family: PingFang HK;
+    font-weight: 400;
+    font-size: 14px;
+
     .Blo{
         display: flex;
         justify-content: space-between;

src/views/appStoreCopy/index.vue

@@ -61,9 +61,9 @@
             <template v-if="dataList.length">
               <div v-for="(i, ind) in dataList" @click="openUrl(i.url)" :key="ind + 'a'" class="appBlock">
                 <div class="appBlockTop">
-                  <div style="position: relative;">
+                  <div style="display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;">
                     <img class="appBlockTopImg" :src="i.json.icon" alt="" />
-                    <img style="position: absolute;top: 0;right: 0;width: 16px;" src="../../assets/images/appStoreCopy/appde.svg" alt="" />
+                    <img style="width: 16px;" src="../../assets/images/appStoreCopy/appde.svg" alt="" />
                   </div>
                   <div class="appBlockTopTit">{{ i.name }}</div>
                   <div style="display: flex;align-items: center;">
@@ -622,7 +622,7 @@ export default {
         padding: 3px;
         box-sizing: border-box;
         border: 0.5px #d9d9d9 solid;
-        margin-bottom: 10px;
+        // margin-bottom: 10px;
       }
       .appBlockTopTit {
         font-family: PingFang SC;
@@ -637,6 +637,8 @@ export default {
       .ATag {
         font-family: PingFang SC;
         font-weight: 400;
+
+        justify-content: center;
         font-size: 10px;
         line-height: 16px;
         background: #f3f3f3;
@@ -660,6 +662,7 @@ export default {
       justify-content: space-between;
       font-size: 14px !important;
       box-sizing: border-box;
+      color: rgba(40,47,60,0.8) !important;
       .appBlockBotCol {
         display: flex;
         align-items: center;