diff --git a/frontend/src/components/canvas/components/TextAttr.vue b/frontend/src/components/canvas/components/TextAttr.vue index b478bc30d6..bc8c430ee5 100644 --- a/frontend/src/components/canvas/components/TextAttr.vue +++ b/frontend/src/components/canvas/components/TextAttr.vue @@ -99,6 +99,30 @@ /> + + + + +
+ +
+ this.maxFontSize) { + this.styleInfo.activeFontSize = this.maxFontSize + } else { + this.styleInfo.activeFontSize = newVal + } + } + }, initFontSize: { handler(newVal) { if (newVal < this.miniFontSize) { @@ -656,6 +694,9 @@ export default { if (this.attrShow('fontSize')) { this.initFontSize = this.styleInfo.fontSize } + if (this.attrShow('activeFontSize')) { + this.initActiveFontSize = this.styleInfo.activeFontSize + } }, methods: { diff --git a/frontend/src/components/canvas/components/editor/Preview.vue b/frontend/src/components/canvas/components/editor/Preview.vue index 2aeb6fb1d5..4ad3d7717a 100644 --- a/frontend/src/components/canvas/components/editor/Preview.vue +++ b/frontend/src/components/canvas/components/editor/Preview.vue @@ -208,6 +208,7 @@ export default { 'left', 'width', 'fontSize', + 'activeFontSize', 'borderWidth', 'letterSpacing' ], diff --git a/frontend/src/components/canvas/customComponent/component-list.js b/frontend/src/components/canvas/customComponent/component-list.js index 0c79e78f02..08146c3716 100644 --- a/frontend/src/components/canvas/customComponent/component-list.js +++ b/frontend/src/components/canvas/customComponent/component-list.js @@ -94,8 +94,7 @@ export const VIDEOLINKS = { fullscreenToggle: false, pause: false }, - sources: [{ - }] + sources: [{}] }, rtmp: { sources: [{ @@ -389,7 +388,10 @@ const list = [ borderStyle: 'solid', borderWidth: 0, borderColor: '#000000', - fontSize: 16 + fontSize: 16, + activeFontSize: 18, + carouselEnable: false, + switchTime: 5 }, options: { tabList: [{ diff --git a/frontend/src/components/canvas/utils/utils.js b/frontend/src/components/canvas/utils/utils.js index 86918cf2e4..bb8e851623 100644 --- a/frontend/src/components/canvas/utils/utils.js +++ b/frontend/src/components/canvas/utils/utils.js @@ -103,6 +103,7 @@ export function panelDataPrepare(componentData, componentStyle, callback) { } if (item.type === 'de-tabs') { item.style.fontSize = item.style.fontSize || 16 + item.style.activeFontSize = item.style.activeFontSize || 18 item.style.carouselEnable = item.style.carouselEnable || false item.style.switchTime = item.style.switchTime || 5 } diff --git a/frontend/src/components/widget/deWidget/DeTabs.vue b/frontend/src/components/widget/deWidget/DeTabs.vue index b7560db60e..6e401c8166 100644 --- a/frontend/src/components/widget/deWidget/DeTabs.vue +++ b/frontend/src/components/widget/deWidget/DeTabs.vue @@ -29,7 +29,7 @@ :name="item.name" > - {{ item.title }} + {{ item.title }} {{ $('common.enable') }} + @change="styleChange" + >{{ $t('commons.enable') }} - {{ $('panel.switch_time') }} + {{ $t('panel.switch_time') }} diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js index dab474542a..5c0f0092e3 100644 --- a/frontend/src/lang/en.js +++ b/frontend/src/lang/en.js @@ -1875,6 +1875,7 @@ export default { back_parent: 'Back to previous' }, panel: { + active_font_size: 'Active font size', carousel: 'Carousel', switch_time: 'Switch time', position_adjust: 'Position', diff --git a/frontend/src/lang/tw.js b/frontend/src/lang/tw.js index 141350aeb6..eac1c18aaa 100644 --- a/frontend/src/lang/tw.js +++ b/frontend/src/lang/tw.js @@ -1875,6 +1875,7 @@ export default { back_parent: '返回上一級' }, panel: { + active_font_size: '激活字體大小', carousel: '輪播', switch_time: '切換時間', position_adjust: '位置', diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js index e84468e10f..174b395d3f 100644 --- a/frontend/src/lang/zh.js +++ b/frontend/src/lang/zh.js @@ -1875,6 +1875,7 @@ export default { back_parent: '返回上一级' }, panel: { + active_font_size: '激活字体大小', carousel: '轮播', switch_time: '切换时间', position_adjust: '位置', diff --git a/frontend/src/styles/deicon/demo_index.html b/frontend/src/styles/deicon/demo_index.html index 1d6af76fd2..54ed133a17 100644 --- a/frontend/src/styles/deicon/demo_index.html +++ b/frontend/src/styles/deicon/demo_index.html @@ -38,7 +38,7 @@

- +

    - + +
  • + +
    font
    +
    &#xe63d;
    +
  • +
  • WATERMARK
    &#xea16;
  • - +
  • 图层
    &#xe63b;
  • - +
  • application
    &#xe89e;
  • - +
  • data-source-24
    &#xe6ef;
  • - +
  • 重置
    &#xe63c;
  • - +
  • None_Select
    &#xe638;
  • - +
  • button_right
    &#xe635;
  • - +
  • icon-maybe
    &#xe631;
  • - +
  • icon_up-left_outlined
    &#xe632;
  • - +
  • close
    &#xe633;
  • - +
  • Frame 3425
    &#xe634;
  • - +
  • icon-filter
    &#xe636;
  • - +
  • icon_Batch_outlined
    &#xe630;
  • - +
  • icon_clear_outlined
    &#xe61d;
  • - +
  • icon_dialpad_outlined
    &#xe61e;
  • - +
  • icon_effects_outlined
    &#xe620;
  • - +
  • icon_magnify_outlined
    &#xe621;
  • - +
  • icon_moments-categories_outlined
    &#xe623;
  • - +
  • icon_pc_outlined
    &#xe626;
  • - +
  • icon_phone_outlined
    &#xe627;
  • - +
  • icon_redo_outlined
    &#xe629;
  • - +
  • icon_undo_outlined
    &#xe62b;
  • - +
  • icon-more
    &#xe62e;
  • - +
  • icon-quicksetting
    &#xe62f;
  • - +
  • square-selected
    &#xe73e;
  • - +
  • italic
    &#xe777;
  • - +
  • 箭头
    &#xe622;
  • - +
  • magic-line
    &#xe63a;
  • - +
  • 更多
    &#xe60c;
  • - +
  • 清空
    &#xe61c;
  • - +
  • 查看
    &#xe610;
  • - +
  • outline-redo
    &#xe68c;
  • - +
  • outline-undo
    &#xe68d;
  • - +
  • 定位
    &#xe60a;
  • - +
  • 富文本框
    &#xe670;
  • - +
  • 下架
    &#xe6e5;
  • - +
  • 上架
    &#xe6e6;
  • - +
  • 发布
    &#xe71f;
  • - +
  • 批量操作
    &#xe61b;
  • - +
  • 图片
    &#xe666;
  • - +
  • 超链接
    &#xe6e4;
  • - +
  • 跳转
    &#xe618;
  • - +
  • 跳转
    &#xe616;
  • - +
  • 网格\表格
    &#xe60b;
  • - +
  • 关闭网格
    &#xe609;
  • - +
  • 流媒体,媒体列表
    &#xe607;
  • - +
  • iframe
    &#xe6de;
  • - +
  • 参数
    &#xe6d7;
  • - +
  • 更换
    &#xe606;
  • - +
  • 发送邮件
    &#xe605;
  • - +
  • github
    &#xe6f8;
  • - +
  • 电话
    &#xe681;
  • - +
  • 关闭
    &#xe60d;
  • - +
  • 矩形
    &#xe67e;
  • - +
  • 移动端
    &#xe653;
  • - +
  • video
    &#xe625;
  • - +
  • 悬浮按钮发动态
    &#xe6e8;
  • - +
  • 吸附选择
    &#xe697;
  • - +
  • margin
    &#xe902;
  • - +
  • padding
    &#xe91b;
  • - +
  • 时间
    &#xe665;
  • - +
  • 时间格式转换
    &#xe6fb;
  • - +
  • 超链接
    &#xe9b2;
  • - +
  • 科学技术
    &#xe60f;
  • - +
  • 符号-数据矩阵
    &#xe69c;
  • - +
  • 视图矩阵_o
    &#xeb85;
  • - +
  • 悬浮
    &#xe62c;
  • - +
  • 右悬浮-选中
    &#xe6db;
  • - +
  • 悬浮
    &#xe6f6;
  • - +
  • 悬浮按钮
    &#xe8e6;
  • - +
  • 右悬浮-选中
    &#xeb86;
  • - +
  • 44.tabs
    &#xe62a;
  • - +
  • 洗浴
    &#xe619;
  • - +
  • 线性图标-取消下钻
    &#xe973;
  • - +
  • 线性图标-取消下钻
    &#xe6ed;
  • - +
  • 联动
    &#xe6f7;
  • - +
  • 下钻
    &#xe613;
  • - +
  • 上钻
    &#xe61f;
  • - +
  • 取消联动
    &#xe637;
  • - +
  • edit-2
    &#xe604;
  • - +
  • edit-2
    &#xe612;
  • - +
  • 详情
    &#xe706;
  • - +
  • 弧形框
    &#xe603;
  • - +
  • 弧形框
    &#xe602;
  • - +
  • 透明
    &#xe642;
  • - +
  • 弧度
    &#xe61a;
  • - +
  • 放大
    &#xe62d;
  • - +
  • 设 置
    &#xe696;
  • - +
  • 屏幕_全屏
    &#xe655;
  • - +
  • font-weight-bold
    &#xe659;
  • - +
  • letter_spacing
    &#xe601;
  • - +
  • letter-spacing
    &#xe679;
  • - +
  • 字体颜色
    &#xe60e;
  • - +
  • format_letter_spacing_2
    &#xe6c3;
  • - +
  • font_size
    &#xe710;
  • - +
  • 居中
    &#xe972;
  • - +
  • 居右
    &#xe608;
  • - +
  • 居左
    &#xe688;
  • - +
  • 实线
    &#xe64a;
  • - +
  • 画笔
    &#xe640;
  • - +
  • 点线
    &#xe614;
  • - +
  • 虚线
    &#xe617;
  • - +
  • 背景色‘
    &#xe600;
  • - +
  • 矩形
    &#xe648;
  • - +
  • text
    &#xe959;
  • - +
  • picture
    &#xe643;
  • - +
  • 输入
    &#xe6ab;
  • - +
  • &#xe628;
  • - +
  • 查询搜索
    &#xe615;
  • - +
  • 季度
    &#xe624;
  • - +
  • 数字顺序
    &#xe7de;
  • - +
  • 树列表
    &#xe6a6;
  • - +
  • 日期
    &#xe639;
  • - +
  • 左侧-区间
    &#xe6dd;
  • - +
  • 列表
    &#xe66f;
  • - +
  • 下拉框
    &#xe8ca;
  • - +
  • 下拉树
    &#xe8d0;
  • - +
  • 重置
    &#xe611;
  • - +
  • &#xe691;
  • - +
  • &#xe692;
  • - +
  • &#xe695;
  • - +

Unicode 引用

@@ -798,9 +804,9 @@
@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1668397590143') format('woff2'),
-       url('iconfont.woff?t=1668397590143') format('woff'),
-       url('iconfont.ttf?t=1668397590143') format('truetype');
+  src: url('iconfont.woff2?t=1669087400468') format('woff2'),
+       url('iconfont.woff?t=1669087400468') format('woff'),
+       url('iconfont.ttf?t=1669087400468') format('truetype');
 }
 

第二步:定义使用 iconfont 的样式

@@ -825,7 +831,16 @@
    - + +
  • + +
    + font +
    +
    .icon-font +
    +
  • +
  • @@ -834,7 +849,7 @@
    .icon-WATERMARK
  • - +
  • @@ -843,7 +858,7 @@
    .icon-layer
  • - +
  • @@ -852,7 +867,7 @@
    .icon-application
  • - +
  • @@ -861,7 +876,7 @@
    .icon-datasource-select
  • - +
  • @@ -870,7 +885,7 @@
    .icon-zhongzhi2
  • - +
  • @@ -879,7 +894,7 @@
    .icon-None_Select
  • - +
  • @@ -888,7 +903,7 @@
    .icon-button_right
  • - +
  • @@ -897,7 +912,7 @@
    .icon-icon-maybe
  • - +
  • @@ -906,7 +921,7 @@
    .icon-icon_up-left_outlined
  • - +
  • @@ -915,7 +930,7 @@
    .icon-close
  • - +
  • @@ -924,7 +939,7 @@
    .icon-a-Frame3425
  • - +
  • @@ -933,7 +948,7 @@
    .icon-icon-filter
  • - +
  • @@ -942,7 +957,7 @@
    .icon-icon_Batch_outlined
  • - +
  • @@ -951,7 +966,7 @@
    .icon-icon_clear_outlined
  • - +
  • @@ -960,7 +975,7 @@
    .icon-icon_dialpad_outlined
  • - +
  • @@ -969,7 +984,7 @@
    .icon-icon_effects_outlined
  • - +
  • @@ -978,7 +993,7 @@
    .icon-icon_magnify_outlined
  • - +
  • @@ -987,7 +1002,7 @@
    .icon-icon_moments-categories_outlined
  • - +
  • @@ -996,7 +1011,7 @@
    .icon-icon_pc_outlined
  • - +
  • @@ -1005,7 +1020,7 @@
    .icon-icon_phone_outlined
  • - +
  • @@ -1014,7 +1029,7 @@
    .icon-icon_redo_outlined
  • - +
  • @@ -1023,7 +1038,7 @@
    .icon-icon_undo_outlined
  • - +
  • @@ -1032,7 +1047,7 @@
    .icon-icon-more
  • - +
  • @@ -1041,7 +1056,7 @@
    .icon-icon-quicksetting
  • - +
  • @@ -1050,7 +1065,7 @@
    .icon-square-selected
  • - +
  • @@ -1059,7 +1074,7 @@
    .icon-italic
  • - +
  • @@ -1068,7 +1083,7 @@
    .icon-jiantou
  • - +
  • @@ -1077,7 +1092,7 @@
    .icon-magic-line
  • - +
  • @@ -1086,7 +1101,7 @@
    .icon-gengduo
  • - +
  • @@ -1095,7 +1110,7 @@
    .icon-qingkong
  • - +
  • @@ -1104,7 +1119,7 @@
    .icon-chakan
  • - +
  • @@ -1113,7 +1128,7 @@
    .icon-outline-redo
  • - +
  • @@ -1122,7 +1137,7 @@
    .icon-outline-undo
  • - +
  • @@ -1131,7 +1146,7 @@
    .icon-dingwei
  • - +
  • @@ -1140,7 +1155,7 @@
    .icon-fuwenbenkuang
  • - +
  • @@ -1149,7 +1164,7 @@
    .icon-unpublish
  • - +
  • @@ -1158,7 +1173,7 @@
    .icon-publish
  • - +
  • @@ -1167,7 +1182,7 @@
    .icon-fabu
  • - +
  • @@ -1176,7 +1191,7 @@
    .icon-piliang-copy
  • - +
  • @@ -1185,7 +1200,7 @@
    .icon-tupian
  • - +
  • @@ -1194,7 +1209,7 @@
    .icon-chaolianjie1
  • - +
  • @@ -1203,7 +1218,7 @@
    .icon-com-jump
  • - +
  • @@ -1212,7 +1227,7 @@
    .icon-component-tiaozhuan
  • - +
  • @@ -1221,7 +1236,7 @@
    .icon-wangge-open
  • - +
  • @@ -1230,7 +1245,7 @@
    .icon-wangge-close
  • - +
  • @@ -1239,7 +1254,7 @@
    .icon-a-liumeitimeitiliebiao
  • - +
  • @@ -1248,7 +1263,7 @@
    .icon-iframe
  • - +
  • @@ -1257,7 +1272,7 @@
    .icon-canshu
  • - +
  • @@ -1266,7 +1281,7 @@
    .icon-genghuan
  • - +
  • @@ -1275,7 +1290,7 @@
    .icon-fasongyoujian
  • - +
  • @@ -1284,7 +1299,7 @@
    .icon-github
  • - +
  • @@ -1293,7 +1308,7 @@
    .icon-dianhua
  • - +
  • @@ -1302,7 +1317,7 @@
    .icon-guanbi
  • - +
  • @@ -1311,7 +1326,7 @@
    .icon-juxing1
  • - +
  • @@ -1320,7 +1335,7 @@
    .icon-yidongduan
  • - +
  • @@ -1329,7 +1344,7 @@
    .icon-video
  • - +
  • @@ -1338,7 +1353,7 @@
    .icon-xuanfuanniufadongtai
  • - +
  • @@ -1347,7 +1362,7 @@
    .icon-xifuxuanze
  • - +
  • @@ -1356,7 +1371,7 @@
    .icon-margin
  • - +
  • @@ -1365,7 +1380,7 @@
    .icon-padding
  • - +
  • @@ -1374,7 +1389,7 @@
    .icon-shijian
  • - +
  • @@ -1383,7 +1398,7 @@
    .icon-shijiangeshizhuanhuan
  • - +
  • @@ -1392,7 +1407,7 @@
    .icon-chaolianjie
  • - +
  • @@ -1401,7 +1416,7 @@
    .icon-kexuejishu
  • - +
  • @@ -1410,7 +1425,7 @@
    .icon-shujujuzhen
  • - +
  • @@ -1419,7 +1434,7 @@
    .icon-shitujuzhen_o
  • - +
  • @@ -1428,7 +1443,7 @@
    .icon-xuanfu1
  • - +
  • @@ -1437,7 +1452,7 @@
    .icon-youxuanfu-copy
  • - +
  • @@ -1446,7 +1461,7 @@
    .icon-xuanfu
  • - +
  • @@ -1455,7 +1470,7 @@
    .icon-xuanfuanniu
  • - +
  • @@ -1464,7 +1479,7 @@
    .icon-youxuanfu-copy-copy
  • - +
  • @@ -1473,7 +1488,7 @@
    .icon-tabs
  • - +
  • @@ -1482,7 +1497,7 @@
    .icon-xiyu
  • - +
  • @@ -1491,7 +1506,7 @@
    .icon-quxiaoshangzuan
  • - +
  • @@ -1500,7 +1515,7 @@
    .icon-quxiaoxiazuan
  • - +
  • @@ -1509,7 +1524,7 @@
    .icon-linkage
  • - +
  • @@ -1518,7 +1533,7 @@
    .icon-xiazuan
  • - +
  • @@ -1527,7 +1542,7 @@
    .icon-shangzuan
  • - +
  • @@ -1536,7 +1551,7 @@
    .icon-quxiaoliandong
  • - +
  • @@ -1545,7 +1560,7 @@
    .icon-edit-outline
  • - +
  • @@ -1554,7 +1569,7 @@
    .icon-edit
  • - +
  • @@ -1563,7 +1578,7 @@
    .icon-xiangqing1
  • - +
  • @@ -1572,7 +1587,7 @@
    .icon-weibiaoti-1
  • - +
  • @@ -1581,7 +1596,7 @@
    .icon-weibiaoti-
  • - +
  • @@ -1590,7 +1605,7 @@
    .icon-touming
  • - +
  • @@ -1599,7 +1614,7 @@
    .icon-fangxing-
  • - +
  • @@ -1608,7 +1623,7 @@
    .icon-fangda
  • - +
  • @@ -1617,7 +1632,7 @@
    .icon-shezhi
  • - +
  • @@ -1626,7 +1641,7 @@
    .icon-quanping1
  • - +
  • @@ -1635,7 +1650,7 @@
    .icon-font-weight-bold
  • - +
  • @@ -1644,7 +1659,7 @@
    .icon-letter_spacing
  • - +
  • @@ -1653,7 +1668,7 @@
    .icon-letter-spacing
  • - +
  • @@ -1662,7 +1677,7 @@
    .icon-zimua
  • - +
  • @@ -1671,7 +1686,7 @@
    .icon-format_letter_spacing_
  • - +
  • @@ -1680,7 +1695,7 @@
    .icon-font_size
  • - +
  • @@ -1689,7 +1704,7 @@
    .icon-align-center
  • - +
  • @@ -1698,7 +1713,7 @@
    .icon-juyou
  • - +
  • @@ -1707,7 +1722,7 @@
    .icon-juzuo
  • - +
  • @@ -1716,7 +1731,7 @@
    .icon-solid_line
  • - +
  • @@ -1725,7 +1740,7 @@
    .icon-huabi
  • - +
  • @@ -1734,7 +1749,7 @@
    .icon-dianxian
  • - +
  • @@ -1743,7 +1758,7 @@
    .icon-xuxian
  • - +
  • @@ -1752,7 +1767,7 @@
    .icon-beijingse1
  • - +
  • @@ -1761,7 +1776,7 @@
    .icon-juxing
  • - +
  • @@ -1770,7 +1785,7 @@
    .icon-text
  • - +
  • @@ -1779,7 +1794,7 @@
    .icon-picture
  • - +
  • @@ -1788,7 +1803,7 @@
    .icon-shuru
  • - +
  • @@ -1797,7 +1812,7 @@
    .icon-tree
  • - +
  • @@ -1806,7 +1821,7 @@
    .icon-chaxunsousuo
  • - +
  • @@ -1815,7 +1830,7 @@
    .icon-jidu
  • - +
  • @@ -1824,7 +1839,7 @@
    .icon-shuzishunxu
  • - +
  • @@ -1833,7 +1848,7 @@
    .icon-Group-
  • - +
  • @@ -1842,7 +1857,7 @@
    .icon-riqi
  • - +
  • @@ -1851,7 +1866,7 @@
    .icon-zuoce-qujian
  • - +
  • @@ -1860,7 +1875,7 @@
    .icon-liebiao
  • - +
  • @@ -1869,7 +1884,7 @@
    .icon-xialakuang
  • - +
  • @@ -1878,7 +1893,7 @@
    .icon-xialashu
  • - +
  • @@ -1887,7 +1902,7 @@
    .icon-zhongzhi
  • - +
  • @@ -1896,7 +1911,7 @@
    .icon-ri
  • - +
  • @@ -1905,7 +1920,7 @@
    .icon-nian
  • - +
  • @@ -1914,7 +1929,7 @@
    .icon-yue
  • - +

font-class 引用

@@ -1941,7 +1956,15 @@
    - + +
  • + +
    font
    +
    #icon-font
    +
  • +
  • WATERMARK
    #icon-WATERMARK
  • - +
  • 图层
    #icon-layer
  • - +
  • application
    #icon-application
  • - +
  • data-source-24
    #icon-datasource-select
  • - +
  • 重置
    #icon-zhongzhi2
  • - +
  • None_Select
    #icon-None_Select
  • - +
  • button_right
    #icon-button_right
  • - +
  • icon-maybe
    #icon-icon-maybe
  • - +
  • icon_up-left_outlined
    #icon-icon_up-left_outlined
  • - +
  • close
    #icon-close
  • - +
  • Frame 3425
    #icon-a-Frame3425
  • - +
  • icon-filter
    #icon-icon-filter
  • - +
  • icon_Batch_outlined
    #icon-icon_Batch_outlined
  • - +
  • icon_clear_outlined
    #icon-icon_clear_outlined
  • - +
  • icon_dialpad_outlined
    #icon-icon_dialpad_outlined
  • - +
  • icon_effects_outlined
    #icon-icon_effects_outlined
  • - +
  • icon_magnify_outlined
    #icon-icon_magnify_outlined
  • - +
  • icon_moments-categories_outlined
    #icon-icon_moments-categories_outlined
  • - +
  • icon_pc_outlined
    #icon-icon_pc_outlined
  • - +
  • icon_phone_outlined
    #icon-icon_phone_outlined
  • - +
  • icon_redo_outlined
    #icon-icon_redo_outlined
  • - +
  • icon_undo_outlined
    #icon-icon_undo_outlined
  • - +
  • icon-more
    #icon-icon-more
  • - +
  • icon-quicksetting
    #icon-icon-quicksetting
  • - +
  • square-selected
    #icon-square-selected
  • - +
  • italic
    #icon-italic
  • - +
  • 箭头
    #icon-jiantou
  • - +
  • magic-line
    #icon-magic-line
  • - +
  • 更多
    #icon-gengduo
  • - +
  • 清空
    #icon-qingkong
  • - +
  • 查看
    #icon-chakan
  • - +
  • outline-redo
    #icon-outline-redo
  • - +
  • outline-undo
    #icon-outline-undo
  • - +
  • 定位
    #icon-dingwei
  • - +
  • 富文本框
    #icon-fuwenbenkuang
  • - +
  • 下架
    #icon-unpublish
  • - +
  • 上架
    #icon-publish
  • - +
  • 发布
    #icon-fabu
  • - +
  • 批量操作
    #icon-piliang-copy
  • - +
  • 图片
    #icon-tupian
  • - +
  • 超链接
    #icon-chaolianjie1
  • - +
  • 跳转
    #icon-com-jump
  • - +
  • 跳转
    #icon-component-tiaozhuan
  • - +
  • 网格\表格
    #icon-wangge-open
  • - +
  • 关闭网格
    #icon-wangge-close
  • - +
  • 流媒体,媒体列表
    #icon-a-liumeitimeitiliebiao
  • - +
  • iframe
    #icon-iframe
  • - +
  • 参数
    #icon-canshu
  • - +
  • 更换
    #icon-genghuan
  • - +
  • 发送邮件
    #icon-fasongyoujian
  • - +
  • github
    #icon-github
  • - +
  • 电话
    #icon-dianhua
  • - +
  • 关闭
    #icon-guanbi
  • - +
  • 矩形
    #icon-juxing1
  • - +
  • 移动端
    #icon-yidongduan
  • - +
  • video
    #icon-video
  • - +
  • 悬浮按钮发动态
    #icon-xuanfuanniufadongtai
  • - +
  • 吸附选择
    #icon-xifuxuanze
  • - +
  • margin
    #icon-margin
  • - +
  • padding
    #icon-padding
  • - +
  • 时间
    #icon-shijian
  • - +
  • 时间格式转换
    #icon-shijiangeshizhuanhuan
  • - +
  • 超链接
    #icon-chaolianjie
  • - +
  • 科学技术
    #icon-kexuejishu
  • - +
  • 符号-数据矩阵
    #icon-shujujuzhen
  • - +
  • 视图矩阵_o
    #icon-shitujuzhen_o
  • - +
  • 悬浮
    #icon-xuanfu1
  • - +
  • 右悬浮-选中
    #icon-youxuanfu-copy
  • - +
  • 悬浮
    #icon-xuanfu
  • - +
  • 悬浮按钮
    #icon-xuanfuanniu
  • - +
  • 右悬浮-选中
    #icon-youxuanfu-copy-copy
  • - +
  • 44.tabs
    #icon-tabs
  • - +
  • 洗浴
    #icon-xiyu
  • - +
  • 线性图标-取消下钻
    #icon-quxiaoshangzuan
  • - +
  • 线性图标-取消下钻
    #icon-quxiaoxiazuan
  • - +
  • 联动
    #icon-linkage
  • - +
  • 下钻
    #icon-xiazuan
  • - +
  • 上钻
    #icon-shangzuan
  • - +
  • 取消联动
    #icon-quxiaoliandong
  • - +
  • edit-2
    #icon-edit-outline
  • - +
  • edit-2
    #icon-edit
  • - +
  • 详情
    #icon-xiangqing1
  • - +
  • 弧形框
    #icon-weibiaoti-1
  • - +
  • 弧形框
    #icon-weibiaoti-
  • - +
  • 透明
    #icon-touming
  • - +
  • 弧度
    #icon-fangxing-
  • - +
  • 放大
    #icon-fangda
  • - +
  • 设 置
    #icon-shezhi
  • - +
  • 屏幕_全屏
    #icon-quanping1
  • - +
  • font-weight-bold
    #icon-font-weight-bold
  • - +
  • letter_spacing
    #icon-letter_spacing
  • - +
  • letter-spacing
    #icon-letter-spacing
  • - +
  • 字体颜色
    #icon-zimua
  • - +
  • format_letter_spacing_2
    #icon-format_letter_spacing_
  • - +
  • font_size
    #icon-font_size
  • - +
  • 居中
    #icon-align-center
  • - +
  • 居右
    #icon-juyou
  • - +
  • 居左
    #icon-juzuo
  • - +
  • 实线
    #icon-solid_line
  • - +
  • 画笔
    #icon-huabi
  • - +
  • 点线
    #icon-dianxian
  • - +
  • 虚线
    #icon-xuxian
  • - +
  • 背景色‘
    #icon-beijingse1
  • - +
  • 矩形
    #icon-juxing
  • - +
  • text
    #icon-text
  • - +
  • picture
    #icon-picture
  • - +
  • 输入
    #icon-shuru
  • - +
  • #icon-tree
  • - +
  • 查询搜索
    #icon-chaxunsousuo
  • - +
  • 季度
    #icon-jidu
  • - +
  • 数字顺序
    #icon-shuzishunxu
  • - +
  • 树列表
    #icon-Group-
  • - +
  • 日期
    #icon-riqi
  • - +
  • 左侧-区间
    #icon-zuoce-qujian
  • - +
  • 列表
    #icon-liebiao
  • - +
  • 下拉框
    #icon-xialakuang
  • - +
  • 下拉树
    #icon-xialashu
  • - +
  • 重置
    #icon-zhongzhi
  • - +
  • #icon-ri
  • - +
  • #icon-nian
  • - +
  • #icon-yue
  • - +

Symbol 引用

diff --git a/frontend/src/styles/deicon/iconfont.css b/frontend/src/styles/deicon/iconfont.css index 4602023a5f..417e999b4a 100644 --- a/frontend/src/styles/deicon/iconfont.css +++ b/frontend/src/styles/deicon/iconfont.css @@ -1,8 +1,8 @@ @font-face { font-family: "iconfont"; /* Project id 2459092 */ - src: url('iconfont.woff2?t=1668397590143') format('woff2'), - url('iconfont.woff?t=1668397590143') format('woff'), - url('iconfont.ttf?t=1668397590143') format('truetype'); + src: url('iconfont.woff2?t=1669087400468') format('woff2'), + url('iconfont.woff?t=1669087400468') format('woff'), + url('iconfont.ttf?t=1669087400468') format('truetype'); } .iconfont { @@ -13,6 +13,10 @@ -moz-osx-font-smoothing: grayscale; } +.icon-font:before { + content: "\e63d"; +} + .icon-WATERMARK:before { content: "\ea16"; } diff --git a/frontend/src/styles/deicon/iconfont.js b/frontend/src/styles/deicon/iconfont.js index 3e8e62d958..6af6d673df 100644 --- a/frontend/src/styles/deicon/iconfont.js +++ b/frontend/src/styles/deicon/iconfont.js @@ -1 +1 @@ -window._iconfont_svg_string_2459092='',function(a){var l=(l=document.getElementsByTagName("script"))[l.length-1],c=l.getAttribute("data-injectcss"),l=l.getAttribute("data-disable-injectsvg");if(!l){var h,i,t,v,o,z=function(l,c){c.parentNode.insertBefore(l,c)};if(c&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(l){console&&console.log(l)}}h=function(){var l,c=document.createElement("div");c.innerHTML=a._iconfont_svg_string_2459092,(c=c.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",c=c,(l=document.body).firstChild?z(c,l.firstChild):l.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(h,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),h()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(t=h,v=a.document,o=!1,p(),v.onreadystatechange=function(){"complete"==v.readyState&&(v.onreadystatechange=null,m())})}function m(){o||(o=!0,t())}function p(){try{v.documentElement.doScroll("left")}catch(l){return void setTimeout(p,50)}m()}}(window); +window._iconfont_svg_string_2459092='',function(a){var l=(l=document.getElementsByTagName("script"))[l.length-1],c=l.getAttribute("data-injectcss"),l=l.getAttribute("data-disable-injectsvg");if(!l){var h,i,t,v,o,z=function(l,c){c.parentNode.insertBefore(l,c)};if(c&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(l){console&&console.log(l)}}h=function(){var l,c=document.createElement("div");c.innerHTML=a._iconfont_svg_string_2459092,(c=c.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",c=c,(l=document.body).firstChild?z(c,l.firstChild):l.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(h,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),h()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(t=h,v=a.document,o=!1,p(),v.onreadystatechange=function(){"complete"==v.readyState&&(v.onreadystatechange=null,m())})}function m(){o||(o=!0,t())}function p(){try{v.documentElement.doScroll("left")}catch(l){return void setTimeout(p,50)}m()}}(window); \ No newline at end of file diff --git a/frontend/src/styles/deicon/iconfont.json b/frontend/src/styles/deicon/iconfont.json index b3a60559df..c192e40599 100644 --- a/frontend/src/styles/deicon/iconfont.json +++ b/frontend/src/styles/deicon/iconfont.json @@ -5,6 +5,13 @@ "css_prefix_text": "icon-", "description": "", "glyphs": [ + { + "icon_id": "109745", + "name": "font", + "font_class": "font", + "unicode": "e63d", + "unicode_decimal": 58941 + }, { "icon_id": "23072499", "name": "WATERMARK", diff --git a/frontend/src/styles/deicon/iconfont.ttf b/frontend/src/styles/deicon/iconfont.ttf index 250300b27e..9cbbe7f95b 100644 Binary files a/frontend/src/styles/deicon/iconfont.ttf and b/frontend/src/styles/deicon/iconfont.ttf differ diff --git a/frontend/src/styles/deicon/iconfont.woff b/frontend/src/styles/deicon/iconfont.woff index 6dfe2b312d..47cb972f4b 100644 Binary files a/frontend/src/styles/deicon/iconfont.woff and b/frontend/src/styles/deicon/iconfont.woff differ diff --git a/frontend/src/styles/deicon/iconfont.woff2 b/frontend/src/styles/deicon/iconfont.woff2 index 2952bdbe04..d660c1dd62 100644 Binary files a/frontend/src/styles/deicon/iconfont.woff2 and b/frontend/src/styles/deicon/iconfont.woff2 differ diff --git a/frontend/src/views/chart/view/ChartEdit.vue b/frontend/src/views/chart/view/ChartEdit.vue index 9d34f0a5e5..9b0b7ff39e 100644 --- a/frontend/src/views/chart/view/ChartEdit.vue +++ b/frontend/src/views/chart/view/ChartEdit.vue @@ -192,7 +192,7 @@ @command="chartFieldEdit" > - + - + {{ $t('chart.change_chart_type') }} - + @@ -490,8 +490,8 @@ > {{ - $t('chart.drag_block_table_data_column') - }} + $t('chart.drag_block_table_data_column') + }} {{ $t('chart.drag_block_type_axis') }} @@ -499,18 +499,18 @@ v-else-if="view.type && view.type.includes('pie')" >{{ $t('chart.drag_block_pie_label') }} {{ - $t('chart.drag_block_funnel_split') - }} + $t('chart.drag_block_funnel_split') + }} {{ - $t('chart.drag_block_radar_label') - }} + $t('chart.drag_block_radar_label') + }} {{ $t('chart.area') }} {{ - $t('chart.drag_block_treemap_label') - }} + $t('chart.drag_block_treemap_label') + }} {{ - $t('chart.drag_block_word_cloud_label') - }} + $t('chart.drag_block_word_cloud_label') + }} {{ $t('chart.drag_block_label') }} / {{ $t('chart.dimension') }} @@ -633,8 +633,8 @@ > {{ - $t('chart.drag_block_table_data_column') - }} + $t('chart.drag_block_table_data_column') + }} {{ $t('chart.drag_block_value_axis') }} @@ -642,30 +642,30 @@ v-else-if="view.type && view.type.includes('pie')" >{{ $t('chart.drag_block_pie_angel') }} {{ - $t('chart.drag_block_funnel_width') - }} + $t('chart.drag_block_funnel_width') + }} {{ - $t('chart.drag_block_radar_length') - }} + $t('chart.drag_block_radar_length') + }} {{ - $t('chart.drag_block_gauge_angel') - }} + $t('chart.drag_block_gauge_angel') + }} {{ $t('chart.drag_block_label_value') }} {{ $t('chart.chart_data') }} {{ - $t('chart.drag_block_treemap_size') - }} + $t('chart.drag_block_treemap_size') + }} {{ - $t('chart.drag_block_value_axis_main') - }} + $t('chart.drag_block_value_axis_main') + }} {{ $t('chart.drag_block_progress') }} {{ - $t('chart.drag_block_word_cloud_size') - }} + $t('chart.drag_block_word_cloud_size') + }} / {{ $t('chart.quota') }} - + @@ -1268,7 +1268,7 @@ width="800px" class="dialog-css" > - +