devops/ece.suwa3d.com
1
0 Fork 0
forked from natuka/web.puabadge.com
Code Issues Pull Requests Actions Projects Releases Wiki Activity

抖店下载图片

Browse Source
This commit is contained in:
Linzm committed 2025-06-07 16:03:28 +08:00
1 parent 5e0ce4b4b5
commit 394d1a48fd
1 file changed
+10 -7
Download Patch File Download Diff File Expand all files Collapse all files
src/views/badge/preview.vue
+10 -7
View File
@@ -114,13 +114,13 @@
<div style="padding: 16px;"> <div style="padding: 16px;">
<div style="display: flex; align-items: center; justify-content: center; gap: 20px;"> <div style="display: flex; align-items: center; justify-content: center; gap: 20px;">
<div style="text-align: center;"> <div style="text-align: center;">
<img :src="compareList.origin_path" :alt="compareList.kind_name" style="width: 120px; height: 120px; border-radius: 8px;"> <img :src="compareList.origin_path" alt="原图" style="width: 120px; height: 120px; border-radius: 8px;">
</div> </div>
<div style="font-size: 24px; color: #333;"> <div style="font-size: 24px; color: #333;">
<van-icon name="arrow" size="20px" /> <van-icon name="arrow" size="20px" />
</div> </div>
<div style="text-align: center;"> <div style="text-align: center;">
<img :src="imageUrl" :alt="compareList.kind_name" style="width: 120px; height: 120px; border-radius: 8px;"> <img :src="imageUrl" alt="效果图" style="width: 120px; height: 120px; border-radius: 8px;">
</div> </div>
</div> </div>
<div style="text-align: center; margin-top: 16px; color: #999; font-size: 12px;"> <div style="text-align: center; margin-top: 16px; color: #999; font-size: 12px;">
@@ -135,13 +135,13 @@
<div style="padding: 16px;"> <div style="padding: 16px;">
<div style="display: flex; align-items: center; justify-content: center; gap: 20px;"> <div style="display: flex; align-items: center; justify-content: center; gap: 20px;">
<div style="text-align: center;"> <div style="text-align: center;">
<img :src="compareList.origin_path" :alt="compareList.kind_name" style="width: 120px; height: 120px; border-radius: 8px;"> <img :src="compareList.origin_path" alt="原图" style="width: 120px; height: 120px; border-radius: 8px;">
</div> </div>
<div style="font-size: 24px; color: #333;"> <div style="font-size: 24px; color: #333;">
<van-icon name="plus" size="20px" /> <van-icon name="plus" size="20px" />
</div> </div>
<div style="text-align: center;"> <div style="text-align: center;">
<img :src="compareList.extend_path" :alt="compareList.kind_name" style="width: 120px; height: 120px; border-radius: 8px;"> <img :src="compareList.extend_path" alt="背景图" style="width: 120px; height: 120px; border-radius: 8px;">
</div> </div>
</div> </div>
<div style="font-size: 24px; color: #333;display: flex; align-items: center; justify-content: center; margin: 16px 0;"> <div style="font-size: 24px; color: #333;display: flex; align-items: center; justify-content: center; margin: 16px 0;">
@@ -149,7 +149,7 @@
</div> </div>
<div style="display: flex; align-items: center; justify-content: center; gap: 20px;"> <div style="display: flex; align-items: center; justify-content: center; gap: 20px;">
<div style="text-align: center;"> <div style="text-align: center;">
<img :src="imageUrl" :alt="compareList.kind_name" style="width: 120px; height: 120px; border-radius: 8px;"> <img :src="imageUrl" alt="效果图" style="width: 120px; height: 120px; border-radius: 8px;">
</div> </div>
</div> </div>
<div style="text-align: center; margin-top: 16px; color: #999; font-size: 12px;"> <div style="text-align: center; margin-top: 16px; color: #999; font-size: 12px;">
@@ -257,18 +257,21 @@ const createLog = () => {
function save() { function save() {
// 下载图片到本地 // 下载图片到本地
const downloadImage = (url: string) => { const downloadImage = (url: string) => {
try {
const link = document.createElement('a') const link = document.createElement('a')
link.href = url link.href = url
link.download = '徽章效果图.png' link.download = '徽章效果图.png'
document.body.appendChild(link) document.body.appendChild(link)
link.click() link.click()
document.body.removeChild(link) document.body.removeChild(link)
} catch (err) {
window.open(url, '_blank');
}
} }
if (imageUrl.value) { if (imageUrl.value) {
downloadImage(imageUrl.value) downloadImage(imageUrl.value)
} else {
showReload.value = true
} }
} }
const compareList = ref({}) const compareList = ref({})