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

sharing

Browse Source
This commit is contained in:
huanqing.shao
2019-10-28 20:51:59 +08:00
parent 00e8c35471
commit df1c6afe10
20 changed files with 814 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
.vuepress/components/SharingBlock.vue
View File

@ -1,9 +1,12 @@
<template>
<!-- <div>
<slot></slot>
</!-->
<div style="border: solid 1px #E6A23C; background-color: rgb(253, 246, 236); padding: 1rem;">
<div v-show="!authorized" key="not">
<p style="color: red">请扫描二维码加微信后，获得授权码，显示完整文档。（需分享朋友圈）</p>
<p>一次验证，可查看全站所有内容</p>
<p style="color: red; font-weight: 500;">免费解锁全站文档：</p>
<li>扫描二维码加微信获得验证码</li>
<li>一次验证，可查看全站所有内容</li>
<grid :rwd="{compact: 'stack'}">
<grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}" style="padding: 0rem 0 1rem 1rem;">
@ -15,14 +18,13 @@
</div>
</grid-item>
<grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}" style="padding: 1rem 1rem 1rem 1rem;">
<div style="display: inline-block; width: 480px; max-width: calc(100% - 2rem); overflow: hidden; line-height: 40px; background-color: rgba(255,229,100,0.3); padding: 1rem; margin-bottom: 20px; border: 1px solid #d7dae2;">
<p>发送给Kuboard： <el-tag size="medium" effect="dark">{{code1}}{{code2}}</el-tag></p>
<div style="display: inline-block; max-width: calc(100% - 2rem); overflow: hidden; line-height: 40px; background-color: rgba(255,229,100,0.3); padding: 1rem; margin-bottom: 20px; border: 1px solid #d7dae2;">
<el-form ref="envForm" style="text-align: left;" label-width="80px">
<!-- <el-form-item label="发给Kuboard">
{{code}}
</el-form-item> -->
<el-form-item label="随机码：">
<el-tag size="medium" effect="dark">{{code1}}{{code2}}</el-tag>
</el-form-item>
<el-form-item prop="checked" class="env-form-item" label="验证码：">
<el-input placeholder="Kuboard返回的查看码" v-model.number="authCode"></el-input>
<el-input placeholder="Kuboard返回的验证码" v-model.number="authCode"></el-input>
</el-form-item>
</el-form>
</div>
@ -30,9 +32,7 @@
</grid>
</div>
<!-- <el-collapse-transition> -->
<div v-show="authorized" key="ok">
<!-- <el-button style="margin-top: 10px;" @click="review" type="text">再看看我是否符合安装条件</el-button> -->
<el-alert
style="margin-bottom: 10px;"
title="已为您解锁全站完整文档，感谢配合。"
@ -42,7 +42,6 @@
</el-alert>
<slot></slot>
</div>
<!-- </el-collapse-transition> -->
</div>
</template>