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