zhouchijian
/
fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

perf[documentation]: refine css

This commit is contained in:
花裤衩 2019-12-15 20:17:59 +08:00
parent 230575a6fd
commit c656f2ed00
2 changed files with 12 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Share/DropdownMenu.vue
View File

@ -44,6 +44,7 @@ $t: .1s;
width: 250px; width: 250px;
position: relative; position: relative;
z-index: 1; z-index: 1;
height: auto!important;
&-title { &-title {
width: 100%; width: 100%;
display: block; display: block;
@ -65,10 +66,12 @@ $t: .1s;
position: absolute; position: absolute;
width: 100%; width: 100%;
background: #e0e0e0; background: #e0e0e0;
color: #000;
line-height: 60px; line-height: 60px;
height: 60px; height: 60px;
cursor: pointer; cursor: pointer;
font-size: 20px; font-size: 18px;
overflow: hidden;
opacity: 1; opacity: 1;
transition: transform 0.28s ease; transition: transform 0.28s ease;
&:hover { &:hover {

30
src/views/documentation/index.vue
View File

@ -1,26 +1,10 @@
<template> <template>
<div class="app-container documentation-container"> <div class="app-container documentation-container">
<a <a class="document-btn" target="_blank" href="https://panjiachen.github.io/vue-element-admin-site/">Documentation</a>
class="document-btn" <a class="document-btn" target="_blank" href="https://github.com/PanJiaChen/vue-element-admin/">Github Repository</a>
target="_blank" <a class="document-btn" target="_blank" href="https://panjiachen.gitee.io/vue-element-admin-site/zh/">国内文档</a>
href="https://panjiachen.github.io/vue-element-admin-site/" <dropdown-menu class="document-btn" :items="articleList" title="系列文章" />
>Documentation</a> <a class="document-btn" target="_blank" href="https://panjiachen.github.io/vue-element-admin-site/zh/job/">内推招聘</a>
<a
class="document-btn"
target="_blank"
href="https://github.com/PanJiaChen/vue-element-admin/"
>Github Repository</a>
<a
class="document-btn"
target="_blank"
href="https://panjiachen.gitee.io/vue-element-admin-site/zh/"
>国内文档</a>
<dropdown-menu :items="articleList" style="float:left;margin-left:50px;" title="系列文章" />
<a
class="document-btn"
target="_blank"
href="https://panjiachen.github.io/vue-element-admin-site/zh/job/"
>内推招聘</a>
</div> </div>
</template> </template>
@ -53,8 +37,10 @@ export default {
margin: 50px; margin: 50px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-evenly;
.document-btn { .document-btn {
margin-left: 50px; flex-shrink: 0;
display: block; display: block;
cursor: pointer; cursor: pointer;
background: black; background: black;