Skip to content

Commit db46f0a

Browse files
author
潘卓然Y7000P
committed
【站点】【修复】【修复首页链接以及对应的画廊结构&移动端显示优化】
1 parent 077d357 commit db46f0a

14 files changed

Lines changed: 471 additions & 189 deletions

File tree

website/public/docs/cdn/mapgis.css

Lines changed: 177 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ body.small-header .top-nav {
3636

3737
.mapgis-webclient-logo {
3838
/* margin-left: 79px; */
39-
height : 38px !important;
39+
height: 38px !important;
4040
}
4141

4242
.logo {
@@ -46,4 +46,180 @@ body.small-header .top-nav {
4646

4747
#main>.core {
4848
padding: 6px !important;
49+
}
50+
51+
52+
.content h1,
53+
.content header.page-title h1 {
54+
font-family: "TT Norms Medium", sans-serif;
55+
font-size : 17px;
56+
font-weight: bold;
57+
margin : 8px 0;
58+
}
59+
60+
61+
h1 {
62+
font-size: 20px !important;
63+
}
64+
65+
h2 {
66+
font-size: 18px !important;
67+
}
68+
69+
h3 {
70+
font-size: 16px !important;
71+
}
72+
73+
h4 {
74+
font-size: 14px !important;
75+
}
76+
77+
h5 {
78+
font-size: 12px !important;
79+
}
80+
81+
.content header p {
82+
font-size: 14px;
83+
}
84+
85+
.member>.name .code-name {
86+
font-size: 14px;
87+
}
88+
89+
.member>.description p {
90+
font-size: 14px;
91+
margin : 25px 0;
92+
}
93+
94+
.table {
95+
font-size: 12px;
96+
}
97+
98+
table.params td.name code,
99+
table.props td.name code {
100+
background: transparent;
101+
padding : 0;
102+
font-size : 12px;
103+
color : #211D1A;
104+
}
105+
106+
table.params thead th,
107+
table.props thead th {
108+
font-weight: bold;
109+
padding : 6px 12px;
110+
}
111+
112+
table.params td,
113+
table.props td {
114+
padding: 6px 12px;
115+
}
116+
117+
body {
118+
font-size: 12px;
119+
}
120+
121+
.button {
122+
transition : all 0.2s;
123+
border-radius: 4px;
124+
padding : 8px 24px;
125+
height : 30px;
126+
border-color : #4268F6;
127+
font-size : 12px;
128+
color : #4268F6;
129+
}
130+
131+
#main>.core>.content {
132+
background: #fff;
133+
padding : 20px;
134+
}
135+
136+
.tag-source span {
137+
display: inline-block;
138+
padding: 6px 14px;
139+
}
140+
141+
.method-parameter {
142+
font-size: 14px;
143+
}
144+
145+
.details dt {
146+
font-size : 14px;
147+
border-left : 2px solid #008DDF;
148+
padding-left: 16px;
149+
}
150+
151+
.top-nav .menu .navigation .link:hover:not(.no-hover) {
152+
border-bottom: 2px solid #33dbe8;
153+
}
154+
155+
.vertical-section {
156+
border-top: 1px dashed #252d45;
157+
}
158+
159+
.page-title {
160+
margin-bottom : 12px;
161+
padding-bottom: 12px;
162+
border-bottom : 1px dashed #252d45;
163+
}
164+
165+
.page-title-name {
166+
margin-left: 12px;
167+
font-size : 18px;
168+
}
169+
170+
.page-title-kind {
171+
font-weight: bold;
172+
font-size : 18px !important;
173+
}
174+
175+
.sidebar a {
176+
font-size: 10px;
177+
}
178+
179+
.sidebar::-webkit-scrollbar {
180+
width : 4px;
181+
height: 1px;
182+
183+
}
184+
185+
.sidebar::-webkit-scrollbar-thumb {
186+
border-radius : 4px;
187+
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
188+
background : rgba(144, 147, 153, .5);
189+
}
190+
191+
.sidebar::-webkit-scrollbar-track {
192+
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
193+
border-radius : 4px;
194+
background : transparent;
195+
}
196+
197+
.core::-webkit-scrollbar {
198+
width : 4px;
199+
height: 1px;
200+
}
201+
202+
.core::-webkit-scrollbar-thumb {
203+
border-radius: 4px;
204+
background : rgba(144, 147, 153, .5);
205+
}
206+
207+
.core::-webkit-scrollbar-track {
208+
border-radius: 4px;
209+
background : transparent;
210+
}
211+
212+
.side-nav::-webkit-scrollbar {
213+
width : 4px;
214+
height: 1px;
215+
}
216+
217+
.side-nav::-webkit-scrollbar-thumb {
218+
border-radius: 4px;
219+
background : rgba(144, 147, 153, .5);
220+
}
221+
222+
.side-nav::-webkit-scrollbar-track {
223+
border-radius: 4px;
224+
background : transparent;
49225
}

website/src/components/CardGroup/index.vue

Lines changed: 72 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<template>
2-
<div>
2+
<div class="webclient-card-group">
33
<el-col :span="24">
44
<el-col
55
:span="24"
@@ -12,7 +12,6 @@
1212
>
1313
<el-tag
1414
v-if="secondname"
15-
type="info"
1615
effect="light"
1716
>{{ secondname }}</el-tag>
1817
<el-divider
@@ -103,93 +102,100 @@ export default {
103102
};
104103
</script>
105104

106-
<style lang="less">
107-
.gallery-divider {
108-
background: transparent;
105+
<style lang="scss">
106+
.webclient-card-group {
107+
.el-tag.el-tag--info {
108+
background-color: #f4f4f500;
109+
border-color: #e9e9eb;
110+
color: #909399;
111+
}
112+
.gallery-divider {
113+
background: transparent;
109114
110-
/* .el-divider--horizontal {
115+
/* .el-divider--horizontal {
111116
display: block;
112117
height: 10px;
113118
width: 100%;
114119
margin: 24px 6px;
115120
} */
116121
117-
/* .el-divider {
122+
/* .el-divider {
118123
background: linear-gradient(
119124
90deg,
120125
rgba(71, 148, 250, 1),
121126
rgba(49, 225, 230, 1)
122127
);
123128
position: relative;
124129
} */
125-
}
126-
.col-divider-style {
127-
margin-top: 16px;
128-
margin-bottom: 10px;
129-
}
130+
}
131+
.col-divider-style {
132+
margin-top: 16px;
133+
margin-bottom: 10px;
134+
}
130135
131-
.card-breadcrumb-content {
132-
width: calc(100vw - 200px);
133-
}
134-
.title {
135-
/* background: #f0f0f0; */
136-
margin-top: 30px;
137-
margin-bottom: 5px;
138-
border-radius: 3px;
139-
}
136+
.card-breadcrumb-content {
137+
width: calc(100vw - 200px);
138+
}
139+
.title {
140+
/* background: #f0f0f0; */
141+
margin-top: 30px;
142+
margin-bottom: 5px;
143+
border-radius: 3px;
144+
}
140145
141-
.clearfix:before,
142-
.clearfix:after {
143-
display: table;
144-
content: "";
145-
}
146+
.clearfix:before,
147+
.clearfix:after {
148+
display: table;
149+
content: "";
150+
}
146151
147-
.clearfix:after {
148-
clear: both;
149-
}
152+
.clearfix:after {
153+
clear: both;
154+
}
150155
151-
.card-group {
152-
width: 1em;
153-
height: 1em;
154-
vertical-align: -0.15em;
155-
fill: currentColor;
156-
overflow: hidden;
157-
}
156+
.card-group {
157+
width: 1em;
158+
height: 1em;
159+
vertical-align: -0.15em;
160+
fill: currentColor;
161+
overflow: hidden;
162+
}
158163
159-
.card-breadcrumb {
160-
height: 36px;
161-
width: 100%;
162-
background: #f00;
163-
margin-left: 10px;
164-
margin-top: 15px;
165-
}
164+
.card-breadcrumb {
165+
height: 36px;
166+
width: 100%;
167+
background: #f00;
168+
margin-left: 10px;
169+
margin-top: 15px;
170+
}
166171
167-
.time {
168-
font-size: 13px;
169-
color: #999;
170-
}
172+
.time {
173+
font-size: 13px;
174+
color: #999;
175+
}
171176
172-
.bottom {
173-
margin-top: 13px;
174-
line-height: 12px;
175-
}
177+
.bottom {
178+
margin-top: 13px;
179+
line-height: 12px;
180+
}
176181
177-
.button {
178-
padding: 0;
179-
float: right;
180-
font-size: 13px;
181-
}
182+
.button {
183+
padding: 0;
184+
float: right;
185+
font-size: 13px;
186+
}
182187
183-
.float-card {
184-
float: left;
185-
margin-left: 5px;
186-
margin-right: 5px;
187-
margin-top: 5px;
188-
margin-bottom: 5px;
189-
}
188+
.float-card {
189+
float: left;
190+
margin-left: 5px;
191+
margin-right: 5px;
192+
margin-top: 5px;
193+
margin-bottom: 5px;
194+
}
190195
191-
.card-image {
192-
height: 100%;
193-
width: 300px;
196+
.card-image {
197+
height: 100%;
198+
width: 300px;
199+
}
194200
}
195201
</style>

website/src/styles/markdown.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

website/src/views/demo/ShowCase.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
</el-drawer>
3333
<el-aside
3434
class="aside-scroll-content"
35-
width="280px"
35+
width="220px"
3636
v-if="!fullScreen && !mobile"
3737
>
3838
<el-scrollbar

0 commit comments

Comments
 (0)