Skip to content

Commit fb65cf7

Browse files
author
潘卓然ParnDeedlit
committed
【站点】【升级】【升级全新的页面样式&修复显示细节】
1 parent dec2d10 commit fb65cf7

32 files changed

+3782
-4017
lines changed

‎website/public/static/demo/config/config-headers-mobile.json‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,9 @@
1010
},
1111
{
1212
"title": "协议",
13-
"links": [["epsg", "ogc", "geojson", "socket"]],
14-
"hightlighs": [[false, false, false, false]],
15-
"routes": [["/standard/epsg", "/standard/ogc", "/standard/geojson", "/standard/socket"]]
13+
"links": [["epsg", "geojson"]],
14+
"hightlighs": [[false, false]],
15+
"routes": [["/standard/epsg", "/standard/geojson"]]
1616
}
1717
]
1818
}

‎website/public/static/demo/config/config-headers.json‎

Lines changed: 81 additions & 138 deletions
Large diffs are not rendered by default.

‎website/src/components/CardGroup/index.vue‎

Lines changed: 151 additions & 177 deletions
Original file line numberDiff line numberDiff line change
@@ -1,205 +1,179 @@
11
<template>
2-
<div class="webclient-card-group">
3-
<el-col :span="24" class="card-backgroud">
4-
<el-col
5-
:span="24"
6-
class="col-divider-style gallery-divider"
7-
>
8-
<el-divider
9-
:id="folder"
10-
:key="title"
11-
content-position="left"
12-
>
13-
<span
14-
v-if="secondname"
15-
>{{ secondname }}</span>
16-
<span
17-
>{{ title }}</span>
18-
</el-divider>
19-
</el-col>
20-
<el-col
21-
:xs="12"
22-
:sm="8"
23-
:md="6"
24-
:lg="4"
25-
:xl="4"
26-
v-for="item in cards"
27-
:key="item.name"
28-
>
29-
<card-view
30-
:id="item.file"
31-
:name="item.name"
32-
:file="item.file"
33-
:detail="item.detail"
34-
:update="item.update"
35-
:image="item.icon"
36-
:type="type"
37-
:firstkind="firstkind"
38-
:secondkind="secondkind"
39-
></card-view>
40-
</el-col>
41-
</el-col>
42-
</div>
2+
<div class="webclient-card-group">
3+
<el-col :span="24" class="card-backgroud">
4+
<el-col :span="24" class="col-divider-style gallery-divider">
5+
<el-divider :id="folder" :key="title" content-position="left">
6+
<a aria-hidden="true" class="header-anchor">¶ </a>
7+
<span v-if="secondname">{{ secondname }}</span>
8+
<span>{{ title }}</span>
9+
</el-divider>
10+
</el-col>
11+
<el-col :xs="12" :sm="8" :md="6" :lg="4" :xl="4" v-for="item in cards" :key="item.name">
12+
<card-view
13+
:id="item.file"
14+
:name="item.name"
15+
:file="item.file"
16+
:detail="item.detail"
17+
:update="item.update"
18+
:image="item.icon"
19+
:type="type"
20+
:firstkind="firstkind"
21+
:secondkind="secondkind"
22+
></card-view>
23+
</el-col>
24+
</el-col>
25+
</div>
4326
</template>
4427

4528
<script>
46-
import CardView from "@/components/CardView/index";
29+
import CardView from '@/components/CardView/index';
4730
4831
export default {
49-
name: "card-group",
50-
components: {
51-
CardView
52-
},
53-
data () {
54-
return {
55-
nullImg: "./static/assets/components/CardGroup/null-img.png",
56-
cards: this.cardList
57-
};
58-
},
59-
watch: {
60-
cardList (val) {
61-
this.cards = val;
62-
}
63-
},
64-
props: {
65-
type: {
66-
type: String,
67-
required: true
68-
},
69-
folder: {
70-
type: String,
71-
required: true
72-
},
73-
title: {
74-
type: String,
75-
required: true
32+
name: 'card-group',
33+
components: {
34+
CardView
7635
},
77-
firstkind: {
78-
type: String
36+
data() {
37+
return {
38+
nullImg: './static/assets/components/CardGroup/null-img.png',
39+
cards: this.cardList
40+
};
7941
},
80-
secondkind: {
81-
type: String
42+
watch: {
43+
cardList(val) {
44+
this.cards = val;
45+
}
8246
},
83-
firstname: {
84-
type: String
47+
props: {
48+
type: {
49+
type: String,
50+
required: true
51+
},
52+
folder: {
53+
type: String,
54+
required: true
55+
},
56+
title: {
57+
type: String,
58+
required: true
59+
},
60+
firstkind: {
61+
type: String
62+
},
63+
secondkind: {
64+
type: String
65+
},
66+
firstname: {
67+
type: String
68+
},
69+
secondname: {
70+
type: String
71+
},
72+
cardList: {
73+
type: Array,
74+
required: true
75+
}
8576
},
86-
secondname: {
87-
type: String
88-
},
89-
cardList: {
90-
type: Array,
91-
required: true
92-
}
93-
},
94-
computed: {}
77+
computed: {}
9578
};
9679
</script>
9780

9881
<style lang="scss">
9982
.webclient-card-group {
100-
.card-backgroud {
101-
background: #ffffff;
102-
}
103-
.el-tag.el-tag--info {
104-
background-color: #f4f4f500;
105-
border-color: #e9e9eb;
106-
color: #909399;
107-
}
108-
.gallery-divider {
109-
background: transparent;
110-
111-
.el-divider__text{
112-
height: 19px;
113-
font-size: 18px;
114-
font-family: Microsoft YaHei;
115-
font-weight: bold;
116-
color: #3C4858;
117-
line-height: 18px;
83+
.card-backgroud {
84+
background: #ffffff;
85+
}
86+
.el-tag.el-tag--info {
87+
background-color: #f4f4f500;
88+
border-color: #e9e9eb;
89+
color: #909399;
11890
}
119-
/* .el-divider--horizontal {
120-
display: block;
121-
height: 10px;
122-
width: 100%;
123-
margin: 24px 6px;
124-
} */
91+
.gallery-divider {
92+
background: transparent;
12593
126-
/* .el-divider {
127-
background: linear-gradient(
128-
90deg,
129-
rgba(71, 148, 250, 1),
130-
rgba(49, 225, 230, 1)
131-
);
132-
position: relative;
133-
} */
134-
}
135-
.col-divider-style {
136-
margin-top: 16px;
137-
margin-bottom: 10px;
138-
}
94+
.el-divider__text {
95+
height: 19px;
96+
font-size: 18px;
97+
font-family: Microsoft YaHei;
98+
font-weight: bold;
99+
color: #3c4858;
100+
line-height: 18px;
101+
}
102+
.el-divider__text.is-left {
103+
left: 0px;
104+
}
105+
.el-divider {
106+
background-color: transparent;
107+
}
108+
}
109+
.col-divider-style {
110+
margin-top: 16px;
111+
margin-bottom: 10px;
112+
}
139113
140-
.card-breadcrumb-content {
141-
width: calc(100vw - 200px);
142-
}
143-
.title {
144-
/* background: #f0f0f0; */
145-
margin-top: 30px;
146-
margin-bottom: 5px;
147-
border-radius: 3px;
148-
}
114+
.card-breadcrumb-content {
115+
width: calc(100vw - 200px);
116+
}
117+
.title {
118+
/* background: #f0f0f0; */
119+
margin-top: 30px;
120+
margin-bottom: 5px;
121+
border-radius: 3px;
122+
}
149123
150-
.clearfix:before,
151-
.clearfix:after {
152-
display: table;
153-
content: "";
154-
}
124+
.clearfix:before,
125+
.clearfix:after {
126+
display: table;
127+
content: '';
128+
}
155129
156-
.clearfix:after {
157-
clear: both;
158-
}
130+
.clearfix:after {
131+
clear: both;
132+
}
159133
160-
.card-group {
161-
width: 1em;
162-
height: 1em;
163-
vertical-align: -0.15em;
164-
fill: currentColor;
165-
overflow: hidden;
166-
}
134+
.card-group {
135+
width: 1em;
136+
height: 1em;
137+
vertical-align: -0.15em;
138+
fill: currentColor;
139+
overflow: hidden;
140+
}
167141
168-
.card-breadcrumb {
169-
height: 36px;
170-
width: 100%;
171-
background: #f00;
172-
margin-left: 10px;
173-
margin-top: 15px;
174-
}
142+
.card-breadcrumb {
143+
height: 36px;
144+
width: 100%;
145+
background: #f00;
146+
margin-left: 10px;
147+
margin-top: 15px;
148+
}
175149
176-
.time {
177-
font-size: 13px;
178-
color: #999;
179-
}
150+
.time {
151+
font-size: 13px;
152+
color: #999;
153+
}
180154
181-
.bottom {
182-
margin-top: 13px;
183-
line-height: 12px;
184-
}
155+
.bottom {
156+
margin-top: 13px;
157+
line-height: 12px;
158+
}
185159
186-
.button {
187-
padding: 0;
188-
float: right;
189-
font-size: 13px;
190-
}
160+
.button {
161+
padding: 0;
162+
float: right;
163+
font-size: 13px;
164+
}
191165
192-
.float-card {
193-
float: left;
194-
margin-left: 5px;
195-
margin-right: 5px;
196-
margin-top: 5px;
197-
margin-bottom: 5px;
198-
}
166+
.float-card {
167+
float: left;
168+
margin-left: 5px;
169+
margin-right: 5px;
170+
margin-top: 5px;
171+
margin-bottom: 5px;
172+
}
199173
200-
.card-image {
201-
height: 100%;
202-
width: 300px;
203-
}
174+
.card-image {
175+
height: 100%;
176+
width: 300px;
177+
}
204178
}
205-
</style>
179+
</style>

‎website/src/components/CardView/index.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -125,7 +125,7 @@ export default {
125125

126126
<style lang="scss">
127127
.gallery-card-div {
128-
margin: 4px;
128+
margin: 8px;
129129
display: flex;
130130
.card-image {
131131
height: 256px;

0 commit comments

Comments
 (0)