refactor: 修改网站图标引用方式,解决打包后没有图标文件的问题

This commit is contained in:
2024-08-31 19:17:47 +08:00
parent 18f3b97ab8
commit afcf5d56b4
3 changed files with 36 additions and 33 deletions

View File

@@ -16,6 +16,24 @@ import {
$message, $message,
} from './naive-ui'; } from './naive-ui';
import icon_baidu from '@/assets/website-icon/baidu.svg';
import icon_bing from '@/assets/website-icon/bing.svg';
import icon_sogou from '@/assets/website-icon/sogou.svg';
import icon_360 from '@/assets/website-icon/360.svg';
import icon_google from '@/assets/website-icon/google.svg';
import icon_yandex from '@/assets/website-icon/yandex.svg';
import icon_netease_music from '@/assets/website-icon/netease_music.svg';
import icon_acfun from '@/assets/website-icon/acfun.svg';
import icon_bilibili from '@/assets/website-icon/bilibili.svg';
import icon_qq_music from '@/assets/website-icon/qq_music.svg';
import icon_cnblogs from '@/assets/website-icon/cnblogs.svg';
import icon_csdn from '@/assets/website-icon/csdn.svg';
import icon_github from '@/assets/website-icon/github.svg';
import icon_mdn from '@/assets/website-icon/mdn.svg';
import icon_zcool from '@/assets/website-icon/zcool.svg';
import icon_iconfont from '@/assets/website-icon/iconfont.svg';
import icon_zhihu from '@/assets/website-icon/zhihu.svg';
/** 打开搜索结果页面 */ /** 打开搜索结果页面 */
export function openSearchResult() { export function openSearchResult() {
@@ -64,42 +82,42 @@ export const searchEngineList = [
name: '百度', name: '百度',
desc: 'www.baidu.com', desc: 'www.baidu.com',
url: 'https://www.baidu.com/s?wd=%keyword%', url: 'https://www.baidu.com/s?wd=%keyword%',
icon: 'baidu.svg', icon: icon_baidu,
show: true, show: true,
}, },
{ {
name: '必应', name: '必应',
desc: 'cn.bing.com', desc: 'cn.bing.com',
url: 'https://cn.bing.com/search?q=%keyword%', url: 'https://cn.bing.com/search?q=%keyword%',
icon: 'bing.svg', icon: icon_bing,
show: true, show: true,
}, },
{ {
name: '搜狗', name: '搜狗',
desc: 'www.sogou.com', desc: 'www.sogou.com',
url: 'https://www.sogou.com/web?query=%keyword%', url: 'https://www.sogou.com/web?query=%keyword%',
icon: 'sogou.svg', icon: icon_sogou,
show: true, show: true,
}, },
{ {
name: '360', name: '360',
desc: 'www.so.com', desc: 'www.so.com',
url: 'https://www.so.com/s?q=%keyword%', url: 'https://www.so.com/s?q=%keyword%',
icon: '360.svg', icon: icon_360,
show: true, show: true,
}, },
{ {
name: 'Google', name: 'Google',
desc: 'www.google.com', desc: 'www.google.com',
url: 'https://www.google.com/search?q=%keyword%', url: 'https://www.google.com/search?q=%keyword%',
icon: 'google.svg', icon: icon_google,
show: true, show: true,
}, },
{ {
name: 'Yandex', name: 'Yandex',
desc: 'yandex.com', desc: 'yandex.com',
url: 'https://yandex.com/search/?text=%keyword%', url: 'https://yandex.com/search/?text=%keyword%',
icon: 'yandex.svg', icon: icon_yandex,
show: true, show: true,
} }
] ]
@@ -111,28 +129,28 @@ export const searchEngineList = [
name: '网易云音乐', name: '网易云音乐',
desc: 'music.163.com', desc: 'music.163.com',
url: 'https://music.163.com/#/search/m/?s=%keyword%', url: 'https://music.163.com/#/search/m/?s=%keyword%',
icon: 'netease_music.svg', icon: icon_netease_music,
show: true, show: true,
}, },
{ {
name: 'AcFun', name: 'AcFun',
desc: 'www.acfun.cn', desc: 'www.acfun.cn',
url: 'https://www.acfun.cn/search/?keyword=%keyword%', url: 'https://www.acfun.cn/search/?keyword=%keyword%',
icon: 'acfun.svg', icon: icon_acfun,
show: true, show: true,
}, },
{ {
name: 'bilibili', name: 'bilibili',
desc: 'search.bilibili.com', desc: 'search.bilibili.com',
url: 'https://search.bilibili.com/all?keyword=%keyword%', url: 'https://search.bilibili.com/all?keyword=%keyword%',
icon: 'bilibili.svg', icon: icon_bilibili,
show: true, show: true,
}, },
{ {
name: 'QQ音乐', name: 'QQ音乐',
desc: 'y.qq.com', desc: 'y.qq.com',
url: 'https://y.qq.com/n/ryqq/search?w=%keyword%', url: 'https://y.qq.com/n/ryqq/search?w=%keyword%',
icon: 'qq_music.svg', icon: icon_qq_music,
show: true, show: true,
} }
] ]
@@ -144,28 +162,28 @@ export const searchEngineList = [
name: '博客园', name: '博客园',
desc: 'zzk.cnblogs.co', desc: 'zzk.cnblogs.co',
url: 'https://zzk.cnblogs.com/s?w=%keyword%', url: 'https://zzk.cnblogs.com/s?w=%keyword%',
icon: 'cnblogs.svg', icon: icon_cnblogs,
show: true, show: true,
}, },
{ {
name: 'CSDN', name: 'CSDN',
desc: 'so.csdn.net', desc: 'so.csdn.net',
url: 'https://so.csdn.net/so/search/all?q=%keyword%', url: 'https://so.csdn.net/so/search/all?q=%keyword%',
icon: 'csdn.svg', icon: icon_csdn,
show: true, show: true,
}, },
{ {
name: 'GitHub', name: 'GitHub',
desc: 'github.com', desc: 'github.com',
url: 'https://github.com/search?q=%keyword%', url: 'https://github.com/search?q=%keyword%',
icon: 'github.svg', icon: icon_github,
show: true, show: true,
}, },
{ {
name: 'MDN', name: 'MDN',
desc: 'developer.mozilla.org', desc: 'developer.mozilla.org',
url: 'https://developer.mozilla.org/zh-CN/search?q=%keyword%', url: 'https://developer.mozilla.org/zh-CN/search?q=%keyword%',
icon: 'mdn.svg', icon: icon_mdn,
show: true, show: true,
} }
] ]
@@ -177,14 +195,14 @@ export const searchEngineList = [
name: '站酷', name: '站酷',
desc: 'www.zcool.com.cn', desc: 'www.zcool.com.cn',
url: 'https://www.zcool.com.cn/search/content?word=%keyword%', url: 'https://www.zcool.com.cn/search/content?word=%keyword%',
icon: 'zcool.svg', icon: icon_zcool,
show: true, show: true,
}, },
{ {
name: 'Iconfont', name: 'Iconfont',
desc: 'www.iconfont.cn', desc: 'www.iconfont.cn',
url: 'https://www.iconfont.cn/search/index?searchType=icon&q=%keyword%', url: 'https://www.iconfont.cn/search/index?searchType=icon&q=%keyword%',
icon: 'iconfont.svg', icon: icon_iconfont,
show: true, show: true,
} }
] ]
@@ -196,7 +214,7 @@ export const searchEngineList = [
name: '知乎', name: '知乎',
desc: 'www.zhihu.com', desc: 'www.zhihu.com',
url: 'https://www.zhihu.com/search?type=content&q=%keyword%', url: 'https://www.zhihu.com/search?type=content&q=%keyword%',
icon: 'zhihu.svg', icon: icon_zhihu,
show: true, show: true,
} }
] ]

View File

@@ -4,17 +4,6 @@ import {
description as appDesc, description as appDesc,
} from '@package-json'; } from '@package-json';
/** 当前模块 URL */
const META_URL = import.meta.url;
/**
* @description 获取资源文件 URL
* @param {string} path 文件相对于 assets 目录的路径
*/
export function getAssetsUrl(path = '') {
return new URL(`../${path}`, META_URL).href;
}
/** /**
* @description 更新页面标题 * @description 更新页面标题
* @param {string} title * @param {string} title

View File

@@ -47,7 +47,7 @@
<img <img
class="item-icon" class="item-icon"
draggable="false" draggable="false"
:src="getAssetsUrl('website-icon/' + engineItem.icon)" :src="engineItem.icon"
/> />
<span class="item-label">{{ engineItem.name }}</span> <span class="item-label">{{ engineItem.name }}</span>
<span class="item-desc">{{ engineItem.desc }}</span> <span class="item-desc">{{ engineItem.desc }}</span>
@@ -71,10 +71,6 @@ import {
openSearchResult, openSearchResult,
searchEngineList, searchEngineName, searchKeyword, searchEngineList, searchEngineName, searchKeyword,
} from '@/assets/js/search-engine'; } from '@/assets/js/search-engine';
import {
getAssetsUrl,
} from '@/assets/js/utils';
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>