refactor: 修改网站图标引用方式,解决打包后没有图标文件的问题
This commit is contained in:
@@ -16,6 +16,24 @@ import {
|
||||
$message,
|
||||
} 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() {
|
||||
|
||||
@@ -64,42 +82,42 @@ export const searchEngineList = [
|
||||
name: '百度',
|
||||
desc: 'www.baidu.com',
|
||||
url: 'https://www.baidu.com/s?wd=%keyword%',
|
||||
icon: 'baidu.svg',
|
||||
icon: icon_baidu,
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
name: '必应',
|
||||
desc: 'cn.bing.com',
|
||||
url: 'https://cn.bing.com/search?q=%keyword%',
|
||||
icon: 'bing.svg',
|
||||
icon: icon_bing,
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
name: '搜狗',
|
||||
desc: 'www.sogou.com',
|
||||
url: 'https://www.sogou.com/web?query=%keyword%',
|
||||
icon: 'sogou.svg',
|
||||
icon: icon_sogou,
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
name: '360',
|
||||
desc: 'www.so.com',
|
||||
url: 'https://www.so.com/s?q=%keyword%',
|
||||
icon: '360.svg',
|
||||
icon: icon_360,
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
name: 'Google',
|
||||
desc: 'www.google.com',
|
||||
url: 'https://www.google.com/search?q=%keyword%',
|
||||
icon: 'google.svg',
|
||||
icon: icon_google,
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
name: 'Yandex',
|
||||
desc: 'yandex.com',
|
||||
url: 'https://yandex.com/search/?text=%keyword%',
|
||||
icon: 'yandex.svg',
|
||||
icon: icon_yandex,
|
||||
show: true,
|
||||
}
|
||||
]
|
||||
@@ -111,28 +129,28 @@ export const searchEngineList = [
|
||||
name: '网易云音乐',
|
||||
desc: 'music.163.com',
|
||||
url: 'https://music.163.com/#/search/m/?s=%keyword%',
|
||||
icon: 'netease_music.svg',
|
||||
icon: icon_netease_music,
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
name: 'AcFun',
|
||||
desc: 'www.acfun.cn',
|
||||
url: 'https://www.acfun.cn/search/?keyword=%keyword%',
|
||||
icon: 'acfun.svg',
|
||||
icon: icon_acfun,
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
name: 'bilibili',
|
||||
desc: 'search.bilibili.com',
|
||||
url: 'https://search.bilibili.com/all?keyword=%keyword%',
|
||||
icon: 'bilibili.svg',
|
||||
icon: icon_bilibili,
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
name: 'QQ音乐',
|
||||
desc: 'y.qq.com',
|
||||
url: 'https://y.qq.com/n/ryqq/search?w=%keyword%',
|
||||
icon: 'qq_music.svg',
|
||||
icon: icon_qq_music,
|
||||
show: true,
|
||||
}
|
||||
]
|
||||
@@ -144,28 +162,28 @@ export const searchEngineList = [
|
||||
name: '博客园',
|
||||
desc: 'zzk.cnblogs.co',
|
||||
url: 'https://zzk.cnblogs.com/s?w=%keyword%',
|
||||
icon: 'cnblogs.svg',
|
||||
icon: icon_cnblogs,
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
name: 'CSDN',
|
||||
desc: 'so.csdn.net',
|
||||
url: 'https://so.csdn.net/so/search/all?q=%keyword%',
|
||||
icon: 'csdn.svg',
|
||||
icon: icon_csdn,
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
name: 'GitHub',
|
||||
desc: 'github.com',
|
||||
url: 'https://github.com/search?q=%keyword%',
|
||||
icon: 'github.svg',
|
||||
icon: icon_github,
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
name: 'MDN',
|
||||
desc: 'developer.mozilla.org',
|
||||
url: 'https://developer.mozilla.org/zh-CN/search?q=%keyword%',
|
||||
icon: 'mdn.svg',
|
||||
icon: icon_mdn,
|
||||
show: true,
|
||||
}
|
||||
]
|
||||
@@ -177,14 +195,14 @@ export const searchEngineList = [
|
||||
name: '站酷',
|
||||
desc: 'www.zcool.com.cn',
|
||||
url: 'https://www.zcool.com.cn/search/content?word=%keyword%',
|
||||
icon: 'zcool.svg',
|
||||
icon: icon_zcool,
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
name: 'Iconfont',
|
||||
desc: 'www.iconfont.cn',
|
||||
url: 'https://www.iconfont.cn/search/index?searchType=icon&q=%keyword%',
|
||||
icon: 'iconfont.svg',
|
||||
icon: icon_iconfont,
|
||||
show: true,
|
||||
}
|
||||
]
|
||||
@@ -196,7 +214,7 @@ export const searchEngineList = [
|
||||
name: '知乎',
|
||||
desc: 'www.zhihu.com',
|
||||
url: 'https://www.zhihu.com/search?type=content&q=%keyword%',
|
||||
icon: 'zhihu.svg',
|
||||
icon: icon_zhihu,
|
||||
show: true,
|
||||
}
|
||||
]
|
||||
|
@@ -4,17 +4,6 @@ import {
|
||||
description as appDesc,
|
||||
} 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 更新页面标题
|
||||
* @param {string} title
|
||||
|
@@ -47,7 +47,7 @@
|
||||
<img
|
||||
class="item-icon"
|
||||
draggable="false"
|
||||
:src="getAssetsUrl('website-icon/' + engineItem.icon)"
|
||||
:src="engineItem.icon"
|
||||
/>
|
||||
<span class="item-label">{{ engineItem.name }}</span>
|
||||
<span class="item-desc">{{ engineItem.desc }}</span>
|
||||
@@ -71,10 +71,6 @@ import {
|
||||
openSearchResult,
|
||||
searchEngineList, searchEngineName, searchKeyword,
|
||||
} from '@/assets/js/search-engine';
|
||||
|
||||
import {
|
||||
getAssetsUrl,
|
||||
} from '@/assets/js/utils';
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
|
Reference in New Issue
Block a user