Skip to content

Commit 01a3a7a

Browse files
algerkongalgerkong
committed
✨ feat: 添加音乐平台链接，优化移动端样式
1 parent e47c84e commit 01a3a7a

File tree

5 files changed

+66
-47
lines changed

5 files changed

+66
-47
lines changed

‎src/i18n/lang/zh-CN/settings.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ export default {
4444
},
4545
playback: {
4646
quality: '音质设置',
47-
qualityDesc: '选择音乐播放音质（VIP）',
47+
qualityDesc: '选择音乐播放音质（网易云VIP）',
4848
qualityOptions: {
4949
standard: '标准',
5050
higher: '较高',

‎src/renderer/components/Coffee.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -76,7 +76,7 @@ const copyQQ = () => {
7676
};
7777
7878
const toDonateList = () => {
79-
window.open('http://donate.alger.fun', '_blank');
79+
window.open('http://donate.alger.fun/download', '_blank');
8080
};
8181
8282
defineProps({

‎src/renderer/components/common/DonationList.vue

Lines changed: 10 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,12 @@
44
<div class="description">
55
<p>{{ t('donation.description') }}</p>
66
<p>{{ t('donation.message') }}</p>
7+
<n-button type="primary" @click="toDonateList">
8+
<template #icon>
9+
<i class="ri-cup-line"></i>
10+
</template>
11+
{{ t('donation.toDonateList') }}
12+
</n-button>
713
</div>
814
<div class="qrcode-grid">
915
<div class="qrcode-item">
@@ -16,15 +22,6 @@
1622
<span class="qrcode-label">{{ t('common.alipay') }}</span>
1723
</div>
1824

19-
<div class="donate-button">
20-
<n-button type="primary" @click="toDonateList">
21-
<template #icon>
22-
<i class="ri-cup-line"></i>
23-
</template>
24-
{{ t('donation.toDonateList') }}
25-
</n-button>
26-
</div>
27-
2825
<div class="qrcode-item">
2926
<n-image
3027
:src="wechat"
@@ -66,7 +63,7 @@
6663
<div class="donor-info">
6764
<div class="donor-meta">
6865
<div class="donor-name">{{ donor.name }}</div>
69-
<div class="price-tag">￥{{ donor.amount }}</div>
66+
<!-- <div class="price-tag">￥{{ donor.amount }}</div> -->
7067
</div>
7168
<div class="donation-date">{{ donor.date }}</div>
7269
</div>
@@ -172,7 +169,7 @@ const toggleExpand = () => {
172169
};
173170
174171
const toDonateList = () => {
175-
window.open('http://donate.alger.fun', '_blank');
172+
window.open('http://donate.alger.fun/download', '_blank');
176173
};
177174
</script>
178175

@@ -211,13 +208,9 @@ const toDonateList = () => {
211208
@apply rounded-lg p-2.5 transition-all duration-200 hover:shadow-md;
212209
@apply bg-light-100 dark:bg-gray-800/5 backdrop-blur-sm;
213210
@apply border border-gray-200 dark:border-gray-700/10;
214-
@apply flex flex-col justify-between;
211+
@apply flex flex-col;
215212
min-height: 100px;
216213
217-
&.no-message {
218-
@apply justify-between;
219-
}
220-
221214
.card-content {
222215
@apply flex items-start gap-2 mb-2;
223216
}
@@ -327,7 +320,7 @@ const toDonateList = () => {
327320
}
328321
329322
.qrcode-grid {
330-
@apply flex justify-between items-center gap-4;
323+
@apply flex justify-between items-center gap-4 flex-wrap;
331324
332325
.qrcode-item {
333326
@apply flex flex-col items-center gap-2;

‎src/renderer/layout/components/SearchBar.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -266,7 +266,7 @@ const selectItem = async (key: string) => {
266266
};
267267
268268
const toGithub = () => {
269-
window.open('http://donate.alger.fun', '_blank');
269+
window.open('http://donate.alger.fun/download', '_blank');
270270
};
271271
272272
const updateInfo = ref<UpdateResult>({

‎src/renderer/views/set/index.vue

Lines changed: 53 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@
4040
<language-switcher />
4141
</div>
4242

43-
<div class="set-item">
43+
<div class="set-item" v-if="isElectron">
4444
<div>
4545
<div class="set-item-title">{{ t('settings.basic.font') }}</div>
4646
<div class="set-item-content">{{ t('settings.basic.fontDesc') }}</div>
@@ -103,9 +103,9 @@
103103
</div>
104104
</div>
105105
<div class="flex items-center gap-2">
106-
<span class="text-sm text-gray-400">{{ setData.animationSpeed }}x</span>
107-
<div class="w-60">
108-
<n-slider
106+
<span class="text-sm text-gray-400" v-if="!isMobile">{{ setData.animationSpeed }}x</span>
107+
<div>
108+
<template v-if="!isMobile"><n-slider
109109
v-model:value="setData.animationSpeed"
110110
:min="0.1"
111111
:max="3"
@@ -117,7 +117,19 @@
117117
}"
118118
:disabled="setData.noAnimate"
119119
class="w-40"
120-
/>
120+
/></template>
121+
<template v-else>
122+
<n-input-number
123+
v-model:value="setData.animationSpeed"
124+
:min="0.1"
125+
:max="3"
126+
:step="0.1"
127+
:placeholder="t('settings.basic.animationSpeedPlaceholder')"
128+
:disabled="setData.noAnimate"
129+
button-placement="both"
130+
style="width: 100px"
131+
/>
132+
</template>
121133
</div>
122134
</div>
123135
</div>
@@ -128,28 +140,42 @@
128140
<div id="playback" ref="playbackRef" class="settings-section">
129141
<div class="settings-section-title">{{ t('settings.sections.playback') }}</div>
130142
<div class="settings-section-content">
131-
<div class="set-item">
132-
<div>
133-
<div class="set-item-title">{{ t('settings.playback.quality') }}</div>
134-
<div class="set-item-content">{{ t('settings.playback.qualityDesc') }}</div>
143+
<div>
144+
<div class="set-item">
145+
<div>
146+
<div class="set-item-title">{{ t('settings.playback.quality') }}</div>
147+
<div class="set-item-content">
148+
{{ t('settings.playback.qualityDesc') }}
149+
</div>
150+
</div>
151+
<n-select
152+
v-model:value="setData.musicQuality"
153+
:options="[
154+
{ label: t('settings.playback.qualityOptions.standard'), value: 'standard' },
155+
{ label: t('settings.playback.qualityOptions.higher'), value: 'higher' },
156+
{ label: t('settings.playback.qualityOptions.exhigh'), value: 'exhigh' },
157+
{ label: t('settings.playback.qualityOptions.lossless'), value: 'lossless' },
158+
{ label: t('settings.playback.qualityOptions.hires'), value: 'hires' },
159+
{ label: t('settings.playback.qualityOptions.jyeffect'), value: 'jyeffect' },
160+
{ label: t('settings.playback.qualityOptions.sky'), value: 'sky' },
161+
{ label: t('settings.playback.qualityOptions.dolby'), value: 'dolby' },
162+
{ label: t('settings.playback.qualityOptions.jymaster'), value: 'jymaster' }
163+
]"
164+
style="width: 160px"
165+
/>
166+
</div>
167+
<!-- 网易云 QQ 音乐 酷我 酷狗 会员购买链接 -->
168+
<div class="p-2 bg-light-100 dark:bg-dark-100 rounded-lg mt-2">
169+
<div>大家还是需要支持正版，本软件只做开源探讨</div>
170+
<div class="mt-2">各大音乐会员购买链接</div>
171+
<div class="flex gap-5 flex-wrap">
172+
<a class="text-green-400 hover:text-green-500" href="https://music.163.com/store/vip" target="_blank">网易云音乐会员</a>
173+
<a class="text-green-400 hover:text-green-500" href="https://y.qq.com/portal/vipportal/" target="_blank">QQ音乐会员</a>
174+
<a class="text-green-400 hover:text-green-500" href="https://vip.kugou.com/" target="_blank">酷狗音乐会员</a>
175+
<a class="text-green-400 hover:text-green-500" href="https://vip1.kuwo.cn/" target="_blank">酷我音乐会员</a>
176+
</div>
135177
</div>
136-
<n-select
137-
v-model:value="setData.musicQuality"
138-
:options="[
139-
{ label: t('settings.playback.qualityOptions.standard'), value: 'standard' },
140-
{ label: t('settings.playback.qualityOptions.higher'), value: 'higher' },
141-
{ label: t('settings.playback.qualityOptions.exhigh'), value: 'exhigh' },
142-
{ label: t('settings.playback.qualityOptions.lossless'), value: 'lossless' },
143-
{ label: t('settings.playback.qualityOptions.hires'), value: 'hires' },
144-
{ label: t('settings.playback.qualityOptions.jyeffect'), value: 'jyeffect' },
145-
{ label: t('settings.playback.qualityOptions.sky'), value: 'sky' },
146-
{ label: t('settings.playback.qualityOptions.dolby'), value: 'dolby' },
147-
{ label: t('settings.playback.qualityOptions.jymaster'), value: 'jymaster' }
148-
]"
149-
style="width: 160px"
150-
/>
151178
</div>
152-
153179
<div class="set-item" v-if="isElectron">
154180
<div>
155181
<div class="set-item-title">{{ t('settings.playback.musicSources') }}</div>
@@ -418,7 +444,7 @@
418444

419445
<!-- 捐赠支持 -->
420446
<div id="donation" ref="donationRef" class="settings-section">
421-
<div class="settings-section-title">{{ t('settings.sections.donation') }}</div>
447+
<div class="settings-section-title">{{ t('settings.sectio ns.donation') }}</div>
422448
<div class="settings-section-content">
423449
<div class="set-item">
424450
<div>
@@ -499,7 +525,7 @@ import config from '../../../../package.json';
499525
// 所有平台默认值
500526
const ALL_PLATFORMS: Platform[] = ['migu', 'kugou', 'pyncmd', 'bilibili', 'kuwo'];
501527
502-
const platform = window.electron.ipcRenderer.sendSync('get-platform');
528+
const platform = window.electron ? window.electron.ipcRenderer.sendSync('get-platform') : 'web';
503529
504530
const settingsStore = useSettingsStore();
505531
const userStore = useUserStore();

0 commit comments

Comments
 (0)