替换 element-ui

This commit is contained in:
huanqing.shao
2019-11-02 10:13:24 +08:00
parent 111543d89f
commit 99951e87d9
40 changed files with 625 additions and 829 deletions

View File

@@ -1,9 +1,9 @@
<template>
<div class="page-nav" style="max-width: 1000px; padding: 1rem; text-align: center;">
<el-divider>免费在线答疑</el-divider>
<b-alert style="margin-bottom: 0;" show variant="primary">免费答疑</b-alert>
<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'}">
<b-card style="height: 100%; margin-top: 1rem;" shadow="none" :body-style="{padding: '0rem 1.5rem'}">
<h4>QQ群</h4>
<div>
<!-- 一键进群 -->
@@ -13,10 +13,10 @@
<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>
</b-card>
</grid-item>
<grid-item size="1/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'}">
<b-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;">
@@ -27,10 +27,10 @@
</p>
</div>
</div>
</el-card>
</b-card>
</grid-item>
<grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}">
<el-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem; border-color: #f2be45; background-color: rgba(242, 190, 69, 0.1)" shadow="none" :body-style="{padding: '0rem 1.5rem'}">
<b-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem; border-color: #f2be45; background-color: rgba(242, 190, 69, 0.1)" shadow="none" :body-style="{padding: '0rem 1.5rem'}">
<h4>VIP群</h4>
<div>
<div style="margin-top: 10px;">
@@ -41,7 +41,7 @@
</p>
</div>
</div>
</el-card>
</b-card>
</grid-item>
</grid>
</div>

View File

@@ -44,7 +44,7 @@
<img src="/images/kuboard_qq.png" style="width: 120px;" alt="Kubernetes教程QQ群在线答疑"/>
</p> -->
</div>
<el-divider >Kuboard</el-divider>
<!-- <el-divider >Kuboard</el-divider> -->
<div style="height: 2rem;"></div>
</aside>
</template>