首页优化

Former-commit-id: 454b6b07dc87c422bfa5bfa7d657ca826d341a3b
This commit is contained in:
liyang
2019-05-21 17:00:32 +08:00
parent 6803334b33
commit 07d529909d
2 changed files with 26 additions and 18 deletions
@@ -14,6 +14,7 @@
<a href="https://www.travis-ci.org/d2-projects/d2-admin"><img src="https://www.travis-ci.org/d2-projects/d2-admin.svg?branch=master"/></a> <a href="https://www.travis-ci.org/d2-projects/d2-admin"><img src="https://www.travis-ci.org/d2-projects/d2-admin.svg?branch=master"/></a>
<a><img src="https://img.shields.io/github/last-commit/d2-projects/d2-admin.svg"/></a> <a><img src="https://img.shields.io/github/last-commit/d2-projects/d2-admin.svg"/></a>
<a><img src="https://img.shields.io/badge/code_style-standard-brightgreen.svg"/></a> <a><img src="https://img.shields.io/badge/code_style-standard-brightgreen.svg"/></a>
<a><img src="https://api.netlify.com/api/v1/badges/a5dd4bbd-da3f-4145-98a9-8012577bdcf5/deploy-status"/></a>
</p> </p>
</div> </div>
</template> </template>
+25 -18
View File
@@ -2,24 +2,23 @@
<d2-container class="page"> <d2-container class="page">
<d2-page-cover> <d2-page-cover>
<d2-icon-svg <d2-icon-svg
class="page__logo" class="logo"
name="d2-admin"/> name="d2-admin"/>
<template slot="footer"> <template slot="footer">
<div class="page__btn-group"> <div class="btn-group">
<span @click="$open('https://github.com/d2-projects')">开源组织</span> | <span class="btn-group__btn" @click="$open('https://github.com/d2-projects')">开源组织</span> |
<span @click="$open('https://doc.d2admin.fairyever.com/zh/')">文档</span> | <span class="btn-group__btn" @click="$open('https://doc.d2admin.fairyever.com/zh/')">文档</span> |
<span @click="$open('https://github.com/d2-projects/d2-admin-start-kit')">简化版</span> | <span class="btn-group__btn" @click="$open('https://github.com/d2-projects/d2-admin-start-kit')">简化版</span> |
<span @click="$open('https://alibaba.github.io/ice/scaffold?type=vue')">飞冰</span> | <span class="btn-group__btn" @click="$open('https://alibaba.github.io/ice/scaffold?type=vue')">飞冰</span> |
<span @click="$open('https://juejin.im/user/57a48b632e958a006691b946/posts')">掘金</span> | <span class="btn-group__btn" @click="$open('https://juejin.im/user/57a48b632e958a006691b946/posts')">掘金</span> |
<span @click="$open('https://daily.fairyever.com')">日报</span> | <span class="btn-group__btn" @click="$open('https://daily.fairyever.com')">日报</span> |
<el-popover <el-popover :width="172" trigger="hover">
:width="172"
trigger="hover">
<p class="d2-mt-0 d2-mb-10">D2Projects</p> <p class="d2-mt-0 d2-mb-10">D2Projects</p>
<img <img src="./image/qr@2x.png" style="width: 172px;">
src="./image/qr@2x.png" <span slot="reference" class="btn-group__btn btn-group__btn--link">
style="width: 172px;"> <d2-icon name="wexin"/>
<span slot="reference">微信公众号</span> 微信公众号
</span>
<p style="font-size: 12px; margin-top: 0px; margin-bottom: 0px;"> <p style="font-size: 12px; margin-top: 0px; margin-bottom: 0px;">
官方公众号,主要推送前端技术类文章、框架资源、学习教程,以及 D2 系列项目更新信息 官方公众号,主要推送前端技术类文章、框架资源、学习教程,以及 D2 系列项目更新信息
</p> </p>
@@ -41,25 +40,33 @@ export default {
D2HelpBtn, D2HelpBtn,
D2Badge, D2Badge,
D2PageCover D2PageCover
},
data () {
return {
filename: __filename
}
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.page { .page {
.page__logo { .logo {
width: 120px; width: 120px;
} }
.page__btn-group { .btn-group {
color: $color-text-placehoder; color: $color-text-placehoder;
font-size: 12px; font-size: 12px;
margin-top: 0px; margin-top: 0px;
margin-bottom: 20px; margin-bottom: 20px;
span { .btn-group__btn {
color: $color-text-sub; color: $color-text-sub;
&:hover { &:hover {
color: $color-text-main; color: $color-text-main;
} }
&.btn-group__btn--link {
color: $color-primary;
}
} }
} }
} }