Former-commit-id: 0bc3afb90e0f6c085a680e39880f975717793b09 [formerly 0bc3afb90e0f6c085a680e39880f975717793b09 [formerly 0bc3afb90e0f6c085a680e39880f975717793b09 [formerly 0bc3afb90e0f6c085a680e39880f975717793b09 [formerly ec04dd1ed71e3ab98007073168daae880ad6bc9a [formerly 27f3e5cbfae961450c4738a9bc7aaa0e87d983bd]]]]] Former-commit-id: fcfaf06a9d9c9422931b9c6d0e58dcf5f2e0e9fe Former-commit-id: 1507dac206b02e590a62c343404760c4a10e1163 Former-commit-id: d32f3aa5207b09bcc61530258da7d285a7aca5e8 [formerly 7b9d2763618e82332e7348268bdbec79fd6b324f] Former-commit-id: 671052ad6a2d10a151f0befa1020be7b21890553 Former-commit-id: 7096b9fa103901dd06b437b5b692cf85ecb35f2f Former-commit-id: f1a6fbab21e2ecdf9752c8c4116b44c43d568bca Former-commit-id: 6fa9f1a3a296b50663854ec2c2089fe78b392f29 Former-commit-id: 99e9372f7be157d28e3977584a5281d991a5264c
85 lines
2.4 KiB
Vue
85 lines
2.4 KiB
Vue
<template>
|
||
<d2-container class="page">
|
||
<d2-page-cover>
|
||
<d2-icon-svg class="logo" name="d2-admin"/>
|
||
<template slot="footer">
|
||
<div class="btn-group">
|
||
<span class="btn-group__btn" @click="$open('https://github.com/d2-projects')">
|
||
开源组织
|
||
</span> |
|
||
<span class="btn-group__btn" @click="$open('https://doc.d2admin.fairyever.com/zh/')">
|
||
文档
|
||
</span> |
|
||
<span class="btn-group__btn" @click="$open('https://github.com/d2-projects/d2-admin-start-kit')">
|
||
简化版
|
||
</span> |
|
||
<span class="btn-group__btn" @click="$open('https://alibaba.github.io/ice/scaffold?type=vue')">
|
||
飞冰
|
||
</span> |
|
||
<span class="btn-group__btn" @click="$open('https://juejin.im/user/57a48b632e958a006691b946/posts')">
|
||
掘金
|
||
</span> |
|
||
<span class="btn-group__btn" @click="$open('https://daily.fairyever.com')">
|
||
日报
|
||
</span> |
|
||
<el-popover :width="172" trigger="hover">
|
||
<p class="d2-mt-0 d2-mb-10">今日前端</p>
|
||
<img src="./image/qr@2x.png" style="width: 172px;">
|
||
<span slot="reference" class="btn-group__btn btn-group__btn--link">
|
||
<d2-icon name="weixin"/>
|
||
微信公众号
|
||
</span>
|
||
<p style="font-size: 12px; margin-top: 0px; margin-bottom: 0px;">
|
||
官方公众号,主要推送前端技术类文章、框架资源、学习教程,以及 D2 系列项目更新信息
|
||
</p>
|
||
</el-popover>
|
||
</div>
|
||
<d2-badge/>
|
||
<d2-help/>
|
||
</template>
|
||
</d2-page-cover>
|
||
</d2-container>
|
||
</template>
|
||
|
||
<script>
|
||
import D2Badge from './components/d2-badge'
|
||
import D2Help from './components/d2-help'
|
||
import D2PageCover from './components/d2-page-cover'
|
||
export default {
|
||
components: {
|
||
D2Badge,
|
||
D2Help,
|
||
D2PageCover
|
||
},
|
||
data () {
|
||
return {
|
||
filename: __filename
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.page {
|
||
.logo {
|
||
width: 120px;
|
||
}
|
||
.btn-group {
|
||
color: $color-text-placehoder;
|
||
font-size: 12px;
|
||
line-height: 12px;
|
||
margin-top: 0px;
|
||
margin-bottom: 20px;
|
||
.btn-group__btn {
|
||
color: $color-text-sub;
|
||
&:hover {
|
||
color: $color-text-main;
|
||
}
|
||
&.btn-group__btn--link {
|
||
color: $color-primary;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|