替换 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

@ -36,7 +36,7 @@ Kuboard是一款免费的 Kubernetes 图形化管理工具Kuboard 力图
align-content: stretch;
justify-content: space-between;">
<div style="flex-grow: 1; flex-basis: 20%; min-width: 200px; cursor: pointer; padding: 1rem 0.5rem;" @click="$router.push({path: '/install/install-k8s.html'})">
<el-card shadow="hover" style="height: 225px;">
<b-card shadow="hover" style="height: 225px;">
<h2 style="font-size: 1.1rem; font-weight: 500; border-bottom: none; padding-bottom: 0; color: #3a5169;">
Kubernetes安装文档
</h2>
@ -49,11 +49,11 @@ Kuboard是一款免费的 Kubernetes 图形化管理工具Kuboard 力图
<li style="color: #4e6e8e;">
碰到问题可QQ在线答疑
</li>
</el-card>
</b-card>
</div>
<div style="flex-grow: 1; flex-basis: 20%; min-width: 200px; cursor: pointer; padding: 1rem 0.5rem;" @click="$router.push({path: '/learning/'})">
<el-card shadow="hover" style="height: 225px;">
<b-card shadow="hover" style="height: 225px;">
<h2 style="font-size: 1.1rem; font-weight: 500; border-bottom: none; padding-bottom: 0; color: #3a5169;">
Kubernetes免费教程
</h2>
@ -63,11 +63,11 @@ Kuboard是一款免费的 Kubernetes 图形化管理工具Kuboard 力图
<li style="color: #4e6e8e;">
活跃的QQ社群与网友共同学习进步
</li>
</el-card>
</b-card>
</div>
<div style="flex-grow: 1; flex-basis: 20%; min-width: 200px; cursor: pointer; padding: 1rem 0.5rem;" @click="$router.push({path: '/install/install-dashboard.html'})">
<el-card shadow="hover" style="height: 225px;">
<b-card shadow="hover" style="height: 225px;">
<h2 style="font-size: 1.1rem; font-weight: 500; border-bottom: none; padding-bottom: 0; color: #3a5169;">
Kubernetes管理界面
</h2>
@ -77,18 +77,18 @@ Kuboard是一款免费的 Kubernetes 图形化管理工具Kuboard 力图
<li style="color: #4e6e8e;">
免费
</li>
</el-card>
</b-card>
</div>
<div style="flex-grow: 1; flex-basis: 20%; min-width: 200px; cursor: pointer; padding: 1rem 0.5rem;" @click="$router.push({path: '/learning/k8s-practice/ocp/'})">
<el-card shadow="hover" style="height: 225px;">
<b-card shadow="hover" style="height: 225px;">
<h2 style="font-size: 1.1rem; font-weight: 500; border-bottom: none; padding-bottom: 0; color: #3a5169;">
Kubernetes + SpringCloud实战
</h2>
<li style="color: #4e6e8e;">
参考文档一步一步完成Spring Cloud微服务架构在Kubernetes上的部署和管理
</li>
</el-card>
</b-card>
</div>
</div>
@ -98,7 +98,7 @@ Kuboard是一款免费的 Kubernetes 图形化管理工具Kuboard 力图
<grid :rwd="{compact: 'stack'}" style="margin-top: 1rem;">
<grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}" >
<el-card style="height: 100%; color: #2c3e50; line-height: 1.7;" shadow="hover">
<b-card style="height: 100%; color: #2c3e50; line-height: 1.7;" shadow="hover">
<p>
<a target="_blank" :href="`http://demo.kuboard.cn/#/dashboard?k8sToken=${$site.themeConfig.kuboardToken}`">
Kuboard 在线体验
@ -107,16 +107,16 @@ Kuboard是一款免费的 Kubernetes 图形化管理工具Kuboard 力图
<p>
为保证环境的稳定性,在线 Demo 中只提供只读权限。<span style="color: #F56C6C; font-weight: 500;">请在PC浏览器中打开</span>
</p>
</el-card>
</b-card>
</grid-item>
<grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
<el-card style="height: 100%" shadow="hover">
<b-card style="height: 100%" shadow="hover">
<a target="_blank" :href="`http://demo.kuboard.cn/#/dashboard?k8sToken=${$site.themeConfig.kuboardToken}`">
<p style="max-width: 100%;">
<img src="./README.assets/1564841972085.gif" style="border: 1px solid #d7dae2; max-width: 100%;" alt="Kubernetes教程Kuboard 在线Demo"></img>
</p>
</a>
</el-card>
</b-card>
</grid-item>
</grid>