smsb-web-develop/README.md

组件介绍

根组件

{
    name: "大屏",
    width: 1920,
    height: 1080,
    backgroundColor: "#000000",
    backgroundImage: [],
    widgets: [],
    bgm: []
}

文本

{
	type: "CText",
    top: 0,
    left: 0,
    width: 200,
    height: 80,
    text: "文本",
    textAlign: "center",
    color: #FFFFFF",
    fontSize: 48,
    fontWeight: "normal",
    backgroundColor: "#00000000"
}

跑马灯

​ 垂直居中。

{
	type: "CMarquee",
    top: 0,
    left: 0,
    width: 200,
    height: 80,
    text: "文本",
    color: #FFFFFF",
    fontSize: 48,
    fontWeight: "normal",
    backgroundColor: "#00000000"
}

图片

{
	type: "CImage",
    top: 0,
    left: 0,
    width: 200,
    height: 80,
    radius: 0,
    interval: 10, // 切换间隔，单位秒
    toggleType: "cycle", // 切换方式，cycle 循环、random 随机
    animation: "none", // 动画，none 无、slide 幻灯片、fade 渐隐渐现、flip 翻转、section-flip 百叶窗
    sources: []
}

视频

​ 多个视频存在时至多只有一个有音频输出。

{
    type: "CVideo",
    top: 0,
    left: 0,
    width: 200,
    height: 80,
    radius: 0,
    mute: 1, // 静音
    toggleType: "cycle", // 切换方式，cycle 循环、random 随机
    sources: []
}

时间

​ 垂直居中。

{
    type: "CTime",
    top: 0,
    left: 0,
    width: 200,
    height: 80,
	color: "#FFFFFF",
	fontSize: 48,
    fontWeight: "normal",
    textAlign: "center",
    format: 'yyyy-MM-dd hh:mm'
}

天气

​ 垂直居中。

{
    type: "CWeather",
    top: 0,
    left: 0,
    width: 200,
    height: 80,
	color: "#FFFFFF",
	fontSize: 48,
    fontWeight: "normal",
    textAlign: "center"
}

网页

{
    type: "CWeb",
    top: 0,
    left: 0,
    width: 200,
    height: 80,
    href: ""
}