使用方法

下载

npm i bluejade-ui

在main.js全局引用

import bluejade from 'bluejade-ui';
import '../node_modules/bluejade-ui/dist/style.css';

app.use(bluejade)

在.vue页面使用组件

竖线组件

<b-vertical-line name="我是竖线和标题" color="red" fontWeight="600"/>

数字键盘

<b-number-keyboard
v-model:ykDialogFormVisible="ykDialogFormVisible"
:ykValueRange="ykValueRange"
@submit="numericKeyboardSubmitData"
/>

//数字键盘参数和方法
const ykDialogFormVisible = ref(false);
const ykValueRange= ref({
  min: -100,
  max: 100,
})
const ykForm= ref({
  ykPointKey: "",
})
function numericKeyboardSubmitData(v){
  console.log(v);
}
function handleClick(){
  console.log(1);
  ykDialogFormVisible.value=true
}