diff --git a/data-room-ui/package.json b/data-room-ui/package.json index 8f612d55..ce0ef83d 100644 --- a/data-room-ui/package.json +++ b/data-room-ui/package.json @@ -1,6 +1,6 @@ { "name": "@gcpaas/data-room-ui", - "version": "1.0.1-2023081701-Alpha", + "version": "1.0.1-2023082201-Alpha", "description": "自定义大屏", "author": "gcpaas", "license": "MIT", diff --git a/data-room-ui/packages/BasicComponents/Marquee/index.vue b/data-room-ui/packages/BasicComponents/Marquee/index.vue new file mode 100644 index 00000000..233fc600 --- /dev/null +++ b/data-room-ui/packages/BasicComponents/Marquee/index.vue @@ -0,0 +1,174 @@ + + + + + + + + + + + + + + + + + + + + + + {{ config.customize.title }} + + + + + + + + + + + diff --git a/data-room-ui/packages/BasicComponents/Marquee/setting.vue b/data-room-ui/packages/BasicComponents/Marquee/setting.vue new file mode 100644 index 00000000..4d545beb --- /dev/null +++ b/data-room-ui/packages/BasicComponents/Marquee/setting.vue @@ -0,0 +1,367 @@ + + + + + 标题 + + + + + + 位置 + + + + 基础 + + + + + px + + + + + + + + + + + + + + + + + s + + + + + + + + + + + + + + + + + + + + + 纯色 + + + 渐变色 + + + + + + + + + + + + + + + + + + + + + 透明 + + + 纯色 + + + 渐变色 + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/data-room-ui/packages/BasicComponents/Marquee/settingConfig.js b/data-room-ui/packages/BasicComponents/Marquee/settingConfig.js new file mode 100644 index 00000000..268fcc62 --- /dev/null +++ b/data-room-ui/packages/BasicComponents/Marquee/settingConfig.js @@ -0,0 +1,73 @@ +/* + * @Descripttion: + * @Author: liu.shiyi + * @Date: 2022-10-13 11:18:03 + * @LastEditTime: 2022-10-13 13:55:11 + */ +import { commonConfig, displayOption } from 'data-room-ui/js/config' + +export const settingConfig = { + theme: 'dark', + text: '跑马灯占位符', // text内容 + // 设置面板属性的显隐 + displayOption: { + ...displayOption, + metricField: { + // 指标 + label: '指标', + enable: true, + multiple: false // 是否多选 + }, + dimensionField: { + // 维度 + label: '维度', // 维度/查询字段 + enable: false, + multiple: true // 是否多选 + } + } +} +const customConfig = { + type: 'marquee', + root: { + version: '2023071001' + }, + customize: { + title: '跑马灯占位符', + fontSize: 40, + fontWeight: 700, + icon: { + name: '', + position: 'left', + color: '#fff' + }, + // 文字颜色类型: 纯色、渐变 + textColorType: 'pure', + // 文字颜色 + textColor: '#fff', + // 文字渐变开始颜色 + textGradientColor0: '#fff', + // 文字渐变结束颜色 + textGradientColor1: '#fff', + // 文字渐变方向 + textGradientDirection: 'to right', + // 滚动方向 + direction: 'right', + // 滚动间隔 + dur: '8', + // 背景色类型:纯色、渐变、透明 + backgroundColorType: 'transparent', + // 背景色 + backgroundColor: '#fff', + // 背景渐变色开始颜色 + bgGradientColor0: '#fff', + // 背景渐变色结束颜色 + bgGradientColor1: '#fff', + // 背景色渐变方向 + bgGradientDirection: 'to right' + + } + +} +export const dataConfig = { + ...commonConfig(customConfig) +} diff --git a/data-room-ui/packages/BigScreenDesign/PageDesignTop.vue b/data-room-ui/packages/BigScreenDesign/PageDesignTop.vue index e7c6977e..0c7c2e94 100644 --- a/data-room-ui/packages/BigScreenDesign/PageDesignTop.vue +++ b/data-room-ui/packages/BigScreenDesign/PageDesignTop.vue @@ -93,6 +93,7 @@