Skip to content

Commit 043eadd

Browse files
zyrononzyronon
committed
feat:adapted for mobile devices
1 parent 9643801 commit 043eadd

3 files changed

Lines changed: 49 additions & 4 deletions

File tree

‎components.d.ts‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,13 +41,15 @@ declare module 'vue' {
4141
IconFluentArrowBounce20Regular: typeof import('~icons/fluent/arrow-bounce20-regular')['default']
4242
IconFluentArrowCircleRight16Regular: typeof import('~icons/fluent/arrow-circle-right16-regular')['default']
4343
IconFluentArrowClockwise20Regular: typeof import('~icons/fluent/arrow-clockwise20-regular')['default']
44+
IconFluentArrowDownload20Regular: typeof import('~icons/fluent/arrow-download20-regular')['default']
4445
IconFluentArrowLeft16Regular: typeof import('~icons/fluent/arrow-left16-regular')['default']
4546
IconFluentArrowRepeatAll20Regular: typeof import('~icons/fluent/arrow-repeat-all20-regular')['default']
4647
IconFluentArrowRight16Regular: typeof import('~icons/fluent/arrow-right16-regular')['default']
4748
IconFluentArrowShuffle16Regular: typeof import('~icons/fluent/arrow-shuffle16-regular')['default']
4849
IconFluentArrowShuffle20Filled: typeof import('~icons/fluent/arrow-shuffle20-filled')['default']
4950
IconFluentArrowSort20Regular: typeof import('~icons/fluent/arrow-sort20-regular')['default']
5051
IconFluentArrowSwap20Regular: typeof import('~icons/fluent/arrow-swap20-regular')['default']
52+
IconFluentBook20Regular: typeof import('~icons/fluent/book20-regular')['default']
5153
IconFluentBookLetter20Regular: typeof import('~icons/fluent/book-letter20-regular')['default']
5254
IconFluentBookNumber20Filled: typeof import('~icons/fluent/book-number20-filled')['default']
5355
IconFluentCalendarDate20Regular: typeof import('~icons/fluent/calendar-date20-regular')['default']
@@ -61,6 +63,8 @@ declare module 'vue' {
6163
IconFluentChevronLeft20Filled: typeof import('~icons/fluent/chevron-left20-filled')['default']
6264
IconFluentChevronLeft28Filled: typeof import('~icons/fluent/chevron-left28-filled')['default']
6365
IconFluentChevronUp20Filled: typeof import('~icons/fluent/chevron-up20-filled')['default']
66+
IconFluentClock20Regular: typeof import('~icons/fluent/clock20-regular')['default']
67+
IconFluentCopy20Regular: typeof import('~icons/fluent/copy20-regular')['default']
6468
IconFluentCrown20Regular: typeof import('~icons/fluent/crown20-regular')['default']
6569
IconFluentDatabasePerson20Regular: typeof import('~icons/fluent/database-person20-regular')['default']
6670
IconFluentDelete20Regular: typeof import('~icons/fluent/delete20-regular')['default']
@@ -79,6 +83,7 @@ declare module 'vue' {
7983
IconFluentMyLocation20Regular: typeof import('~icons/fluent/my-location20-regular')['default']
8084
IconFluentNumberSymbol20Regular: typeof import('~icons/fluent/number-symbol20-regular')['default']
8185
IconFluentPaddingLeft20Regular: typeof import('~icons/fluent/padding-left20-regular')['default']
86+
IconFluentPen20Regular: typeof import('~icons/fluent/pen20-regular')['default']
8287
IconFluentPerson20Regular: typeof import('~icons/fluent/person20-regular')['default']
8388
IconFluentPhone20Regular: typeof import('~icons/fluent/phone20-regular')['default']
8489
IconFluentPlay20Regular: typeof import('~icons/fluent/play20-regular')['default']
@@ -87,14 +92,17 @@ declare module 'vue' {
8792
IconFluentSearch20Regular: typeof import('~icons/fluent/search20-regular')['default']
8893
IconFluentSearch24Regular: typeof import('~icons/fluent/search24-regular')['default']
8994
IconFluentSettings20Regular: typeof import('~icons/fluent/settings20-regular')['default']
95+
IconFluentShare20Regular: typeof import('~icons/fluent/share20-regular')['default']
9096
IconFluentShieldQuestion20Regular: typeof import('~icons/fluent/shield-question20-regular')['default']
9197
IconFluentSlideTextTitleEdit20Regular: typeof import('~icons/fluent/slide-text-title-edit20-regular')['default']
98+
IconFluentSparkle20Regular: typeof import('~icons/fluent/sparkle20-regular')['default']
9299
IconFluentSpeakerEdit20Regular: typeof import('~icons/fluent/speaker-edit20-regular')['default']
93100
IconFluentSpeakerSettings20Regular: typeof import('~icons/fluent/speaker-settings20-regular')['default']
94101
IconFluentStar16Filled: typeof import('~icons/fluent/star16-filled')['default']
95102
IconFluentStar16Regular: typeof import('~icons/fluent/star16-regular')['default']
96103
IconFluentStar20Filled: typeof import('~icons/fluent/star20-filled')['default']
97104
IconFluentStarAdd16Regular: typeof import('~icons/fluent/star-add16-regular')['default']
105+
IconFluentTarget20Regular: typeof import('~icons/fluent/target20-regular')['default']
98106
IconFluentTextBulletListSquare20Regular: typeof import('~icons/fluent/text-bullet-list-square20-regular')['default']
99107
IconFluentTextEditStyle20Regular: typeof import('~icons/fluent/text-edit-style20-regular')['default']
100108
IconFluentTextListAbcUppercaseLtr20Regular: typeof import('~icons/fluent/text-list-abc-uppercase-ltr20-regular')['default']
@@ -105,11 +113,17 @@ declare module 'vue' {
105113
IconFluentWeatherSunny16Regular: typeof import('~icons/fluent/weather-sunny16-regular')['default']
106114
IconIconParkOutlineAddMusic: typeof import('~icons/icon-park-outline/add-music')['default']
107115
IconIxWechatLogo: typeof import('~icons/ix/wechat-logo')['default']
116+
IconMaterialSymbolsMail: typeof import('~icons/material-symbols/mail')['default']
117+
IconMdiSparkles: typeof import('~icons/mdi/sparkles')['default']
108118
IconPhExportLight: typeof import('~icons/ph/export-light')['default']
119+
IconRiTwitterFill: typeof import('~icons/ri/twitter-fill')['default']
120+
IconSimpleIconsGithub: typeof import('~icons/simple-icons/github')['default']
109121
IconSimpleIconsWechat: typeof import('~icons/simple-icons/wechat')['default']
122+
IconSimpleIconsXiaohongshu: typeof import('~icons/simple-icons/xiaohongshu')['default']
110123
IconStreamlineDiscountPercentCoupon: typeof import('~icons/streamline/discount-percent-coupon')['default']
111124
IconSystemUiconsImport: typeof import('~icons/system-uicons/import')['default']
112125
IconUiwAlipay: typeof import('~icons/uiw/alipay')['default']
126+
IconUiwQq: typeof import('~icons/uiw/qq')['default']
113127
InputNumber: typeof import('./src/components/base/InputNumber.vue')['default']
114128
List: typeof import('./src/components/list/List.vue')['default']
115129
Logo: typeof import('./src/components/Logo.vue')['default']

‎public/static-home.html‎

Lines changed: 27 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -171,6 +171,7 @@
171171
transform: translate(-50%, -50%);
172172
background: rgb(247, 247, 247);
173173
width: 30rem;
174+
max-width: 85vw;
174175
border-radius: 1rem;
175176
display: none;
176177
opacity: 0;
@@ -225,8 +226,8 @@
225226
margin-bottom: 1rem;
226227
}
227228

228-
.w {
229-
width: 60vw;
229+
.container {
230+
width: min(1200px, 92%);
230231
}
231232

232233
.sky-img {
@@ -235,11 +236,33 @@
235236
}
236237

237238
.card-wrap {
238-
display: flex;
239+
display: grid;
240+
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
239241
margin-bottom: 1.2rem;
240242
gap: 1rem;
241243
}
242244

245+
.card { width: auto; }
246+
247+
@media (max-width: 768px) {
248+
h1 { font-size: 3rem !important; }
249+
.content { margin-top: 4rem; gap: 1.4rem; }
250+
.base-button { width: 100%; margin: .5rem 0; height: 2.8rem; font-size: 1rem; }
251+
.base-button + .base-button{margin-left: 0;}
252+
.bottom { flex-direction: column; align-items: flex-start; gap: .6rem; }
253+
.sky a { width: 100% !important; }
254+
.sky-img { width: 100%; }
255+
}
256+
257+
@media (max-width: 480px) {
258+
h1 { font-size: 2.4rem !important; }
259+
.content { margin-top: 3.2rem; gap: 1.2rem; }
260+
}
261+
262+
263+
html, body { -webkit-tap-highlight-color: transparent; }
264+
.icon { padding: .2rem; }
265+
243266
.bottom {
244267
display: flex;
245268
gap: 1rem;
@@ -348,7 +371,7 @@ <h2>学习英语，一次敲击，一点进步，开源单词与文章练习工
348371
class="sky-img"></a>
349372
<span>赞助：<a href="https://skywork.ai/p/GrXQb4" class="color-blue!" target="_blank">Skywork.AI: 10 tasks in 1 hour, not 10 hours →Limited free spots: 127 left</a></span>
350373
</div>
351-
<div class="w">
374+
<div class="container">
352375
<div class="card-wrap">
353376
<div class="card">
354377
<div class="emoji">📚</div>

‎src/pages/setting/Setting.vue‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -686,6 +686,14 @@ function importOldData() {
686686
</div>
687687

688688
<div v-if="tabIndex === 5">
689+
<div class="log-item">
690+
<div class="mb-2">
691+
<div>
692+
<div>日期：2025/11/22</div>
693+
<div>内容：适配移动端</div>
694+
</div>
695+
</div>
696+
</div>
689697
<div class="log-item">
690698
<div class="mb-2">
691699
<div>

0 commit comments

Comments
 (0)