diff --git a/src/App.vue b/src/App.vue
index a8ec4169..f79fa645 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,7 +13,7 @@ import ArticleContentDialog from "@/components/dialog/ArticleContentDialog.vue";
import CollectNotice from "@/components/CollectNotice.vue";
import {SAVE_DICT_KEY, SAVE_SETTING_KEY} from "@/utils/const.ts";
import {isMobile, shakeCommonDict} from "@/utils";
-import {routes} from "@/router.ts";
+import router, {routes} from "@/router.ts";
import {$ref} from "vue/macros";
import {useRoute} from "vue-router";
import * as eruda from "eruda";
@@ -77,7 +77,7 @@ onMounted(() => {
if (isMobile()) {
// 当前设备是移动设备
console.log('当前设备是移动设备')
- // router.replace('/mobile')
+ router.replace('/mobile')
}
})
let transitionName = $ref('go')
diff --git a/src/assets/img/a.jpg b/src/assets/img/a.png
similarity index 100%
rename from src/assets/img/a.jpg
rename to src/assets/img/a.png
diff --git a/src/assets/img/header-bg.png b/src/assets/img/b.png
similarity index 100%
rename from src/assets/img/header-bg.png
rename to src/assets/img/b.png
diff --git a/src/pages/mobile/My-old.vue b/src/pages/mobile/My-old.vue
new file mode 100644
index 00000000..1c2bed94
--- /dev/null
+++ b/src/pages/mobile/My-old.vue
@@ -0,0 +1,258 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/mobile/My.vue b/src/pages/mobile/My.vue
index 3528515b..3c428474 100644
--- a/src/pages/mobile/My.vue
+++ b/src/pages/mobile/My.vue
@@ -63,54 +63,53 @@ function $no() {
您已坚持了164天，加油！
-
@@ -148,7 +147,7 @@ $second-btn-color: rgb(58, 58, 70);
header {
color: white;
height: 200rem;
- background-image: url('../../assets/img/a.jpg');
+ background-image: url('../../assets/img/b.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
@@ -160,16 +159,17 @@ $second-btn-color: rgb(58, 58, 70);
$msg-subpage-card-bg: rgb(28, 30, 43); //二级页面，卡片背景
.detail {
- transform: translateY(-10rem);
+ transform: translateY(-50rem);
background: $main-bg;
- padding: 20rem;
- padding-bottom: 0;
- border-radius: 10rem 10rem 0 0;
+ //padding: 20rem;
+ padding-top: 30rem;
+ border-radius: 20rem 20rem 0 0;
display: flex;
flex-direction: column;
gap: 20rem;
.heat {
+ padding:0 20rem;
color: white;
display: flex;
align-items: center;
@@ -189,26 +189,50 @@ $second-btn-color: rgb(58, 58, 70);
}
.description {
+ padding:0 20rem;
font-size: 16rem;
color: white;
}
- .my-buttons {
+ .grid {
display: flex;
- gap: 20rem;
justify-content: space-between;
+ border-bottom: 1px solid gray;
+ padding: 20rem;
- .button {
+ .item {
+ height: 60rem;
+ gap: 10rem;
+ display: flex;
+ 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: center;
+ justify-content: space-between;
border-radius: 6rem;
- background: $second-btn-color;
- height: 40rem;
+ //background: $second-btn-color;
+ height: 50rem;
color: white;
+
+ .left {
+ display: flex;
+ align-items: center;
+ gap: 10rem;
+ }
}
}
}