v3.1.1.0

.vuepress/comp/KuboardDemo.vue

@@ -0,0 +1,57 @@
+<i18n locale="en" lang="yaml">
+  hi: kuboard
+</i18n>
+
+<i18n locale="cn" lang="yaml">
+  hi: kuboard
+</i18n>
+
+<template>
+  <div style="display: inline-block;">
+    <div style="cursor: pointer;" :id="`demo-popover-target-${suffix}`">
+      <slot>
+        <span :style="`font-weight: bold; color: ${color};`">{{label}}</span>
+      </slot>
+    </div>
+    <b-popover :target="`demo-popover-target-${suffix}`" triggers="hover" placement="bottom" variant="primary">
+      <template #title>在线演示</template>
+      <div style="font-size: 13px; color: #666;">
+        在线演示环境中，您具备 <span style="color: red; font-weight: bold">只读</span> 权限，只能体验 Kuboard 的一部分功能。<br/>
+      </div>
+      <div style="padding: 10px; border: 1px solid #eee; border-radius: 10px; margin: 10px 0px; background-color: #fafafa;">
+        <a href="http://demo.kuboard.cn:10080" target="_blank">http://demo.kuboard.cn:10080</a> <br/>
+        <div style="width: 60px; display: inline-block;margin-top: 5px;">用&nbsp;户</div>
+        demo <br/>
+        <div style="width: 60px; display: inline-block">密&nbsp;码</div>
+        demo123
+      </div>
+    </b-popover>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    suffix: { type: String, required: false, default: '' },
+    label: { type: String, required: false, default: 'Demo' },
+    color: { type: String, required: false, default: 'auto' },
+  },
+  data() {
+    return {
+
+    }
+  },
+  computed: {
+  },
+  components: { },
+  mounted () {
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>

.vuepress/comp/index.js

@@ -3,6 +3,7 @@ let components = [
   { name: 'Course', component: () => import(`./Course.vue`) },
   { name: 'CurrentVersion', component: () => import(`./CurrentVersion.vue`) },
   { name: 'CurrentVersionV3', component: () => import(`./CurrentVersionV3.vue`) },
+  { name: 'KuboardDemo', component: () => import(`./KuboardDemo.vue`) },
 ]
 
 export default function (Vue) {