0.0.1-beta.14 • Published 11 months ago

@blueking/functional-dependency v0.0.1-beta.14

Weekly downloads
-
License
MIT
Repository
-
Last release
11 months ago

支持 Vue2/Vue3 版本 无差别使用

show show

安装

npm i @blueking/functional-dependency

使用

  • vue3框架下使用
<template>
  <div class="app">
    <FunctionalDependency
      :guide-desc-list="[
        '1. 配置平台:ES 服务',
        '2. 蓝鲸监控:监控日志套餐',
        '3. 容器管理平台:容器管理套餐',
        '4. 持续集成平台:持续集成套餐',
      ]"
      functional-desc="使用容器服务,蓝鲸将为您快速搭建、运维和管理容器集群,您可以轻松对容器进行启动、停止等操作,也可以查看集群、容器及服务的状态。"
      guide-title="如需使用该功能,需要部署:"
      title="暂无集群容器功能"
    />
  </div>
</template>
<script setup lang="ts">
  import FunctionalDependency from '@blueking/functional-dependency';
  import '@blueking/functional-dependency/vue3/vue3.css'
</script>
  • vue2框架下使用
<template>
  <div class="app">
    <FunctionalDependency
      :guide-desc-list="[
        '1. 配置平台:ES 服务',
        '2. 蓝鲸监控:监控日志套餐',
        '3. 容器管理平台:容器管理套餐',
        '4. 持续集成平台:持续集成套餐',
      ]"
      functional-desc="使用容器服务,蓝鲸将为您快速搭建、运维和管理容器集群,您可以轻松对容器进行启动、停止等操作,也可以查看集群、容器及服务的状态。"
      guide-title="如需使用该功能,需要部署:"
      title="暂无集群容器功能"
    />
  </div>
</template>
<script setup lang="ts">
  import FunctionalDependency from '@blueking/functional-dependency/vue2';
  import '@blueking/functional-dependency/vue2/vue2.css'
</script>

属性列表

属性名描述属性类型默认值
mode展示模式'dialog' \| 'page' \| 'partial'page
showDialog弹窗dialog模式时是否显示dialog,其他模式下无效booleanfalse
title功能依赖标题string
functionalDesc功能依赖描述string
guideTitle功能指引标题string
guideDescList功能指引描述列表string[]

事件列表

事件名参数参数类型描述
update:showDialogvaluevalue: boolean更新showDialog
gotoMore点击了解更多
0.0.1-beta.12

1 year ago

0.0.1-beta.11

1 year ago

0.0.1-beta.14

11 months ago

0.0.1-beta.13

12 months ago

0.0.1-beta.10

1 year ago

0.0.1-beta.9

1 year ago

0.0.1-beta.7

1 year ago

0.0.1-beta.6

1 year ago

0.0.1-beta.8

1 year ago

0.0.1-beta.5

1 year ago

0.0.1-beta.4

1 year ago

0.0.1-beta.3

1 year ago