diff --git a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue index 88216e9e1a..80992dfe8f 100644 --- a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue +++ b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue @@ -7,6 +7,7 @@ @mousedown="elementMouseDown" > + +
+
+ + + + + + +
+ +
+ + + + + diff --git a/frontend/src/styles/deicon/demo.css b/frontend/src/styles/deicon/demo.css index b7af3aa35d..a67054a0a0 100644 --- a/frontend/src/styles/deicon/demo.css +++ b/frontend/src/styles/deicon/demo.css @@ -3,9 +3,9 @@ font-family: "iconfont logo"; src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834'); src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'), - url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'), - url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'), - url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg'); + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg'); } .logo { @@ -215,35 +215,35 @@ margin: 1em 0; } -.markdown > p, -.markdown > blockquote, -.markdown > .highlight, -.markdown > ol, -.markdown > ul { +.markdown>p, +.markdown>blockquote, +.markdown>.highlight, +.markdown>ol, +.markdown>ul { width: 80%; } -.markdown ul > li { +.markdown ul>li { list-style: circle; } -.markdown > ul li, -.markdown blockquote ul > li { +.markdown>ul li, +.markdown blockquote ul>li { margin-left: 20px; padding-left: 4px; } -.markdown > ul li p, -.markdown > ol li p { +.markdown>ul li p, +.markdown>ol li p { margin: 0.6em 0; } -.markdown ol > li { +.markdown ol>li { list-style: decimal; } -.markdown > ol li, -.markdown blockquote ol > li { +.markdown>ol li, +.markdown blockquote ol>li { margin-left: 20px; padding-left: 4px; } @@ -260,7 +260,7 @@ font-weight: 600; } -.markdown > table { +.markdown>table { border-collapse: collapse; border-spacing: 0px; empty-cells: show; @@ -269,20 +269,20 @@ margin-bottom: 24px; } -.markdown > table th { +.markdown>table th { white-space: nowrap; color: #333; font-weight: 600; } -.markdown > table th, -.markdown > table td { +.markdown>table th, +.markdown>table td { border: 1px solid #e9e9e9; padding: 8px 16px; text-align: left; } -.markdown > table th { +.markdown>table th { background: #F7F7F7; } @@ -318,8 +318,8 @@ display: inline-block; } -.markdown > br, -.markdown > p > br { +.markdown>br, +.markdown>p>br { clear: both; } @@ -453,13 +453,13 @@ pre[class*="language-"] { overflow: auto; } -:not(pre) > code[class*="language-"], +:not(pre)>code[class*="language-"], pre[class*="language-"] { background: #f5f2f0; } /* Inline code */ -:not(pre) > code[class*="language-"] { +:not(pre)>code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; diff --git a/frontend/src/styles/deicon/demo_index.html b/frontend/src/styles/deicon/demo_index.html index e01657bfe5..e997334f0c 100644 --- a/frontend/src/styles/deicon/demo_index.html +++ b/frontend/src/styles/deicon/demo_index.html @@ -54,6 +54,48 @@
    +
  • + +
    线性图标-取消下钻
    +
    
    +
    • + +
  • + +
    线性图标-取消下钻
    +
    
    +
    • + +
  • + +
    联动
    +
    
    +
    • + +
  • + +
    下钻
    +
    
    +
    • + +
  • + +
    上钻
    +
    
    +
    • + +
  • + +
    取消联动
    +
    
    +
    • + +
  • + +
    edit-2
    +
    
    +
    • +
  • edit-2
    @@ -318,9 +360,9 @@ 
    @font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1627282547459') format('woff2'),
-       url('iconfont.woff?t=1627282547459') format('woff'),
-       url('iconfont.ttf?t=1627282547459') format('truetype');
+  src: url('iconfont.woff2?t=1628652979833') format('woff2'),
+       url('iconfont.woff?t=1628652979833') format('woff'),
+       url('iconfont.ttf?t=1628652979833') format('truetype');
 }

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

    @@ -346,6 +388,69 @@
      +
    • + +
      + 线性图标-取消下钻 +
      +
      .icon-quxiaoshangzuan +
      +
      • + +
    • + +
      + 线性图标-取消下钻 +
      +
      .icon-quxiaoxiazuan +
      +
      • + +
    • + +
      + 联动 +
      +
      .icon-linkage +
      +
      • + +
    • + +
      + 下钻 +
      +
      .icon-xiazuan +
      +
      • + +
    • + +
      + 上钻 +
      +
      .icon-shangzuan +
      +
      • + +
    • + +
      + 取消联动 +
      +
      .icon-quxiaoliandong +
      +
      • + +
    • + +
      + edit-2 +
      +
      .icon-edit-outline +
      +
      • +
    • @@ -742,6 +847,62 @@
        +
      • + +
        线性图标-取消下钻
        +
        #icon-quxiaoshangzuan
        +
        • + +
      • + +
        线性图标-取消下钻
        +
        #icon-quxiaoxiazuan
        +
        • + +
      • + +
        联动
        +
        #icon-linkage
        +
        • + +
      • + +
        下钻
        +
        #icon-xiazuan
        +
        • + +
      • + +
        上钻
        +
        #icon-shangzuan
        +
        • + +
      • + +
        取消联动
        +
        #icon-quxiaoliandong
        +
        • + +
      • + +
        edit-2
        +
        #icon-edit-outline
        +
        • +