分类显示搜索引擎列表
This commit is contained in:
@@ -1,118 +1,150 @@
|
||||
let config = {
|
||||
searchEngines: [
|
||||
{
|
||||
name: '百度',
|
||||
desc: 'www.baidu.com',
|
||||
url: 'https://www.baidu.com/s?wd=%keyword%',
|
||||
icon: 'website/baidu.svg',
|
||||
show: true
|
||||
searchEngines: {
|
||||
search: {
|
||||
title: '搜索',
|
||||
list: [
|
||||
{
|
||||
name: '百度',
|
||||
desc: 'www.baidu.com',
|
||||
url: 'https://www.baidu.com/s?wd=%keyword%',
|
||||
icon: 'website/baidu.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: '必应',
|
||||
desc: 'cn.bing.com',
|
||||
url: 'https://cn.bing.com/search?q=%keyword%',
|
||||
icon: 'website/bing.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: '秘迹',
|
||||
desc: 'mijisou.com',
|
||||
url: 'https://mijisou.com/?q=%keyword%',
|
||||
icon: 'website/mijisou.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: '搜狗',
|
||||
desc: 'www.sogou.com',
|
||||
url: 'https://www.sogou.com/web?query=%keyword%',
|
||||
icon: 'website/sogou.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: '360',
|
||||
desc: 'www.so.com',
|
||||
url: 'https://www.so.com/s?q=%keyword%',
|
||||
icon: 'website/360.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: 'Google',
|
||||
desc: 'www.google.com',
|
||||
url: 'https://www.google.com/search?q=%keyword%',
|
||||
icon: 'website/google.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: 'Yandex',
|
||||
desc: 'yandex.com',
|
||||
url: 'https://yandex.com/search/?text=%keyword%',
|
||||
icon: 'website/yandex.svg',
|
||||
show: true
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
name: '必应',
|
||||
desc: 'cn.bing.com',
|
||||
url: 'https://cn.bing.com/search?q=%keyword%',
|
||||
icon: 'website/bing.svg',
|
||||
show: true
|
||||
media: {
|
||||
title: '多媒体',
|
||||
list: [
|
||||
{
|
||||
name: '网易云音乐',
|
||||
desc: 'music.163.com',
|
||||
url: 'https://music.163.com/#/search/m/?s=%keyword%',
|
||||
icon: 'website/netease_music.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: 'AcFun',
|
||||
desc: 'www.acfun.cn',
|
||||
url: 'https://www.acfun.cn/search/?keyword=%keyword%',
|
||||
icon: 'website/acfun.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: 'bilibili',
|
||||
desc: 'search.bilibili.com',
|
||||
url: 'https://search.bilibili.com/all?keyword=%keyword%',
|
||||
icon: 'website/bilibili.svg',
|
||||
show: true
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
name: '秘迹',
|
||||
desc: 'mijisou.com',
|
||||
url: 'https://mijisou.com/?q=%keyword%',
|
||||
icon: 'website/mijisou.svg',
|
||||
show: true
|
||||
technology: {
|
||||
title: '技术',
|
||||
list: [
|
||||
{
|
||||
name: 'CSDN',
|
||||
desc: 'so.csdn.net',
|
||||
url: 'https://so.csdn.net/so/search/all?q=%keyword%',
|
||||
icon: 'website/csdn.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: 'GitHub',
|
||||
desc: 'github.com',
|
||||
url: 'https://github.com/search?q=%keyword%',
|
||||
icon: 'website/github.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: 'MDN',
|
||||
desc: 'developer.mozilla.org',
|
||||
url: 'https://developer.mozilla.org/zh-CN/search?q=%keyword%',
|
||||
icon: 'website/mdn.svg',
|
||||
show: true
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
name: '搜狗',
|
||||
desc: 'www.sogou.com',
|
||||
url: 'https://www.sogou.com/web?query=%keyword%',
|
||||
icon: 'website/sogou.svg',
|
||||
show: true
|
||||
design: {
|
||||
title: '设计',
|
||||
list: [
|
||||
{
|
||||
name: '站酷',
|
||||
desc: 'www.zcool.com.cn',
|
||||
url: 'https://www.zcool.com.cn/search/content?word=%keyword%',
|
||||
icon: 'website/zcool.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: 'Iconfont',
|
||||
desc: 'www.iconfont.cn',
|
||||
url: 'https://www.iconfont.cn/search/index?searchType=icon&q=%keyword%',
|
||||
icon: 'website/iconfont.svg',
|
||||
show: true
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
name: '网易云音乐',
|
||||
desc: 'music.163.com',
|
||||
url: 'https://music.163.com/#/search/m/?s=%keyword%',
|
||||
icon: 'website/netease_music.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: '站酷',
|
||||
desc: 'www.zcool.com.cn',
|
||||
url: 'https://www.zcool.com.cn/search/content?word=%keyword%',
|
||||
icon: 'website/zcool.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: '知乎',
|
||||
desc: 'www.zhihu.com',
|
||||
url: 'https://www.zhihu.com/search?type=content&q=%keyword%',
|
||||
icon: 'website/zhihu.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: '360',
|
||||
desc: 'www.so.com',
|
||||
url: 'https://www.so.com/s?q=%keyword%',
|
||||
icon: 'website/360.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: 'AcFun',
|
||||
desc: 'www.acfun.cn',
|
||||
url: 'https://www.acfun.cn/search/?keyword=%keyword%',
|
||||
icon: 'website/acfun.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: 'bilibili',
|
||||
desc: 'search.bilibili.com',
|
||||
url: 'https://search.bilibili.com/all?keyword=%keyword%',
|
||||
icon: 'website/bilibili.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: 'CSDN',
|
||||
desc: 'so.csdn.net',
|
||||
url: 'https://so.csdn.net/so/search/all?q=%keyword%',
|
||||
icon: 'website/csdn.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: 'GitHub',
|
||||
desc: 'github.com',
|
||||
url: 'https://github.com/search?q=%keyword%',
|
||||
icon: 'website/github.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: 'Google',
|
||||
desc: 'www.google.com',
|
||||
url: 'https://www.google.com/search?q=%keyword%',
|
||||
icon: 'website/google.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: 'Iconfont',
|
||||
desc: 'www.iconfont.cn',
|
||||
url: 'https://www.iconfont.cn/search/index?searchType=icon&q=%keyword%',
|
||||
icon: 'website/iconfont.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: 'MDN',
|
||||
desc: 'developer.mozilla.org',
|
||||
url: 'https://developer.mozilla.org/zh-CN/search?q=%keyword%',
|
||||
icon: 'website/mdn.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: 'Yandex',
|
||||
desc: 'yandex.com',
|
||||
url: 'https://yandex.com/search/?text=%keyword%',
|
||||
icon: 'website/yandex.svg',
|
||||
show: true
|
||||
community: {
|
||||
title: '社区',
|
||||
list: [
|
||||
{
|
||||
name: '天涯',
|
||||
desc: 'search.tianya.cn',
|
||||
url: 'https://search.tianya.cn/bbs?q=%keyword%',
|
||||
icon: 'website/tianya.svg',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
name: '知乎',
|
||||
desc: 'www.zhihu.com',
|
||||
url: 'https://www.zhihu.com/search?type=content&q=%keyword%',
|
||||
icon: 'website/zhihu.svg',
|
||||
show: true
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
},
|
||||
siteName: 'Frost 网址导航',
|
||||
storage: {
|
||||
fontSize: 16,
|
||||
|
||||
@@ -3,8 +3,11 @@
|
||||
|
||||
<!-- 侧边栏 -->
|
||||
<el-aside class="home-aside">
|
||||
<el-menu class="side-nav" default-active="search"
|
||||
:collapse="config.sideMenuCollapse" @select="changeCategory"
|
||||
<el-menu
|
||||
class="side-nav"
|
||||
default-active="search"
|
||||
:collapse="config.sideMenuCollapse"
|
||||
@select="changeCategory"
|
||||
>
|
||||
|
||||
<!-- 搜索引擎 -->
|
||||
@@ -20,8 +23,10 @@
|
||||
</el-menu-item>
|
||||
|
||||
<!-- 分类 -->
|
||||
<el-menu-item v-for="(item, itemIndex) in navLinks.list"
|
||||
:key="'list-' + itemIndex" :index="itemIndex.toString()"
|
||||
<el-menu-item
|
||||
v-for="(item, itemIndex) in navLinks.list"
|
||||
:key="'list-' + itemIndex"
|
||||
:index="itemIndex.toString()"
|
||||
>
|
||||
<i :class="item.icon || 'el-icon-link'"></i>
|
||||
<span slot="title">{{ item.title }}</span>
|
||||
@@ -41,13 +46,18 @@
|
||||
<div class="search-bar shadow-3">
|
||||
|
||||
<!-- 输入 -->
|
||||
<input v-model="searchEngine.keyword" class="input" type="text"
|
||||
@blur="searchEngine.isFocus = false" @focus="searchEngine.isFocus = true"
|
||||
<input
|
||||
v-model="searchEngine.keyword"
|
||||
class="input" type="text"
|
||||
@blur="searchEngine.isFocus = false"
|
||||
@focus="searchEngine.isFocus = true"
|
||||
@keydown.enter.exact="searchEngineSubmit()"
|
||||
/>
|
||||
|
||||
<!-- 清除 -->
|
||||
<div v-show="searchEngine.keyword.length > 0" class="btn btn-clear"
|
||||
<div
|
||||
v-show="searchEngine.keyword.length > 0"
|
||||
class="btn btn-clear"
|
||||
@click="searchEngine.keyword = ''"
|
||||
>
|
||||
<i class="el-icon-close"></i>
|
||||
@@ -61,31 +71,38 @@
|
||||
</div>
|
||||
|
||||
<!-- 选择搜索引擎 -->
|
||||
<el-radio-group v-model="config.searchEngine" size="small"
|
||||
<el-radio-group
|
||||
v-model="config.searchEngine"
|
||||
size="small"
|
||||
:class="['search-type', { fade: searchEngine.isFocus }]"
|
||||
>
|
||||
<!-- 分类 -->
|
||||
<div v-for="(category, cIndex) in searchEngine.list" :key="cIndex" class="category">
|
||||
|
||||
<!-- 自动生成 -->
|
||||
<el-radio v-for="item in searchEngine.types" :key="item.name"
|
||||
:label="item.name" class="shadow-2"
|
||||
>
|
||||
<Icon :path="item.icon || 'website/default.svg'" size="1.2em" />
|
||||
<i class="name">{{ item.name }}</i>
|
||||
<i class="desc">{{ item.desc }}</i>
|
||||
</el-radio>
|
||||
<!-- 标题 -->
|
||||
<div class="title">{{ category.title }}</div>
|
||||
|
||||
<!-- 占位 -->
|
||||
<el-radio label="0"></el-radio>
|
||||
<!-- 项 -->
|
||||
<el-radio
|
||||
v-for="item in category.list" :key="item.name"
|
||||
:label="item.name" class="shadow-2"
|
||||
>
|
||||
<Icon :path="item.icon || 'website/default.svg'" size="1.2em" />
|
||||
<i class="name">{{ item.name }}</i>
|
||||
<i class="desc limit-line-1">{{ item.desc }}</i>
|
||||
</el-radio>
|
||||
|
||||
</div>
|
||||
</el-radio-group>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 链接搜索框 -->
|
||||
<el-input v-show="show.linkSearch" v-model="linkSearch.keyword"
|
||||
<el-input
|
||||
v-show="show.searchLink" v-model="searchLink.keyword"
|
||||
class="link-search shadow-2" placeholder="搜索链接" clearable
|
||||
>
|
||||
<el-select slot="prepend" v-model="linkSearch.type" placeholder="类型">
|
||||
<el-select slot="prepend" v-model="searchLink.type" placeholder="类型">
|
||||
<el-option label="全部" value="all"></el-option>
|
||||
<el-option label="标题" value="title"></el-option>
|
||||
<el-option label="链接" value="link"></el-option>
|
||||
@@ -93,12 +110,14 @@
|
||||
</el-input>
|
||||
|
||||
<!-- 链接列表树 -->
|
||||
<el-tree v-show="show.linkTree" ref="linkTree" class="link-tree shadow-2"
|
||||
<el-tree
|
||||
v-show="show.linkTree" ref="linkTree" class="link-tree shadow-2"
|
||||
:data="currentLinks" node-key="id" empty-text=""
|
||||
:props="{ label: 'title', children: 'sub' }" :filter-node-method="searchLink"
|
||||
:props="{ label: 'title', children: 'sub' }" :filter-node-method="searchLinkSubmit"
|
||||
:default-expand-all="false" :expand-on-click-node="true"
|
||||
>
|
||||
<div slot-scope="{ node, data }" class="link-item" :title="data.update"
|
||||
<div
|
||||
slot-scope="{ node, data }" class="link-item" :title="data.update"
|
||||
@click="openLink(data.link, data.showOnly)"
|
||||
>
|
||||
<span class="title">{{ node.label }}</span>
|
||||
@@ -132,21 +151,22 @@ export default {
|
||||
// 显示的内容
|
||||
show: {
|
||||
searchEngine: true,
|
||||
linkSearch: false,
|
||||
searchLink: false,
|
||||
linkTree: false,
|
||||
},
|
||||
// 搜索引擎
|
||||
searchEngine: {
|
||||
isFocus: false,
|
||||
keyword: '',
|
||||
types: this.$root.config.searchEngines
|
||||
url: '',
|
||||
list: this.$root.config.searchEngines
|
||||
},
|
||||
// 导航链接
|
||||
navLinks: this.$root.navLinks,
|
||||
// 当前显示的链接
|
||||
currentLinks: [],
|
||||
// 搜索链接
|
||||
linkSearch: {
|
||||
searchLink: {
|
||||
debounce: null,
|
||||
keyword: '',
|
||||
type: 'all'
|
||||
@@ -154,19 +174,19 @@ export default {
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
'linkSearch.keyword': {
|
||||
'searchLink.keyword': {
|
||||
handler(value) {
|
||||
clearTimeout(this.linkSearch.debounce);
|
||||
clearTimeout(this.searchLink.debounce);
|
||||
|
||||
this.linkSearch.debounce = setTimeout(() => {
|
||||
this.searchLink.debounce = setTimeout(() => {
|
||||
this.$refs.linkTree.filter(value);
|
||||
}, 500);
|
||||
}
|
||||
},
|
||||
'linkSearch.type': {
|
||||
'searchLink.type': {
|
||||
handler() {
|
||||
// 更改搜索类型时自动重新搜索
|
||||
this.$refs.linkTree.filter(this.linkSearch.keyword);
|
||||
this.$refs.linkTree.filter(this.searchLink.keyword);
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -179,21 +199,21 @@ export default {
|
||||
if (index == 'search') {
|
||||
this.currentLinks = [];
|
||||
this.show.searchEngine = true;
|
||||
this.show.linkSearch = false;
|
||||
this.show.searchLink = false;
|
||||
this.show.linkTree = false;
|
||||
} else if (index == 'all') {
|
||||
this.currentLinks = this.navLinks.list;
|
||||
this.show.searchEngine = false;
|
||||
this.show.linkSearch = true;
|
||||
this.show.searchLink = true;
|
||||
this.show.linkTree = true;
|
||||
} else {
|
||||
this.currentLinks = this.navLinks.list[Number(index)].sub;
|
||||
this.show.searchEngine = false;
|
||||
this.show.linkSearch = true;
|
||||
this.show.searchLink = true;
|
||||
this.show.linkTree = true;
|
||||
}
|
||||
|
||||
this.linkSearch.keyword = '';
|
||||
this.searchLink.keyword = '';
|
||||
},
|
||||
|
||||
/**
|
||||
@@ -220,30 +240,34 @@ export default {
|
||||
searchEngineSubmit() {
|
||||
var vm = this;
|
||||
var search = this.searchEngine;
|
||||
var selected = this.config.searchEngine;
|
||||
var keyword = search.keyword;
|
||||
var types = search.types;
|
||||
var url = '';
|
||||
|
||||
if (keyword == '') {
|
||||
return false;
|
||||
} else {
|
||||
// 编码
|
||||
keyword = window.encodeURIComponent(keyword);
|
||||
}
|
||||
|
||||
for (let index in types) {
|
||||
if (types[index].name == vm.config.searchEngine) {
|
||||
url = types[index].url.replace(/%keyword%/, keyword);
|
||||
vm.openLink(url);
|
||||
break;
|
||||
for (let category in search.list) {
|
||||
let list = search.list[category].list;
|
||||
|
||||
for (let index in list) {
|
||||
if (list[index].name == selected) {
|
||||
url = list[index].url.replace(/%keyword%/, keyword);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
vm.openLink(url);
|
||||
},
|
||||
|
||||
/**
|
||||
* 搜索链接
|
||||
*/
|
||||
searchLink(value, data) {
|
||||
searchLinkSubmit(value, data) {
|
||||
// 关键词为空，显示全部
|
||||
|
||||
if (value === '') {
|
||||
@@ -255,7 +279,7 @@ export default {
|
||||
|
||||
// 过滤后
|
||||
|
||||
var searchType = this.linkSearch.type;
|
||||
var searchType = this.searchLink.type;
|
||||
var title = data.title.toLowerCase();
|
||||
var link = (data.link || '');
|
||||
var result = false;
|
||||
@@ -303,104 +327,103 @@ export default {
|
||||
min-width: 16rem;
|
||||
max-width: 60rem;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .search-engine {
|
||||
.search-engine {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
||||
.search-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
position: sticky;
|
||||
top: 3rem;
|
||||
z-index: 100;
|
||||
width: 100%;
|
||||
max-width: 40rem;
|
||||
height: 2.8rem;
|
||||
border-radius: .25rem;
|
||||
background-color: #FFF;
|
||||
overflow: hidden;
|
||||
|
||||
.search-bar {
|
||||
display: flex;
|
||||
.input {
|
||||
flex-grow: 1;
|
||||
padding-left: 1rem;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
position: sticky;
|
||||
top: .5rem;
|
||||
z-index: 100;
|
||||
width: 100%;
|
||||
max-width: 40rem;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
width: 2.8rem;
|
||||
height: 2.8rem;
|
||||
border-radius: .25rem;
|
||||
background-color: #FFF;
|
||||
overflow: hidden;
|
||||
background-color: transparent;
|
||||
font-size: 1.2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.input {
|
||||
flex-grow: 1;
|
||||
padding-left: 1rem;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
outline: none;
|
||||
}
|
||||
.btn-clear {
|
||||
width: 2rem;
|
||||
opacity: .5;
|
||||
transition: opacity @transitionTime;
|
||||
|
||||
.btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
width: 2.8rem;
|
||||
height: 2.8rem;
|
||||
background-color: transparent;
|
||||
font-size: 1.2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn-clear {
|
||||
width: 2rem;
|
||||
opacity: .5;
|
||||
transition: opacity @transitionTime;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-search {
|
||||
color: @colorPrimary;
|
||||
transition: background @transitionTime, color @transitionTime;
|
||||
|
||||
&:hover {
|
||||
background-color: @colorPrimary;
|
||||
color: #FFF;
|
||||
}
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.search-type {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
margin: 2rem 0;
|
||||
font-size: 1rem;
|
||||
transition: opacity calc(@transitionTime * 4);
|
||||
.btn-search {
|
||||
color: @colorPrimary;
|
||||
transition: background @transitionTime, color @transitionTime;
|
||||
|
||||
&.fade {
|
||||
opacity: 0.5;
|
||||
&:hover {
|
||||
background-color: @colorPrimary;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-type {
|
||||
display: block;
|
||||
margin: 4.5rem 0;
|
||||
font-size: 1rem;
|
||||
transition: opacity calc(@transitionTime * 4);
|
||||
|
||||
&.fade {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
/deep/ .category {
|
||||
padding: .5rem 0;
|
||||
|
||||
.title {
|
||||
margin: .5rem 0;
|
||||
}
|
||||
|
||||
> label {
|
||||
margin: 1em .5em;
|
||||
margin-top: 0;
|
||||
padding: 1em;
|
||||
width: 45%;
|
||||
min-width: 18em;
|
||||
border-bottom: solid .15rem transparent;
|
||||
border-radius: .25em;
|
||||
.el-radio {
|
||||
margin: .5rem;
|
||||
padding: .8rem 1rem;
|
||||
width: 16rem;
|
||||
border-radius: .25rem;
|
||||
border-left: solid .2rem transparent;
|
||||
background-color: #FFF;
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
transition: border @transitionTime;
|
||||
|
||||
// 隐藏占位元素
|
||||
&:last-child {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
// 若占位元素为第奇数个，不显示
|
||||
&:last-child:nth-child(odd) {
|
||||
display: none;
|
||||
&:hover {
|
||||
border-left-color: @colorSecondary;
|
||||
color: @colorSecondary;
|
||||
}
|
||||
|
||||
&.is-checked {
|
||||
border-bottom-color: @colorPrimary;
|
||||
border-left-color: @colorPrimary;
|
||||
color: @colorPrimary;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -409,82 +432,91 @@ export default {
|
||||
}
|
||||
|
||||
.el-radio__label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
transition: color @transitionTime;
|
||||
|
||||
i {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
padding: .125rem 0;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.fn-icon {
|
||||
margin-right: .4em;
|
||||
flex-shrink: 0;
|
||||
margin-right: .4rem;
|
||||
}
|
||||
|
||||
.name {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.desc {
|
||||
margin-left: .5em;
|
||||
font-size: .8em;
|
||||
flex-grow: 1;
|
||||
margin-left: .5rem;
|
||||
font-size: .8rem;
|
||||
color: #CCC;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .link-search {
|
||||
@height: 2.8rem;
|
||||
/deep/ .link-search {
|
||||
@height: 2.8rem;
|
||||
|
||||
position: sticky;
|
||||
z-index: 100;
|
||||
top: 0;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: .25rem;
|
||||
line-height: @height;
|
||||
overflow: hidden;
|
||||
position: sticky;
|
||||
z-index: 100;
|
||||
top: 0;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: .25rem;
|
||||
line-height: @height;
|
||||
overflow: hidden;
|
||||
|
||||
> div, > input {
|
||||
border: none;
|
||||
}
|
||||
> div, > input {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.el-input-group__prepend {
|
||||
background-color: #FFF;
|
||||
.el-input-group__prepend {
|
||||
background-color: #FFF;
|
||||
|
||||
.el-select .el-input {
|
||||
width: 4.5rem;
|
||||
.el-select .el-input {
|
||||
width: 4.5rem;
|
||||
|
||||
input {
|
||||
padding: 0 .75rem;
|
||||
}
|
||||
input {
|
||||
padding: 0 .75rem;
|
||||
}
|
||||
}
|
||||
|
||||
.el-input__inner {
|
||||
height: @height;
|
||||
line-height: @height;
|
||||
}
|
||||
}
|
||||
|
||||
.link-tree {
|
||||
padding: .5rem;
|
||||
border-radius: .25rem;
|
||||
font-size: 14px;
|
||||
.el-input__inner {
|
||||
height: @height;
|
||||
line-height: @height;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .el-tree-node__content {
|
||||
height: 3.6em;
|
||||
.link-tree {
|
||||
padding: .5rem;
|
||||
border-radius: .25rem;
|
||||
font-size: 14px;
|
||||
|
||||
/deep/ .el-tree-node__content {
|
||||
height: 3.6em;
|
||||
}
|
||||
|
||||
.link-item {
|
||||
> span {
|
||||
display: -webkit-box;
|
||||
}
|
||||
|
||||
.link-item {
|
||||
> span {
|
||||
display: -webkit-box;
|
||||
}
|
||||
.title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.link {
|
||||
margin-top: .2rem;
|
||||
opacity: .5;
|
||||
}
|
||||
.link {
|
||||
margin-top: .2rem;
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user