0.0.21 • Published 8 months ago

@biscreen/bicontainer3 v0.0.21

Weekly downloads
-
License
ISC
Repository
-
Last release
8 months ago

用法

  • 组件样式尺寸单位为 px ,原则上不允许使用其他尺寸单位,因为会影响缩放,特殊情况请慎重考虑与充分测试。

安装

npm install @biscreen/bicontainer3

全局使用:

main.ts

import { createApp } from 'vue';

// 引入
import BiContainer3 from '@biscreen/bicontainer3';
import '@biscreen/bicontainer3/dist/style.css';

import App from '@/App.vue';
const app = createApp(App);

// 注册
app.use(BiContainer3);
app.mount('#app');

局部使用

import '@biscreen/bicontainer3/dist/style.css';
import { BiContainer } from '@biscreen/bicontainer3';

组件 API

BiContainer

BiContainer 是大屏容器,通过简单配置来渲染页面,开发者不必去关心屏幕适配的实现等问题。

属性

属性说明是否必填类型可选值默认值
minSize允许缩放的最小尺寸string[]--'683', '384'
designSizeUI 设计尺寸。设置后可以直接使用设计上的其他视图组件尺寸string[]--'1366', '768'
customStyle容器自定义样式(样式层叠)string----
v-model:openFull是否全屏,可以用来控制是否全屏boolean--false
fillMode填充模式string'contain' , 'stretching''contain'

BiScrollView

属性说明是否必填类型可选值默认值
cellHeight单行行高nnumber--60(px)
height组件高度nnumber--310(px)
step一次滚动行数nnumber--1
waitTime延迟多长时间开始nnumber--1000(ms)
duration动画时长nnumber--1000(ms)
stopAnimation是否停止nboolean--false
list列表数据yPropListItem[]--[]

PropListItem

export type PropListItem = {
    content: string;
};

插槽

名字说明
--列表
nodata无数据时候的内容
0.0.20

8 months ago

0.0.21

8 months ago

0.0.18

8 months ago

0.0.19

8 months ago

0.0.5

3 years ago

0.0.0

3 years ago