andre/kuboard-press
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页布局

Browse Source
This commit is contained in:
huanqing.shao
2019-10-04 17:33:10 +08:00
parent ea3d344e10
commit 4e3fe4e5ac
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
.vuepress/components/HomePage.vue
View File

@ -1,5 +1,12 @@
<template> <template>
<main class="home" aria-labelledby="main-title"> <main class="home" aria-labelledby="main-title">
<div style="background-color: #0063dc; margin-bottom: 2.5rem;">
<div style="max-width: 450px; margin: auto; ">
<img src="/images/logo-main.png" style="background-color: #0063dc; max-width: 100%;" alt="Slogon:Kuboard_快速在Kubernetes上落地微服务"/>
</div>
</div>
<header class="hero"> <header class="hero">
<img <img
v-if="data.heroImage" v-if="data.heroImage"
@ -7,11 +14,11 @@
:alt="data.heroAlt || 'hero'" :alt="data.heroAlt || 'hero'"
> >
<h1 id="main-title">Kuboard</h1> <!-- <h1 id="main-title">Kuboard</h1>
<p class="description"> <p class="description">
快速在 Kubernetes 上落地微服务 快速在 Kubernetes 上落地微服务
</p> </p> -->
<span <span
class="action" class="action"
@ -56,11 +63,6 @@
</div> </div>
</div> </div>
<div style="background-color: #0063dc; margin-top: 1rem;">
<div style="max-width: 450px; margin: auto; ">
<img src="/images/logo-main.png" style="background-color: #0063dc; max-width: 100%;" alt="Slogon:Kuboard_快速在Kubernetes上落地微服务"/>
</div>
</div>
<div class="intro"> <div class="intro">
<el-card class="intro_text" shadow="hover"> <el-card class="intro_text" shadow="hover">
<p> <p>
@ -191,7 +193,7 @@ export default {
.feature-c-mask .feature-c-mask
padding: 1rem padding: 1rem
height 240px height 240px
border solid 1px $borderColor border solid 1px $accentColor
border-radius 3px border-radius 3px
position relative position relative
top calc(-242px - 2rem) top calc(-242px - 2rem)
@ -199,14 +201,14 @@ export default {
transition background-color .5s linear transition background-color .5s linear
z-index 10 z-index 10
&:hover &:hover
background #F9F9F9 background lighten($accentColor, 80%)
box-shadow: 0 0 15px #999 box-shadow: 0 0 15px #999
color white color white
opacity 1 opacity 1
z-index 10 z-index 10
transition all .3s transition all .3s
.feature-c-content .feature-c-content
border solid 1px $borderColor border solid 1px $accentColor
border-radius 3px border-radius 3px
height 240px height 240px
padding: 1rem padding: 1rem