帮助页面,样式优化。
parent
58500d312c
commit
ff17de8f5e
|
@ -420,7 +420,7 @@ module.exports = {
|
||||||
proxy: {},
|
proxy: {},
|
||||||
plugin: {},
|
plugin: {},
|
||||||
help: {
|
help: {
|
||||||
data: [
|
dataList: [
|
||||||
{
|
{
|
||||||
title: '查看DevSidecar的说明文档(Wiki)',
|
title: '查看DevSidecar的说明文档(Wiki)',
|
||||||
url: 'https://github.com/docmirror/dev-sidecar/wiki',
|
url: 'https://github.com/docmirror/dev-sidecar/wiki',
|
||||||
|
|
|
@ -15,12 +15,12 @@ export default {
|
||||||
<template>
|
<template>
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="node in treeData" :key="node.title">
|
<li v-for="node in treeData" :key="node.title">
|
||||||
<span v-if="node.url && (node.url.startsWith('http://') || node.url.startsWith('https://'))">
|
<div v-if="node.url && (node.url.startsWith('http://') || node.url.startsWith('https://'))" :class="node.rowClass" :style="node.rowStyle">
|
||||||
<a :title="node.tip || node.title" :class="node.class" :style="node.style" @click="openExternal(node.url)">{{ node.title }}</a>
|
<a :title="node.tip || node.title" :class="node.labelClass" :style="node.labelStyle" @click="openExternal(node.url)">{{ node.title }}</a>
|
||||||
</span>
|
</div>
|
||||||
<span v-else>
|
<div v-else :class="node.rowClass" :style="node.rowStyle">
|
||||||
<label :title="node.tip || node.title" :class="node.class" :style="node.style">{{ node.title }}</label>
|
<label :title="node.tip || node.title" :class="node.labelClass" :style="node.labelStyle">{{ node.title }}</label>
|
||||||
</span>
|
</div>
|
||||||
<tree-node v-if="node.children && node.children.length > 0" :tree-data="node.children" class="child-node" />
|
<tree-node v-if="node.children && node.children.length > 0" :tree-data="node.children" class="child-node" />
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
@ -145,12 +145,12 @@ hr {
|
||||||
.help-list {
|
.help-list {
|
||||||
ul {
|
ul {
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
|
|
||||||
span {
|
div {
|
||||||
display: block;
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
@ -172,21 +172,21 @@ hr {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.help-title-h1 {
|
ul:first-child li:first-child div:first-child.title1 {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title1 {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
margin-top: 20px;
|
margin-top: 12px;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
|
|
||||||
&.md-mt-0 {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.help-title-h2 {
|
.title2 {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
|
|
@ -69,7 +69,7 @@ $dark-input: #777; //输入框:背景色
|
||||||
background: $dark-bd;
|
background: $dark-bd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.help-list .help-title-h1 {
|
.help-list .title1 {
|
||||||
border-bottom-color: $dark-bd;
|
border-bottom-color: $dark-bd;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue