动画优化
This commit is contained in:
huanqing.shao
@ -7,7 +7,7 @@
|
|||||||
<link rel="stylesheet" href="/landing/css/style.css">
|
<link rel="stylesheet" href="/landing/css/style.css">
|
||||||
<link rel="stylesheet" href="/landing/css/components.css">
|
<link rel="stylesheet" href="/landing/css/components.css">
|
||||||
<div class="py-80" id="features" style="padding-top: 1rem; padding-bottom: 1rem;">
|
<div class="py-80" id="features" style="padding-top: 1rem; padding-bottom: 1rem;">
|
||||||
<div class="container">
|
<div class="container" style="margin-top: 0;">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-12">
|
<div class="col-sm-12">
|
||||||
<div class="text-center" style="margin-bottom: 1rem;">
|
<div class="text-center" style="margin-bottom: 1rem;">
|
||||||
@ -169,15 +169,16 @@ export default {
|
|||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
|
||||||
border: 1px solid #8096b0;
|
z-index: 10;
|
||||||
|
border: 1px solid #f2be45;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
-webkit-transition: .5s;
|
-webkit-transition: .5s;
|
||||||
transition: .5s;
|
transition: .5s;
|
||||||
background-color: #fff;
|
/* background-color: #fff; */
|
||||||
}
|
}
|
||||||
.feature:hover {
|
.feature:hover {
|
||||||
background-color: #edf5ff;
|
/* background-color: rgba(255,227,200); */
|
||||||
/* border-color: #fff; */
|
background-color: rgba(242, 190, 69, 0.1);
|
||||||
}
|
}
|
||||||
.feature-title {
|
.feature-title {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -190,4 +191,5 @@ export default {
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
51
.vuepress/components/InstallDashboardPreview.vue
Normal file
51
.vuepress/components/InstallDashboardPreview.vue
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<transition name="lightSpeed">
|
||||||
|
<grid :rwd="{compact: 'stack'}" style="margin-top: 1rem;" v-show="show">
|
||||||
|
<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">
|
||||||
|
<p>
|
||||||
|
<a target="_blank" :href="`http://demo.kuboard.cn/#/dashboard?k8sToken=${$site.themeConfig.kuboardToken}`">
|
||||||
|
Kuboard 在线体验
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p style="color: gray; font-size: 14px;">
|
||||||
|
为保证环境的稳定性，在线 Demo 中只提供只读权限。<span style="color: #F56C6C; font-weight: 500;">（请在PC浏览器中打开）</span>
|
||||||
|
</p>
|
||||||
|
<li>无需编写YAML</li>
|
||||||
|
<li>纯图形化环境</li>
|
||||||
|
<li>多环境管理</li>
|
||||||
|
</el-card>
|
||||||
|
</grid-item>
|
||||||
|
<grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
|
||||||
|
<el-card style="height: 100%; border-color: #f2be45; background-color: rgba(242, 190, 69, 0.1)" shadow="hover">
|
||||||
|
<a target="_blank" :href="`http://demo.kuboard.cn/#/dashboard?k8sToken=${$site.themeConfig.kuboardToken}`">
|
||||||
|
<p style="max-width: 100%;">
|
||||||
|
<img src="./1564841972085.gif" style="border: 1px solid #d7dae2; max-width: 100%;" alt="Kubernetes教程：Kuboard 在线Demo"></img>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</el-card>
|
||||||
|
</grid-item>
|
||||||
|
</grid>
|
||||||
|
</transition>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import 'vue2-animate/dist/vue2-animate.min.css';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
show: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted () {
|
||||||
|
this.show = true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
</style>
|
||||||
@ -10,7 +10,7 @@
|
|||||||
<p style="color: red">必须选中下面的 {{envCount}} 个勾选框才能继续</p>
|
<p style="color: red">必须选中下面的 {{envCount}} 个勾选框才能继续</p>
|
||||||
<p>选中后显示 安装 docker/kubelet 的文档</p>
|
<p>选中后显示 安装 docker/kubelet 的文档</p>
|
||||||
|
|
||||||
<div style="display: inline-block; width: 520px; max-width: calc(100vw - 100px); overflow: hidden; line-height: 40px; background-color: rgba(255,229,100,0.3); padding: 20px 0 0 20px; margin-bottom: 20px; border: 1px solid #d7dae2;">
|
<div style="display: inline-block; width: 550px; max-width: calc(100vw - 100px); overflow: hidden; line-height: 40px; background-color: rgba(255,229,100,0.3); padding: 20px 0 0 20px; margin-bottom: 20px; border: 1px solid #d7dae2;">
|
||||||
<el-form :model="form" ref="envForm" :rules="rules" style="text-align: left;">
|
<el-form :model="form" ref="envForm" :rules="rules" style="text-align: left;">
|
||||||
<el-form-item prop="checked" class="env-form-item">
|
<el-form-item prop="checked" class="env-form-item">
|
||||||
<el-checkbox-group v-model="form.checked">
|
<el-checkbox-group v-model="form.checked">
|
||||||
|
|||||||
@ -4,6 +4,7 @@ module.exports = {
|
|||||||
// configureWebpack: () => ({
|
// configureWebpack: () => ({
|
||||||
// devtool: 'source-map'
|
// devtool: 'source-map'
|
||||||
// }),
|
// }),
|
||||||
|
modules: ['bootstrap-vue/nuxt'],
|
||||||
title: 'Kuboard官网',
|
title: 'Kuboard官网',
|
||||||
description: '一款Kubernetes_Dashboard_简化Kubernetes的学习和使用_帮助您快速落地Kubernetes_提供_Kubernetes_免费中文教程_国内安装文档',
|
description: '一款Kubernetes_Dashboard_简化Kubernetes的学习和使用_帮助您快速落地Kubernetes_提供_Kubernetes_免费中文教程_国内安装文档',
|
||||||
head: [
|
head: [
|
||||||
|
|||||||
@ -3,6 +3,11 @@ import 'element-ui/lib/theme-chalk/index.css'
|
|||||||
|
|
||||||
import Element from 'element-ui'
|
import Element from 'element-ui'
|
||||||
|
|
||||||
|
import 'bootstrap/dist/css/bootstrap.css'
|
||||||
|
import 'bootstrap-vue/dist/bootstrap-vue.css'
|
||||||
|
|
||||||
|
import BootstrapVue from 'bootstrap-vue'
|
||||||
|
|
||||||
import Container from './grid/Container'
|
import Container from './grid/Container'
|
||||||
import Grid from './grid/Grid'
|
import Grid from './grid/Grid'
|
||||||
import GridItem from './grid/GridItem'
|
import GridItem from './grid/GridItem'
|
||||||
@ -23,7 +28,8 @@ export default ({
|
|||||||
router, // 当前应用的路由实例
|
router, // 当前应用的路由实例
|
||||||
siteData // 站点元数据
|
siteData // 站点元数据
|
||||||
}) => {
|
}) => {
|
||||||
Vue.use(Element)
|
Vue.use(Element)
|
||||||
|
Vue.use(BootstrapVue)
|
||||||
Vue.use(VueFractionGrid, {
|
Vue.use(VueFractionGrid, {
|
||||||
approach: 'desktop-first',
|
approach: 'desktop-first',
|
||||||
gutter: '1rem',
|
gutter: '1rem',
|
||||||
|
|||||||
Binary file not shown.
@ -47,6 +47,110 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
<style type="text/css">
|
||||||
|
.box{
|
||||||
|
font-family: 'Merriweather Sans', sans-serif;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
transition: all .5s;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
.box:hover{ box-shadow: 3px 3px 5px #999; }
|
||||||
|
.box:before,
|
||||||
|
.box:after{
|
||||||
|
content: "";
|
||||||
|
background: radial-gradient(circle at 23% 70%,rgba(255,255,255,0.8),#fff 30%);
|
||||||
|
width: 150%;
|
||||||
|
height: 150%;
|
||||||
|
opacity: 0;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
position: absolute;
|
||||||
|
top:-10.5%;
|
||||||
|
right:-150%;
|
||||||
|
z-index: 1;
|
||||||
|
transition: all 0.35s ease;
|
||||||
|
}
|
||||||
|
.box:after{
|
||||||
|
background: rgba(255,255,255,0.5);
|
||||||
|
width: 65%;
|
||||||
|
height: 65%;
|
||||||
|
right: auto;
|
||||||
|
left: -20%;
|
||||||
|
top: -65%;
|
||||||
|
}
|
||||||
|
.box:hover:before{
|
||||||
|
opacity: 1;
|
||||||
|
right: -85%;
|
||||||
|
}
|
||||||
|
.box:hover:after{
|
||||||
|
opacity: 1;
|
||||||
|
top: -42%;
|
||||||
|
}
|
||||||
|
.box img{
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
transition: all 0.5s ease;
|
||||||
|
}
|
||||||
|
.box:hover img{ transform: scale(1.2); }
|
||||||
|
.box .box-content{
|
||||||
|
text-align: right;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: -100%;
|
||||||
|
z-index: 2;
|
||||||
|
transition: all .5s;
|
||||||
|
}
|
||||||
|
.box:hover .box-content{ right: 5%; }
|
||||||
|
.box .title{
|
||||||
|
color: #1e272e;
|
||||||
|
font-size: 23px;
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: uppercase;
|
||||||
|
margin: 0 0 3px 0;
|
||||||
|
}
|
||||||
|
.box .post{
|
||||||
|
font-size: 16px;
|
||||||
|
text-transform: capitalize;
|
||||||
|
margin: 0 0 10px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.box .icon{
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.box .icon li{
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 4px;
|
||||||
|
}
|
||||||
|
.box .icon li a{
|
||||||
|
color: #fff;
|
||||||
|
background-color: #1e272e;
|
||||||
|
font-size: 18px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 35px;
|
||||||
|
height: 35px;
|
||||||
|
width: 35px;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: block;
|
||||||
|
transition: all 0.3s;
|
||||||
|
}
|
||||||
|
.box .icon li a:hover{
|
||||||
|
color: #1e272e;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 10%;
|
||||||
|
box-shadow: 0 0 5px #1e272e inset;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width:990px){
|
||||||
|
.box { margin: 0 0 30px; }
|
||||||
|
}
|
||||||
|
@media only screen and (max-width:479px){
|
||||||
|
.box .title{ font-size: 20px; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<!-- Navigation -->
|
<!-- Navigation -->
|
||||||
<div id="menu_area" class="menu-area fixed-top">
|
<div id="menu_area" class="menu-area fixed-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
@ -111,8 +215,7 @@
|
|||||||
</header>
|
</header>
|
||||||
<!-- /Header -->
|
<!-- /Header -->
|
||||||
|
|
||||||
|
<div class="bg-gray py-80" id="products">
|
||||||
<div class="bg-gray py-80" id="webinars">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-12">
|
<div class="col-sm-12">
|
||||||
@ -123,156 +226,71 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-3 col-sm-6">
|
||||||
<!-- Webnair Card <Start> -->
|
<div class="box" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
|
||||||
<div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
|
<a href="/install/install-k8s.html">
|
||||||
<div class="card-body">
|
<img src="landing/images/install.png" alt="K8S教程_K8S培训_K8S安装手册_每天300人采纳_使用与最新K8S版本同步_免费远程协助_成功保证">
|
||||||
<h4 class="card-title text-primary">Kubernetes 安装文档</h4>
|
<div class="box-content">
|
||||||
<p class="card-text">
|
<h3 class="title">K8S 安装手册</h3>
|
||||||
<li>每天有超过300名网友参考此安装文档顺利完成 Kubernetes 的安装</li>
|
<span class="post" style="color: #212529;">Kuboard for K8S</span>
|
||||||
<li>自2019年8月开始，已更新60+个版本，始终与最新 Kubernetes 稳定版保持同步</li>
|
<ul class="icon">
|
||||||
</p>
|
<!-- <li><a href="#"><i class="fa fa-search"></i></a></li> -->
|
||||||
<div class="media">
|
<li><i class="fa fa-link"></i></li>
|
||||||
<img class="mr-3" src="landing/images/icn4.svg" alt="image" width="50" height="50">
|
</ul>
|
||||||
<div class="media-body">
|
|
||||||
<h5><small>保证</small> 安装成功</h5>
|
|
||||||
碰到问题可免费找群主远程协助
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="card-actions">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<!-- <div class="webnair-date">
|
|
||||||
<h5>Apr</h5>
|
|
||||||
<h2>18</h2>
|
|
||||||
<p>10:30AM IST</p>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<div class="my-4 text-center" style="margin-top: 0 !important;">
|
|
||||||
<a href="/install/install-k8s.html" class="btn btn-primary btn-round">免费获取文档 <i class="fa fa-long-arrow-right" ></i></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<!-- Webnair Card </End> -->
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-3 col-sm-6">
|
||||||
<!-- Webnair Card <Start> -->
|
<div class="box" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1500">
|
||||||
<div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1500">
|
<a href="/learning/">
|
||||||
<div class="card-body">
|
<img src="landing/images/tutorial-p.png" alt="K8S教程_K8S培训_K8S安装手册_权威资料_第一手实战经验_自适应PC/手机">
|
||||||
<h4 class="card-title text-primary">Kubernetes 免费教程</h4>
|
<div class="box-content">
|
||||||
<p class="card-text">
|
<h3 class="title">K8S 免费教程</h3>
|
||||||
<li>权威资料，主要依据来源于 kubernetes 官网，及 Kubernetes 第一手实战经验</li>
|
<span class="post" style="color: #212529;">Kuboard for K8S</span>
|
||||||
<li>随时查看，自适应 PC 端和手机端，可以随时随地翻阅</li>
|
<ul class="icon">
|
||||||
</p>
|
<!-- <li><i class="fa fa-search"></i></li> -->
|
||||||
<div class="media">
|
<!-- <li><a href="#"></a><i class="fa fa-link"></i></a></li> -->
|
||||||
<img class="mr-3" src="landing/images/icn5.svg" alt="image" width="50" height="50">
|
<li><i class="fa fa-link"></i></li>
|
||||||
<div class="media-body">
|
</ul>
|
||||||
<h5><small>答疑</small> 在线答疑</h5>
|
|
||||||
碰到问题可以直接与作者沟通
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="card-actions">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<!-- <div class="webnair-date">
|
|
||||||
<h5>Apr</h5>
|
|
||||||
<h2>18</h2>
|
|
||||||
<p>10:30AM IST</p>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<div class="my-4 text-center" style="margin-top: 0 !important;">
|
|
||||||
<a href="/learning/" class="btn btn-primary btn-round">免费获取教程 <i class="fa fa-long-arrow-right" ></i></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<!-- Webnair Card </End> -->
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-3 col-sm-6">
|
||||||
<!-- Webnair Card <Start> -->
|
<a href="/install/install-dashboard.html">
|
||||||
<div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1500">
|
<div class="box" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="2500">
|
||||||
<div class="card-body">
|
<img src="landing/images/dashboard-p.png" alt="K8S教程_K8S培训_K8S安装手册_无需编写YAML文件_纯图形化管理_多环境管理">
|
||||||
<h4 class="card-title text-primary">Kubernetes 管理面板</h4>
|
<div class="box-content">
|
||||||
<p class="card-text">
|
<h3 class="title">K8S 管理面板</h3>
|
||||||
<li>无需编写 YAML，通过图形化管理界面便可轻松完成应用的部署和管理</li>
|
<span class="post" style="color: #212529;">Kuboard for K8S</span>
|
||||||
<li>多环境管理</li>
|
<ul class="icon">
|
||||||
</p>
|
<!-- <li><i class="fa fa-search"></i></li> -->
|
||||||
<div class="media">
|
<!-- <li><a href="#"></a><i class="fa fa-link"></i></a></li> -->
|
||||||
<img class="mr-3" src="landing/images/icn1.svg" alt="image" width="50" height="50">
|
<li><i class="fa fa-link"></i></li>
|
||||||
<div class="media-body">
|
</ul>
|
||||||
<h5>降低门槛</h5>
|
|
||||||
使用 Kuboard 可以有效的降低 K8S 的门槛
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="card-actions">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<!-- <div class="webnair-date">
|
|
||||||
<h5>Apr</h5>
|
|
||||||
<h2>18</h2>
|
|
||||||
<p>10:30AM IST</p>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<div class="my-4 text-center" style="margin-top: 0 !important;">
|
|
||||||
<a href="/install/install-dashboard.html" class="btn btn-primary btn-round">免费获取 <i class="fa fa-long-arrow-right" ></i></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Webnair Card </End> -->
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-3 col-sm-6">
|
||||||
<!-- Webnair Card <Start> -->
|
<a href="/learning/k8s-practice/micro-service/kuboard-view-of-k8s.html">
|
||||||
<div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1500">
|
<div class="box" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="2000">
|
||||||
<div class="card-body">
|
<img src="landing/images/springcloud-p.png" alt="K8S教程_K8S培训_K8S安装手册_在Kubernetes上实战Spring_Cloud_活跃的OCP社区支持">
|
||||||
<h4 class="card-title text-primary">Spring Cloud 实战文档</h4>
|
<div class="box-content">
|
||||||
<p class="card-text">
|
<h3 class="title">微服务实战</h3>
|
||||||
<li>在 Kubernetes 上部署 Spring Cloud 微服务架构</li>
|
<span class="post" style="color: #212529;">Kuboard for K8S</span>
|
||||||
<li>第一手实战经验分享</li>
|
<ul class="icon">
|
||||||
</p>
|
<!-- <li><i class="fa fa-search"></i></li> -->
|
||||||
<div class="media">
|
<!-- <li><a href="#"></a><i class="fa fa-link"></i></a></li> -->
|
||||||
<img class="mr-3" src="landing/images/icn3.svg" alt="image" width="50" height="50">
|
<li><i class="fa fa-link"></i></li>
|
||||||
<div class="media-body">
|
</ul>
|
||||||
<h5><small>答疑</small> 在线答疑</h5>
|
|
||||||
碰到问题可以直接与作者沟通
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="card-actions">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<!-- <div class="webnair-date">
|
|
||||||
<h5>Apr</h5>
|
|
||||||
<h2>18</h2>
|
|
||||||
<p>10:30AM IST</p>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<div class="my-4 text-center" style="margin-top: 0 !important;">
|
|
||||||
<a href="/learning/k8s-practice/micro-service/kuboard-view-of-k8s.html" class="btn btn-primary btn-round">免费获取文档 <i class="fa fa-long-arrow-right" ></i></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Webnair Card </End> -->
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Media Call Action <Start> -->
|
<!-- Media Call Action <Start> -->
|
||||||
|
|||||||
1
.vuepress/public/landing/css/magic.min.css
vendored
Executable file
1
.vuepress/public/landing/css/magic.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
BIN
.vuepress/public/landing/images/dashboard-p.png
Normal file
BIN
.vuepress/public/landing/images/dashboard-p.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
.vuepress/public/landing/images/install.png
Normal file
BIN
.vuepress/public/landing/images/install.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
.vuepress/public/landing/images/springcloud-p.png
Normal file
BIN
.vuepress/public/landing/images/springcloud-p.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
.vuepress/public/landing/images/tutorial-p.png
Normal file
BIN
.vuepress/public/landing/images/tutorial-p.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
@ -1,19 +1,21 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="page-nav" style="max-width: 1000px; padding: 1rem;">
|
<div class="page-nav" style="max-width: 1000px; padding: 1rem; text-align: center;">
|
||||||
<el-divider>免费在线答疑</el-divider>
|
<el-divider>免费在线答疑</el-divider>
|
||||||
<grid :rwd="{compact: 'stack'}">
|
<grid :rwd="{compact: 'stack'}">
|
||||||
<grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}" >
|
<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'}">
|
<el-card style="height: 100%; margin-top: 1rem;" shadow="none" :body-style="{padding: '0rem 1.5rem'}">
|
||||||
<h4>QQ群</h4>
|
<h4>QQ群</h4>
|
||||||
<div>一键进群
|
<div>
|
||||||
<Qq/> 808894550
|
<!-- 一键进群 -->
|
||||||
|
<Qq/>
|
||||||
|
<!-- 808894550 -->
|
||||||
</div>
|
</div>
|
||||||
<p style="margin-bottom: 0; margin-top: 10px;">
|
<p style="margin-bottom: 0; margin-top: 10px;">
|
||||||
<img style="margin: auto; padding: 7px; width: 135px;" src="/images/kuboard_qq.png" alt="Kubernetes教程：QQ群在线答疑"/>
|
<img style="margin: auto; padding: 7px; width: 135px;" src="/images/kuboard_qq.png" alt="Kubernetes教程：QQ群在线答疑"/>
|
||||||
</p>
|
</p>
|
||||||
</el-card>
|
</el-card>
|
||||||
</grid-item>
|
</grid-item>
|
||||||
<grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
|
<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'}">
|
<el-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none" :body-style="{padding: '0rem 1.5rem'}">
|
||||||
<h4>微信群</h4>
|
<h4>微信群</h4>
|
||||||
<div>
|
<div>
|
||||||
@ -27,6 +29,20 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</grid-item>
|
</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'}">
|
||||||
|
<h4>VIP群</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>
|
</grid>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
<main class="page">
|
<main class="page">
|
||||||
<div class="page-nav" style="max-width: 1000px; margin-top: 56px;">
|
<div class="page-nav" style="max-width: 1000px; margin-top: 56px;">
|
||||||
</div>
|
</div>
|
||||||
<div v-show="!$isSharing" class="page-nav" style="max-width: 1000px; margin: auto;">
|
<div v-show="!$isSharing && !$frontmatter.lessAds" class="page-nav" style="max-width: 1000px; margin: auto;">
|
||||||
<div class="tip custom-block" style=" padding: 1rem; margin-top: 0;">
|
<div class="tip custom-block" style=" padding: 1rem; margin-top: 0;">
|
||||||
<div style="display: inline-block; vertical-align: top; line-height: 1.6rem;">
|
<div style="display: inline-block; vertical-align: top; line-height: 1.6rem;">
|
||||||
<li>
|
<li>
|
||||||
@ -36,8 +36,8 @@
|
|||||||
</p>
|
</p>
|
||||||
</div> -->
|
</div> -->
|
||||||
<JoinCommunity></JoinCommunity>
|
<JoinCommunity></JoinCommunity>
|
||||||
<PageEdit style="max-width: 1000px;"/>
|
<PageEdit style="max-width: 1000px; margin-top: 2rem; background-color: #FFF;"/>
|
||||||
<PageNav v-bind="{ sidebarItems }" style="max-width: 1000px;"/>
|
<PageNav v-bind="{ sidebarItems }" style="max-width: 1000px; padding: 1rem;"/>
|
||||||
<div class="page-nav" style="max-width: 1000px; padding-top:0; margin-top: 1rem;" v-show="!$frontmatter.lessAds && !$isSharing">
|
<div class="page-nav" style="max-width: 1000px; padding-top:0; margin-top: 1rem;" v-show="!$frontmatter.lessAds && !$isSharing">
|
||||||
<AdSensePageBottomInline/>
|
<AdSensePageBottomInline/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,5 +1,6 @@
|
|||||||
---
|
---
|
||||||
vssueId: 13
|
vssueId: 13
|
||||||
|
lessAds: true
|
||||||
description: Kuboard_是一款Kubernetes_Dashboard_快速在K8S上落地微服务_本文是Kuboard的安装手册_包括安装Kuboard的前提条件_与Kubernetes的版本兼容性_安装步骤_以及完成安装后如何访问Kuboard界面。
|
description: Kuboard_是一款Kubernetes_Dashboard_快速在K8S上落地微服务_本文是Kuboard的安装手册_包括安装Kuboard的前提条件_与Kubernetes的版本兼容性_安装步骤_以及完成安装后如何访问Kuboard界面。
|
||||||
meta:
|
meta:
|
||||||
- name: keywords
|
- name: keywords
|
||||||
@ -28,15 +29,24 @@ meta:
|
|||||||
|
|
||||||
<div slot="overview"> -->
|
<div slot="overview"> -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 在线体验
|
||||||
|
|
||||||
|
<div style="min-height: 433px;">
|
||||||
|
<InstallDashboardPreview/>
|
||||||
|
</div>
|
||||||
|
|
||||||
## 前提
|
## 前提
|
||||||
|
|
||||||
Kuboard 是基于一款基于 Kubernetes 的微服务管理面板。安装 Kuboard 时，假设您已经有一个 Kubernetes 集群
|
安装 Kuboard 时，假设您已经有一个 Kubernetes 集群
|
||||||
|
|
||||||
如果没有 Kubernetes 集群：
|
如果没有 Kubernetes 集群：
|
||||||
|
|
||||||
* 初学者， 请参考
|
* 初学者，请参考
|
||||||
* [在 Windows/Mac 安装 Kubernetes 测试集群](install-docker-desktop.html)
|
* [在 Windows/Mac 安装 Kubernetes 测试集群](install-docker-desktop.html) <Badge type="error">不推荐</Badge>
|
||||||
* [安装 Kubernetes 单Master节点](install-k8s.html)
|
* [安装 Kubernetes 单Master节点](install-k8s.html) <Badge type="success">推荐</Badge>
|
||||||
* 用于生产，请参考 [安装 Kubernetes 高可用](install-kubernetes.html)
|
* 用于生产，请参考 [安装 Kubernetes 高可用](install-kubernetes.html)
|
||||||
|
|
||||||
## 兼容性
|
## 兼容性
|
||||||
|
|||||||
@ -38,11 +38,10 @@ Kubernetes Dashboard 是 Kubernetes 的官方 Web UI。使用 Kubernetes Dashboa
|
|||||||
kubectl apply -f https://raw.githubusercontent.com/kubernetes/dashboard/v2.0.0-beta5/aio/deploy/recommended.yaml
|
kubectl apply -f https://raw.githubusercontent.com/kubernetes/dashboard/v2.0.0-beta5/aio/deploy/recommended.yaml
|
||||||
```
|
```
|
||||||
|
|
||||||
如果访问不了该 yaml 文件，请使用下面的命令，效果是等价的
|
> 如果访问不了该 yaml 文件，请使用下面的命令，效果是等价的
|
||||||
|
> ``` sh
|
||||||
``` sh
|
> kubectl apply -f https://kuboard.cn/install-script/k8s-dashboard/v2.0.0-beta5.yaml
|
||||||
kubectl apply -f https://kuboard.cn/install-script/k8s-dashboard/v2.0.0-beta5.yaml
|
> ```
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
## 访问
|
## 访问
|
||||||
|
|||||||
@ -131,13 +131,12 @@ lscpu
|
|||||||
| ----------- | --------------------------------------- | ----------------------------------- |
|
| ----------- | --------------------------------------- | ----------------------------------- |
|
||||||
| 7.7 | <span style="font-size: 24px;">😄</span> | 已验证 |
|
| 7.7 | <span style="font-size: 24px;">😄</span> | 已验证 |
|
||||||
| 7.6 | <span style="font-size: 24px;">😄</span> | 已验证 |
|
| 7.6 | <span style="font-size: 24px;">😄</span> | 已验证 |
|
||||||
| 7.5 | <span style="font-size: 24px;">🤔</span> | 已证实会出现 kubelet 无法启动的问题 |
|
| 7.5 | <span style="font-size: 24px;">😞</span> | 已证实会出现 kubelet 无法启动的问题 |
|
||||||
| 7.4 | <span style="font-size: 24px;">🤔</span> | 待验证 |
|
| 7.4 | <span style="font-size: 24px;">😞</span> | 同上 |
|
||||||
| 7.3 | <span style="font-size: 24px;">🤔</span> | 待验证 |
|
| 7.3 | <span style="font-size: 24px;">😞</span> | 同上 |
|
||||||
| 7.2 | <span style="font-size: 24px;">😞</span> | 已证实会出现 kubelet 无法启动的问题 |
|
| 7.2 | <span style="font-size: 24px;">😞</span> | 同上 |
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</grid-item>
|
</grid-item>
|
||||||
<grid-item size="1/3" :rwd="{tablet: '1/1', compact: '0/1'}" style="padding: 2rem 1rem 1rem 1rem;">
|
<grid-item size="1/3" :rwd="{tablet: '1/1', compact: '0/1'}" style="padding: 2rem 1rem 1rem 1rem;">
|
||||||
<AdSenseVertical/>
|
<AdSenseVertical/>
|
||||||
@ -327,10 +326,11 @@ demo-worker-a-1 Ready <none> 2m26s v1.16.2
|
|||||||
demo-worker-a-2 Ready <none> 3m56s v1.16.2
|
demo-worker-a-2 Ready <none> 3m56s v1.16.2
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## 移除 worker 节点
|
## 移除 worker 节点
|
||||||
|
|
||||||
|
<el-collapse style="margin-top: 20px;">
|
||||||
|
<el-collapse-item title="正常情况下，您无需移除 worker 节点，如果添加到集群出错，您可以移除 worker 节点，再重新尝试添加。点我查看具体步骤。" name="1">
|
||||||
|
|
||||||
::: warning
|
::: warning
|
||||||
正常情况下，您无需移除 worker 节点，如果添加到集群出错，您可以移除 worker 节点，再重新尝试添加
|
正常情况下，您无需移除 worker 节点，如果添加到集群出错，您可以移除 worker 节点，再重新尝试添加
|
||||||
:::
|
:::
|
||||||
@ -354,6 +354,10 @@ kubectl delete node demo-worker-x-x
|
|||||||
* worker 节点的名字可以通过在节点 demo-master-a-1 上执行 kubectl get nodes 命令获得
|
* worker 节点的名字可以通过在节点 demo-master-a-1 上执行 kubectl get nodes 命令获得
|
||||||
:::
|
:::
|
||||||
|
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
|
|
||||||
|
|
||||||
<!-- </div>
|
<!-- </div>
|
||||||
|
|
||||||
<div slot="step5"> -->
|
<div slot="step5"> -->
|
||||||
|
|||||||
@ -86,10 +86,10 @@ hostname
|
|||||||
| ----------- | --------------------------------------- | ----------------------------------- |
|
| ----------- | --------------------------------------- | ----------------------------------- |
|
||||||
| 7.7 | <span style="font-size: 24px;">😄</span> | 已验证 |
|
| 7.7 | <span style="font-size: 24px;">😄</span> | 已验证 |
|
||||||
| 7.6 | <span style="font-size: 24px;">😄</span> | 已验证 |
|
| 7.6 | <span style="font-size: 24px;">😄</span> | 已验证 |
|
||||||
| 7.5 | <span style="font-size: 24px;">😄</span> | 已验证 |
|
| 7.5 | <span style="font-size: 24px;">😞</span> | 已证实会出现 kubelet 无法启动的问题 |
|
||||||
| 7.4 | <span style="font-size: 24px;">🤔</span> | 待验证 |
|
| 7.4 | <span style="font-size: 24px;">😞</span> | 同上 |
|
||||||
| 7.3 | <span style="font-size: 24px;">🤔</span> | 待验证 |
|
| 7.3 | <span style="font-size: 24px;">😞</span> | 同上 |
|
||||||
| 7.2 | <span style="font-size: 24px;">😞</span> | 已证实会出现 kubelet 无法启动的问题 |
|
| 7.2 | <span style="font-size: 24px;">😞</span> | 同上 |
|
||||||
|
|
||||||
::: tip 修改 hostname
|
::: tip 修改 hostname
|
||||||
如果您需要修改 hostname，可执行如下指令：
|
如果您需要修改 hostname，可执行如下指令：
|
||||||
|
|||||||
47
package-lock.json
generated
47
package-lock.json
generated
@ -839,6 +839,16 @@
|
|||||||
"resolved": "https://registry.npm.taobao.org/@nodelib/fs.stat/download/@nodelib/fs.stat-1.1.3.tgz",
|
"resolved": "https://registry.npm.taobao.org/@nodelib/fs.stat/download/@nodelib/fs.stat-1.1.3.tgz",
|
||||||
"integrity": "sha1-K1o6s/kYzKSKjHVMCBaOPwPrphs="
|
"integrity": "sha1-K1o6s/kYzKSKjHVMCBaOPwPrphs="
|
||||||
},
|
},
|
||||||
|
"@nuxt/opencollective": {
|
||||||
|
"version": "0.3.0",
|
||||||
|
"resolved": "https://registry.npm.taobao.org/@nuxt/opencollective/download/@nuxt/opencollective-0.3.0.tgz",
|
||||||
|
"integrity": "sha1-EdiUTc8tUm4xZgu2lXC+A/j7crc=",
|
||||||
|
"requires": {
|
||||||
|
"chalk": "^2.4.2",
|
||||||
|
"consola": "^2.10.1",
|
||||||
|
"node-fetch": "^2.6.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"@types/events": {
|
"@types/events": {
|
||||||
"version": "3.0.0",
|
"version": "3.0.0",
|
||||||
"resolved": "https://registry.npm.taobao.org/@types/events/download/@types/events-3.0.0.tgz",
|
"resolved": "https://registry.npm.taobao.org/@types/events/download/@types/events-3.0.0.tgz",
|
||||||
@ -2002,6 +2012,23 @@
|
|||||||
"resolved": "https://registry.npm.taobao.org/boolbase/download/boolbase-1.0.0.tgz",
|
"resolved": "https://registry.npm.taobao.org/boolbase/download/boolbase-1.0.0.tgz",
|
||||||
"integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24="
|
"integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24="
|
||||||
},
|
},
|
||||||
|
"bootstrap": {
|
||||||
|
"version": "4.3.1",
|
||||||
|
"resolved": "https://registry.npm.taobao.org/bootstrap/download/bootstrap-4.3.1.tgz",
|
||||||
|
"integrity": "sha1-KAyo9hBQTZnXtrS/xLaM7GAXBKw="
|
||||||
|
},
|
||||||
|
"bootstrap-vue": {
|
||||||
|
"version": "2.0.4",
|
||||||
|
"resolved": "https://registry.npm.taobao.org/bootstrap-vue/download/bootstrap-vue-2.0.4.tgz",
|
||||||
|
"integrity": "sha1-m/mXVKIqzs5y4Crdo8eWW4GK4rw=",
|
||||||
|
"requires": {
|
||||||
|
"@nuxt/opencollective": "^0.3.0",
|
||||||
|
"bootstrap": ">=4.3.1 <5.0.0",
|
||||||
|
"popper.js": "^1.15.0",
|
||||||
|
"portal-vue": "^2.1.6",
|
||||||
|
"vue-functional-data-merge": "^3.1.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"brace-expansion": {
|
"brace-expansion": {
|
||||||
"version": "1.1.11",
|
"version": "1.1.11",
|
||||||
"resolved": "https://registry.npm.taobao.org/brace-expansion/download/brace-expansion-1.1.11.tgz",
|
"resolved": "https://registry.npm.taobao.org/brace-expansion/download/brace-expansion-1.1.11.tgz",
|
||||||
@ -5840,6 +5867,11 @@
|
|||||||
"lower-case": "^1.1.1"
|
"lower-case": "^1.1.1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node-fetch": {
|
||||||
|
"version": "2.6.0",
|
||||||
|
"resolved": "https://registry.npm.taobao.org/node-fetch/download/node-fetch-2.6.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnode-fetch%2Fdownload%2Fnode-fetch-2.6.0.tgz",
|
||||||
|
"integrity": "sha1-5jNFY4bUqlWGP2dqerDaqP3ssP0="
|
||||||
|
},
|
||||||
"node-forge": {
|
"node-forge": {
|
||||||
"version": "0.9.0",
|
"version": "0.9.0",
|
||||||
"resolved": "https://registry.npm.taobao.org/node-forge/download/node-forge-0.9.0.tgz?cache=0&sync_timestamp=1569552454213&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnode-forge%2Fdownload%2Fnode-forge-0.9.0.tgz",
|
"resolved": "https://registry.npm.taobao.org/node-forge/download/node-forge-0.9.0.tgz?cache=0&sync_timestamp=1569552454213&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnode-forge%2Fdownload%2Fnode-forge-0.9.0.tgz",
|
||||||
@ -9430,6 +9462,16 @@
|
|||||||
"find-up": "^2.1.0"
|
"find-up": "^2.1.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"popper.js": {
|
||||||
|
"version": "1.16.0",
|
||||||
|
"resolved": "https://registry.npm.taobao.org/popper.js/download/popper.js-1.16.0.tgz",
|
||||||
|
"integrity": "sha1-LhgWvLuqUY6mwuFaRm9Mucbi+7M="
|
||||||
|
},
|
||||||
|
"portal-vue": {
|
||||||
|
"version": "2.1.6",
|
||||||
|
"resolved": "https://registry.npm.taobao.org/portal-vue/download/portal-vue-2.1.6.tgz",
|
||||||
|
"integrity": "sha1-p9R5CxSnmvf9FZpg7IjDDN3Gxjk="
|
||||||
|
},
|
||||||
"portfinder": {
|
"portfinder": {
|
||||||
"version": "1.0.25",
|
"version": "1.0.25",
|
||||||
"resolved": "https://registry.npm.taobao.org/portfinder/download/portfinder-1.0.25.tgz",
|
"resolved": "https://registry.npm.taobao.org/portfinder/download/portfinder-1.0.25.tgz",
|
||||||
@ -11766,6 +11808,11 @@
|
|||||||
"integrity": "sha1-sz78sQ4XI21oT3Cx6W8ZRux5Poc=",
|
"integrity": "sha1-sz78sQ4XI21oT3Cx6W8ZRux5Poc=",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"vue-functional-data-merge": {
|
||||||
|
"version": "3.1.0",
|
||||||
|
"resolved": "https://registry.npm.taobao.org/vue-functional-data-merge/download/vue-functional-data-merge-3.1.0.tgz",
|
||||||
|
"integrity": "sha1-CKd5dYO381aAWH+KHVHXKaodxlc="
|
||||||
|
},
|
||||||
"vue-hot-reload-api": {
|
"vue-hot-reload-api": {
|
||||||
"version": "2.3.4",
|
"version": "2.3.4",
|
||||||
"resolved": "https://registry.npm.taobao.org/vue-hot-reload-api/download/vue-hot-reload-api-2.3.4.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-hot-reload-api%2Fdownload%2Fvue-hot-reload-api-2.3.4.tgz",
|
"resolved": "https://registry.npm.taobao.org/vue-hot-reload-api/download/vue-hot-reload-api-2.3.4.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-hot-reload-api%2Fdownload%2Fvue-hot-reload-api-2.3.4.tgz",
|
||||||
|
|||||||
@ -24,6 +24,8 @@
|
|||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@vuepress/plugin-pwa": "^1.2.0",
|
"@vuepress/plugin-pwa": "^1.2.0",
|
||||||
"animated-number-vue": "^1.0.0",
|
"animated-number-vue": "^1.0.0",
|
||||||
|
"bootstrap": "^4.3.1",
|
||||||
|
"bootstrap-vue": "^2.0.4",
|
||||||
"element-ui": "^2.12.0",
|
"element-ui": "^2.12.0",
|
||||||
"esm": "^3.2.25",
|
"esm": "^3.2.25",
|
||||||
"npm": "^6.11.3",
|
"npm": "^6.11.3",
|
||||||
|
|||||||
@ -26,7 +26,7 @@ export default {
|
|||||||
<grid :rwd="{compact: 'stack'}">
|
<grid :rwd="{compact: 'stack'}">
|
||||||
<grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
|
<grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
|
||||||
|
|
||||||
<el-card style="height: calc(100% - 1.5rem); color: #2c3e50; line-height: 1.7; margin-top: 1rem;" shadow="none">
|
<el-card style="height: calc(100% - 1.5rem); color: #2c3e50; line-height: 1.7; margin-top: 1rem; border-color: #f2be45; background-color: rgba(242, 190, 69, 0.1)" shadow="none">
|
||||||
|
|
||||||
* 使用 Kuboard 是 <font color="red">免费</font> 的，无论您是用于学习还是用于生产
|
* 使用 Kuboard 是 <font color="red">免费</font> 的，无论您是用于学习还是用于生产
|
||||||
* 将来会推出 Kuboard Plus，当前所有的功能，<font color="red">将来仍然免费</font>。Kuboard Plus 侧重点：
|
* 将来会推出 Kuboard Plus，当前所有的功能，<font color="red">将来仍然免费</font>。Kuboard Plus 侧重点：
|
||||||
|
|||||||
Reference in New Issue
Block a user