Files
kuboard-press/.vuepress/theme/components/JoinCommunity.vue
huanqing.shao 005a047d3c fixing
2019-10-31 19:26:22 +08:00

43 lines
1.4 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div class="page-nav" style="max-width: 1000px; padding: 1rem;">
<el-divider>免费在线答疑</el-divider>
<grid :rwd="{compact: 'stack'}">
<grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}" >
<el-card style="height: 100%; margin-top: 1rem;" shadow="none" :body-style="{padding: '0rem 1.5rem'}">
<h4>QQ群</h4>
<div>一键进群
<Qq/> 808894550
</div>
<p style="margin-bottom: 0; margin-top: 10px;">
<img style="margin: auto; padding: 7px; width: 135px;" src="/images/kuboard_qq.png" alt="Kubernetes教程QQ群在线答疑"/>
</p>
</el-card>
</grid-item>
<grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
<el-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none" :body-style="{padding: '0rem 1.5rem'}">
<h4>微信群</h4>
<div>
<div style="margin-top: 10px;">
<span>微信扫码</span>
<p style="margin-top: 10px; margin-bottom: 0; text-align: center;">
<!-- <img src="/images/dz.png" style="width: 150px;"></img> -->
<img src="/images/dz2.jpeg" style="width: 150px;"></img>
</p>
</div>
</div>
</el-card>
</grid-item>
</grid>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>