79 lines
2.2 KiB
Vue
79 lines
2.2 KiB
Vue
<template>
|
||
<div>
|
||
<el-button type="primary" @click="dialogVisible = true" plain round>
|
||
<d2-icon name="question-circle-o" class="d2-mr-5"/>
|
||
需要帮助吗
|
||
</el-button>
|
||
<el-dialog
|
||
title="帮助"
|
||
width="600px"
|
||
:visible.sync="dialogVisible"
|
||
:append-to-body="true">
|
||
<div style="margin-top: -25px;">
|
||
<h2 class="d2-mt-0">
|
||
这里有一些参考资料
|
||
</h2>
|
||
<el-button-group>
|
||
<el-button @click="$open('https://d2.pub/zh/doc/d2-admin')">
|
||
<d2-icon name="book" class="d2-mr-5"/>
|
||
文档
|
||
</el-button>
|
||
<el-button @click="$open('https://github.com/d2-projects/d2-admin/issues?q=is%3Aissue+is%3Aclosed')">
|
||
<d2-icon name="question" class="d2-mr-5"/>
|
||
历史提问
|
||
</el-button>
|
||
<el-button @click="$open('https://github.com/d2-projects/d2-admin/issues/new/choose')">
|
||
<d2-icon name="plus" class="d2-mr-5"/>
|
||
提交问题
|
||
</el-button>
|
||
</el-button-group>
|
||
<h2>询问其它使用者或作者</h2>
|
||
<el-row :gutter="20">
|
||
<el-col :span="12">
|
||
<img src="./image/qq.svg" style="width: 100%;">
|
||
<div class="d2-help--qr-info">
|
||
请使用手机 QQ 扫面上方二维码<br/>
|
||
1群 806395827 (满) | 2群 592981556
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<img src="./image/we.svg" style="width: 100%;">
|
||
<div class="d2-help--qr-info">
|
||
请使用手机微信扫面上方二维码<br/>
|
||
添加作者微信好友，邀请加入微信群
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</div>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data () {
|
||
return {
|
||
dialogVisible: false
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.d2-help--qr-info {
|
||
background-color: #f4f4f5;
|
||
color: #909399;
|
||
width: 100%;
|
||
padding: 8px 16px;
|
||
margin: 0;
|
||
box-sizing: border-box;
|
||
border-radius: 4px;
|
||
position: relative;
|
||
overflow: hidden;
|
||
opacity: 1;
|
||
display: flex;
|
||
align-items: center;
|
||
transition: opacity .2s;
|
||
}
|
||
</style>
|