bluejade-ui
Version:
bluejade-ui
49 lines (40 loc) • 834 B
Markdown
# 使用方法
## 下载
```javascript
npm i bluejade-ui
```
## 在main.js全局引用
```javascript
import bluejade from 'bluejade-ui';
import '../node_modules/bluejade-ui/dist/style.css';
app.use(bluejade)
```
## 在.vue页面使用组件
### 竖线组件
```javascript
<b-vertical-line name="我是竖线和标题" color="red" fontWeight="600"/>
```
### 数字键盘
```javascript
<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
}
```