From 9ace6240c34422f1e1007b9dc3e7588d654d271e Mon Sep 17 00:00:00 2001
From: zyronon <zyronon@163.com>
Date: Sat, 30 Dec 2023 22:45:59 +0800
Subject: [PATCH] save

---
 src/assets/img/book2.png     | Bin 0 -> 958 bytes
 src/assets/img/books.png     | Bin 0 -> 2895 bytes
 src/assets/img/collect.png   | Bin 0 -> 2020 bytes
 src/assets/img/complete.png  | Bin 0 -> 1953 bytes
 src/pages/mobile/My.vue      | 135 +++++++++--------------------------
 src/pages/mobile/Setting.vue |  87 +++++++++-------------
 src/pages/mobile/common.scss |  25 +++++++
 src/pages/mobile/index.vue   |   6 +-
 8 files changed, 94 insertions(+), 159 deletions(-)
 create mode 100644 src/assets/img/book2.png
 create mode 100644 src/assets/img/books.png
 create mode 100644 src/assets/img/collect.png
 create mode 100644 src/assets/img/complete.png
 create mode 100644 src/pages/mobile/common.scss

diff --git a/src/assets/img/book2.png b/src/assets/img/book2.png
new file mode 100644
index 0000000000000000000000000000000000000000..d464a2024eef4b2a30a9c76f08c467051511e420
GIT binary patch
literal 958
zcmV;v13~<WP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00009a7bBm000XU
z000XU0RWnu7ytkRa7jc#RCt{2n_W-SP#DK|Vf++&?PoJBG2YPxSr7sUTQF!$2Blqx
zZUSQ)n#hX=^g`aGfPoDNFCrN?7`m0Aqq}*`=~>5$D=)FiDd#-NlkA)>U7uf{|G%fr
z>hrN+!GgsF5x6hi4e(Mt$jL`RUIv15KfufFe*fTYpR2`l@*x4mT|POf%{>6T6h}Li
z8x;858wFK~Ic6!hbFI0%yj1A~*8l{|ZGTbmBmh8Zb%A>Tc)UZaNU>h2{77%TVw;b4
z3{wC=I0b+{Tl3c3jR&AQBm=;+4ge}7AUc_#pg^oML9Yp_v|I*N+SdW9LsGL2P-(vm
ziVh}74*-F!1mSNa@N?=DXpMbPOfS*t0lChXa9AILqgQX~18}nO)hr&R=I?{jk1e`P
z@OWgR0s!T&g?YM6FxSy<7OsclSO)!X=#fBi4Yz-;ISeP;t8gfUKx-7ia9IY#0w|<#
z`xge^ndAJ^D3-zeY|ZZ*dl}H>qzTFNj3x<mB?Wq45_Bo)F#y^QXzjTDiz|!R55^|3
z93mq%i$?`l`^DMxlnE9y%lIs|C{WV2agn>}Dj96rzK_nl38!ZmjJ>rolr?jF{Q!ik
zn_wX^hTA_rYMak@zs53{v&+D0d#m{B&bW2}>QyCx+P_sfx1DvxE`#%m^c;X<dI=x2
z(DP^UXb#EXkzEEi3P2%VZvVts%>&MN4`3P0%y<KUcoh?@YJaDjpX2vaSO#*+BLIZU
zn_zKu5xaj|#Dr1nfRWK5DQFEM7zdk|Ho>#oh?GEKXcV`9a@_HZnKF1@mcjJ2IYtYe
z)5~C{QoJ5Iy$n`wBNl+xQf~ju^0@$xKYX;w;ACsXaUrBVmdv!q`DX*<0?=O!f!=%Z
zgHmIE!@N;K%jIfm=;4(4@Wi@(Mq}gKDi}Ly6BgQrx`$j7%>Dl)$^=U{5r9hjV{w%M
zh|%2vA~QjSnV?Fu1XS8RK&2gk$V^aSCaBUZ0hM46u>LF^;N%0>0mPaj(ETu6DU|5s
zq$jQe2zn&(3lsiZt^<fPM`3q%9CGWEM5gQ7x5C=-_c?Nl|F-}*{K7<bVS-Ko0bWX=
z9S?NIAp3<(2<wxhW&KN8*8y}r5bt%>g^xU9fUUlN5$$z7cY?e;7~mwG%)+HCD&E!C
g<yf#_;iDmb15HqChSe#c5dZ)H07*qoM6N<$f~*s>mH+?%

literal 0
HcmV?d00001

diff --git a/src/assets/img/books.png b/src/assets/img/books.png
new file mode 100644
index 0000000000000000000000000000000000000000..c35ca03ff296f2ae0214b7c08d4dc10eb3078460
GIT binary patch
literal 2895
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
Japlgl{{VUTu0H?(

literal 0
HcmV?d00001

diff --git a/src/assets/img/collect.png b/src/assets/img/collect.png
new file mode 100644
index 0000000000000000000000000000000000000000..110917037de02e96cf5930623c3f20893a985f72
GIT binary patch
literal 2020
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
CywMN<

literal 0
HcmV?d00001

diff --git a/src/assets/img/complete.png b/src/assets/img/complete.png
new file mode 100644
index 0000000000000000000000000000000000000000..26eb56d2255d5f013f06b7b8ac0c280616eacc75
GIT binary patch
literal 1953
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

literal 0
HcmV?d00001

diff --git a/src/pages/mobile/My.vue b/src/pages/mobile/My.vue
index 3c428474..377ab369 100644
--- a/src/pages/mobile/My.vue
+++ b/src/pages/mobile/My.vue
@@ -29,7 +29,7 @@ function $no() {
 </script>
 
 <template>
-  <div class="page setting">
+  <div class="page my">
     <div ref="float" class="float">
       <div class="right">
         <IconWrapper>
@@ -65,47 +65,46 @@ function $no() {
         </div>
         <div class="grid">
           <div class="item" @click="router.push('/mobile/data-manage')">
-            <Icon icon="uil:setting" width="22"/>
+            <img src="@/assets/img/collect.png" alt="">
             <span>收藏</span>
           </div>
           <div class="item" @click="router.push('/mobile/data-manage')">
-            <Icon icon="uil:setting" width="22"/>
+            <img src="@/assets/img/book2.png" alt="">
             <span>错词本</span>
           </div>
           <div class="item" @click="router.push('/mobile/data-manage')">
-            <Icon icon="uil:setting" width="22"/>
+            <img src="@/assets/img/complete.png" alt="">
             <span>简单词</span>
           </div>
         </div>
-        <div class="list">
+        <div class="setting-list">
           <div class="item" @click="router.push('/mobile/setting')">
-            <div class="left">
-              <Icon icon="uil:setting" width="22"/>
+            <Icon icon="uil:setting" width="22"/>
+            <div class="right">
               <span>设置</span>
+              <Icon class="arrow" icon="mingcute:right-line" width="20"/>
             </div>
-            <Icon class="arrow" icon="mingcute:right-line" width="20"/>
           </div>
-
           <div class="item" @click="router.push('/mobile/data-manage')">
-            <div class="left">
-              <Icon icon="uil:setting" width="22"/>
+            <Icon icon="mdi:database-cog-outline" width="22"/>
+            <div class="right">
               <span>数据同步</span>
+              <Icon class="arrow" icon="mingcute:right-line" width="20"/>
             </div>
-            <Icon class="arrow" icon="mingcute:right-line" width="20"/>
-          </div>
-          <div class="item" @click="router.push('/mobile/data-manage')">
-            <div class="left">
-              <Icon icon="uil:setting" width="22"/>
-              <span>反馈问题</span>
-            </div>
-            <Icon class="arrow" icon="mingcute:right-line" width="20"/>
           </div>
           <div class="item">
-            <div class="left">
-              <Icon icon="mdi:about-circle-outline" width="22"/>
-              <span>关于我们</span>
+            <Icon icon="pepicons-pencil:letter-open" width="22"/>
+            <div class="right">
+              <span>反馈问题</span>
+              <Icon class="arrow" icon="mingcute:right-line" width="20"/>
+            </div>
+          </div>
+          <div class="item">
+            <Icon icon="mdi:about-circle-outline" width="22"/>
+            <div class="right" style="border-bottom: none">
+              <span>关于我们</span>
+              <Icon class="arrow" icon="mingcute:right-line" width="20"/>
             </div>
-            <Icon class="arrow" icon="mingcute:right-line" width="20"/>
           </div>
         </div>
       </div>
@@ -114,15 +113,16 @@ function $no() {
 </template>
 
 <style scoped lang="scss">
-$main-bg: rgb(21, 23, 36);
-$second-btn-color: rgb(58, 58, 70);
+@import "common.scss";
 
-.setting {
+
+.my {
   font-size: 18rem;
   display: flex;
   flex-direction: column;
   align-items: center;
-  background: $main-bg;
+  color: black;
+  background: var(--color-second-bg);
 
   .float {
     position: fixed;
@@ -154,30 +154,24 @@ $second-btn-color: rgb(58, 58, 70);
       box-sizing: border-box;
     }
 
-    //消息页面
-    $msg-bg: rgb(22, 22, 22);
-    $msg-subpage-card-bg: rgb(28, 30, 43); //二级页面，卡片背景
-
     .detail {
       transform: translateY(-50rem);
-      background: $main-bg;
       //padding: 20rem;
+      background: var(--color-second-bg);
       padding-top: 30rem;
       border-radius: 20rem 20rem 0 0;
       display: flex;
       flex-direction: column;
       gap: 20rem;
+      padding: 20rem;
 
       .heat {
-        padding:0 20rem;
-        color: white;
         display: flex;
         align-items: center;
         font-size: 16rem;
         gap: 30rem;
 
         .num {
-          color: white;
           font-weight: bold;
         }
 
@@ -189,16 +183,15 @@ $second-btn-color: rgb(58, 58, 70);
       }
 
       .description {
-        padding:0 20rem;
         font-size: 16rem;
-        color: white;
       }
 
       .grid {
         display: flex;
         justify-content: space-between;
-        border-bottom: 1px solid gray;
         padding: 20rem;
+        background: var(--color-header-bg);
+        border-radius: 8rem;
 
         .item {
           height: 60rem;
@@ -207,75 +200,13 @@ $second-btn-color: rgb(58, 58, 70);
           flex-direction: column;
           justify-content: center;
           align-items: center;
-          color: white;
-        }
-      }
 
-      .list {
-        padding: 20rem;
-        padding-top: 0;
-
-        .item {
-          margin-bottom: 10rem;
-          position: relative;
-          flex: 1;
-          font-size: 16rem;
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          border-radius: 6rem;
-          //background: $second-btn-color;
-          height: 50rem;
-          color: white;
-
-          .left {
-            display: flex;
-            align-items: center;
-            gap: 10rem;
+          img {
+            width: 40rem;
           }
         }
       }
-    }
-  }
 
-  .nav {
-    font-size: 16rem;
-    width: 100%;
-    height: 50rem;
-    top: 0;
-    left: 0;
-    right: 0;
-    z-index: 1;
-    background: $main-bg;
-
-    .tabs {
-      width: 100%;
-      display: flex;
-      justify-content: space-between;
-
-      .tab {
-        height: 45rem;
-        width: 45%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        color: gray;
-        transition: color .3s;
-
-        &.active {
-          font-weight: bold;
-          color: white;
-        }
-      }
-    }
-
-    .indicator {
-      height: 2px;
-      background: gold;
-      width: 25%;
-      position: relative;
-      transition: all .3s;
-      //left: 50%;
     }
   }
 }
diff --git a/src/pages/mobile/Setting.vue b/src/pages/mobile/Setting.vue
index 06c9b2e0..8fc61b2d 100644
--- a/src/pages/mobile/Setting.vue
+++ b/src/pages/mobile/Setting.vue
@@ -1,84 +1,63 @@
 <script setup lang="ts">
 
 import {Icon} from "@iconify/vue";
-import IconWrapper from "@/components/IconWrapper.vue";
 import useTheme from "@/hooks/theme.ts";
 import {useSettingStore} from "@/stores/setting.ts";
 import NavBar from "@/pages/mobile/components/NavBar.vue";
-import router from "@/router.ts";
+import {ref} from "vue";
 
 const {toggleTheme} = useTheme()
 const settingStore = useSettingStore()
+// @ts-ignore
+const gitLastCommitHash = ref(LATEST_COMMIT_HASH);
 
 </script>
 
 <template>
   <div class="mobile-page setting">
     <NavBar title="设置"/>
-    <div class="setting-list">
-      <div class="item">
-        <div class="left">
-          <Icon icon="uil:setting" width="22"/>
-          <span>音效设置</span>
+    <div class="content">
+      <div class="setting-list">
+        <div class="item">
+          <Icon icon="bx:headphone" width="22"/>
+          <div class="right">
+            <span>音效设置</span>
+            <Icon class="arrow" icon="mingcute:right-line" width="20"/>
+          </div>
+        </div>
+        <div class="item">
+          <Icon icon="icon-park-outline:setting-config" width="22"/>
+          <div class="right" style="border-bottom: none">
+            <span>其他设置</span>
+            <Icon class="arrow" icon="mingcute:right-line" width="20"/>
+          </div>
         </div>
-        <Icon class="arrow" icon="mingcute:right-line" width="20"/>
       </div>
-      <div class="item">
-        <div class="left">
-          <Icon icon="uil:setting" width="22"/>
-          <span>其他设置</span>
-        </div>
-        <Icon class="arrow" icon="mingcute:right-line" width="20"/>
-      </div>
-      <div class="item" @click="router.push('/mobile/data-manage')">
-        <div class="left">
-          <Icon icon="uil:setting" width="22"/>
-          <span>数据管理</span>
-        </div>
-        <Icon class="arrow" icon="mingcute:right-line" width="20"/>
-      </div>
-      <div class="item" @click="router.push('/mobile/data-manage')">
-        <div class="left">
-          <Icon icon="uil:setting" width="22"/>
-          <span>反馈问题</span>
-        </div>
-        <Icon class="arrow" icon="mingcute:right-line" width="20"/>
-      </div>
-      <div class="item">
-        <div class="left">
-          <Icon icon="mdi:about-circle-outline" width="22"/>
-          <span>关于我们</span>
-        </div>
-        <Icon class="arrow" icon="mingcute:right-line" width="20"/>
+      <div class="git-log">
+        Build {{ gitLastCommitHash }}
       </div>
     </div>
   </div>
 </template>
 
 <style scoped lang="scss">
+@import "common";
+
 .setting {
   display: flex;
   flex-direction: column;
-  align-items: center;
+  background: var(--color-second-bg);
 
-  .setting-list {
-    background: var(--color-third-bg);
-    border-radius: 8rem;
-    width: 90%;
-
-    .item {
-      height: 60rem;
-      padding: 0 20rem;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-
-      .left {
-        display: flex;
-        align-items: center;
-        gap: 10rem;
-      }
-    }
+  .content {
+    width: 100%;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+    padding: 20rem;
+    box-sizing: border-box;
   }
+
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/mobile/common.scss b/src/pages/mobile/common.scss
new file mode 100644
index 00000000..a9564782
--- /dev/null
+++ b/src/pages/mobile/common.scss
@@ -0,0 +1,25 @@
+.setting-list {
+  background: var(--color-header-bg);
+  color: black;
+  border-radius: 8rem;
+  width: 100%;
+
+  .item {
+    height: 60rem;
+    padding-left: 20rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 10rem;
+
+    .right {
+      padding-right: 10rem;
+      height: 100%;
+      flex: 1;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      border-bottom: 1px solid #f1f1f1;
+    }
+  }
+}
diff --git a/src/pages/mobile/index.vue b/src/pages/mobile/index.vue
index 996ef3f2..045321c7 100644
--- a/src/pages/mobile/index.vue
+++ b/src/pages/mobile/index.vue
@@ -24,15 +24,15 @@ onMounted(() => {
     </div>
     <div class="tabs">
       <div class="tab" @click="index = 0">
-        <Icon width="30" icon="icon-park:word"/>
+        <Icon width="30" icon="ph:exam"/>
         <span>单词</span>
       </div>
       <div class="tab" @click="index = 1">
-        <Icon width="30" icon="icon-park:word"/>
+        <Icon width="30" icon="iconoir:book"/>
         <span>词典</span>
       </div>
       <div class="tab" @click="index = 2">
-        <Icon width="30" icon="icon-park:word"/>
+        <Icon width="30" icon="iconoir:user"/>
         <span>我的</span>
       </div>
     </div>