elink-star
/
luckysheet
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

style(ico): icon 

toolbar button icon
master
谢雷君 5 years ago
parent
07d2aba864
commit
b9b474bda0
12 changed files with 470 additions and 26 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 276
      src/assets/iconfont/demo_index.html
  2. 60
      src/assets/iconfont/iconfont.css
  3. BIN
      src/assets/iconfont/iconfont.eot
  4. 2
      src/assets/iconfont/iconfont.js
  5. 84
      src/assets/iconfont/iconfont.json
  6. 36
      src/assets/iconfont/iconfont.svg
  7. BIN
      src/assets/iconfont/iconfont.ttf
  8. BIN
      src/assets/iconfont/iconfont.woff
  9. BIN
      src/assets/iconfont/iconfont.woff2
  10. 12
      src/controllers/constant.js
  11. 12
      src/controllers/freezen.js
  12. 14
      src/controllers/menuButton.js

276
src/assets/iconfont/demo_index.html
View File

@ -30,6 +30,78 @@
<div class="content unicode" style="display: block;"> <div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe7e1;</span>
<div class="name">冻结</div>
<div class="code-name">&amp;#xe7e1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e2;</span>
<div class="name">剪</div>
<div class="code-name">&amp;#xe7e2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e3;</span>
<div class="name">加</div>
<div class="code-name">&amp;#xe7e3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e4;</span>
<div class="name">溢出</div>
<div class="code-name">&amp;#xe7e4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e5;</span>
<div class="name">升序</div>
<div class="code-name">&amp;#xe7e5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e6;</span>
<div class="name">内框线</div>
<div class="code-name">&amp;#xe7e6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e7;</span>
<div class="name">清除筛选</div>
<div class="code-name">&amp;#xe7e7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e8;</span>
<div class="name">文本向上</div>
<div class="code-name">&amp;#xe7e8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e9;</span>
<div class="name">降序</div>
<div class="code-name">&amp;#xe7e9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ea;</span>
<div class="name">内框横线</div>
<div class="code-name">&amp;#xe7ea;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7eb;</span>
<div class="name">内框竖线</div>
<div class="code-name">&amp;#xe7eb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ec;</span>
<div class="name">自定义排序</div>
<div class="code-name">&amp;#xe7ec;</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe7df;</span> <span class="icon iconfont">&#xe7df;</span>
<div class="name">logo2</div> <div class="name">logo2</div>
@ -596,6 +668,114 @@
<div class="content font-class"> <div class="content font-class">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-dongjie1"></span>
<div class="name">
冻结
</div>
<div class="code-name">.icon-dongjie1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jian1"></span>
<div class="name">
剪
</div>
<div class="code-name">.icon-jian1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jia1"></span>
<div class="name">
加
</div>
<div class="code-name">.icon-jia1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yichu1"></span>
<div class="name">
溢出
</div>
<div class="code-name">.icon-yichu1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shengxu1"></span>
<div class="name">
升序
</div>
<div class="code-name">.icon-shengxu1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-neikuangxian"></span>
<div class="name">
内框线
</div>
<div class="code-name">.icon-neikuangxian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qingchushaixuan"></span>
<div class="name">
清除筛选
</div>
<div class="code-name">.icon-qingchushaixuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wenbenxiangshang"></span>
<div class="name">
文本向上
</div>
<div class="code-name">.icon-wenbenxiangshang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jiangxu1"></span>
<div class="name">
降序
</div>
<div class="code-name">.icon-jiangxu1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-neikuanghengxian"></span>
<div class="name">
内框横线
</div>
<div class="code-name">.icon-neikuanghengxian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-neikuangshuxian"></span>
<div class="name">
内框竖线
</div>
<div class="code-name">.icon-neikuangshuxian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zidingyipaixu"></span>
<div class="name">
自定义排序
</div>
<div class="code-name">.icon-zidingyipaixu
</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-logo2"></span> <span class="icon iconfont icon-logo2"></span>
<div class="name"> <div class="name">
@ -1399,6 +1579,102 @@
<div class="content symbol"> <div class="content symbol">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dongjie1"></use>
</svg>
<div class="name">冻结</div>
<div class="code-name">#icon-dongjie1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jian1"></use>
</svg>
<div class="name">剪</div>
<div class="code-name">#icon-jian1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jia1"></use>
</svg>
<div class="name">加</div>
<div class="code-name">#icon-jia1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yichu1"></use>
</svg>
<div class="name">溢出</div>
<div class="code-name">#icon-yichu1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shengxu1"></use>
</svg>
<div class="name">升序</div>
<div class="code-name">#icon-shengxu1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-neikuangxian"></use>
</svg>
<div class="name">内框线</div>
<div class="code-name">#icon-neikuangxian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qingchushaixuan"></use>
</svg>
<div class="name">清除筛选</div>
<div class="code-name">#icon-qingchushaixuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenbenxiangshang"></use>
</svg>
<div class="name">文本向上</div>
<div class="code-name">#icon-wenbenxiangshang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiangxu1"></use>
</svg>
<div class="name">降序</div>
<div class="code-name">#icon-jiangxu1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-neikuanghengxian"></use>
</svg>
<div class="name">内框横线</div>
<div class="code-name">#icon-neikuanghengxian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-neikuangshuxian"></use>
</svg>
<div class="name">内框竖线</div>
<div class="code-name">#icon-neikuangshuxian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zidingyipaixu"></use>
</svg>
<div class="name">自定义排序</div>
<div class="code-name">#icon-zidingyipaixu</div>
</li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-logo2"></use> <use xlink:href="#icon-logo2"></use>

60
src/assets/iconfont/iconfont.css
View File

File diff suppressed because one or more lines are too long

BIN
src/assets/iconfont/iconfont.eot
View File

Binary file not shown.

2
src/assets/iconfont/iconfont.js
View File

File diff suppressed because one or more lines are too long

84
src/assets/iconfont/iconfont.json
View File

@ -5,6 +5,90 @@
"css_prefix_text": "icon-", "css_prefix_text": "icon-",
"description": "", "description": "",
"glyphs": [ "glyphs": [
{
"icon_id": "17392794",
"name": "冻结",
"font_class": "dongjie1",
"unicode": "e7e1",
"unicode_decimal": 59361
},
{
"icon_id": "17392795",
"name": "剪",
"font_class": "jian1",
"unicode": "e7e2",
"unicode_decimal": 59362
},
{
"icon_id": "17392796",
"name": "加",
"font_class": "jia1",
"unicode": "e7e3",
"unicode_decimal": 59363
},
{
"icon_id": "17392797",
"name": "溢出",
"font_class": "yichu1",
"unicode": "e7e4",
"unicode_decimal": 59364
},
{
"icon_id": "17392798",
"name": "升序",
"font_class": "shengxu1",
"unicode": "e7e5",
"unicode_decimal": 59365
},
{
"icon_id": "17392799",
"name": "内框线",
"font_class": "neikuangxian",
"unicode": "e7e6",
"unicode_decimal": 59366
},
{
"icon_id": "17392800",
"name": "清除筛选",
"font_class": "qingchushaixuan",
"unicode": "e7e7",
"unicode_decimal": 59367
},
{
"icon_id": "17392801",
"name": "文本向上",
"font_class": "wenbenxiangshang",
"unicode": "e7e8",
"unicode_decimal": 59368
},
{
"icon_id": "17392802",
"name": "降序",
"font_class": "jiangxu1",
"unicode": "e7e9",
"unicode_decimal": 59369
},
{
"icon_id": "17392803",
"name": "内框横线",
"font_class": "neikuanghengxian",
"unicode": "e7ea",
"unicode_decimal": 59370
},
{
"icon_id": "17392804",
"name": "内框竖线",
"font_class": "neikuangshuxian",
"unicode": "e7eb",
"unicode_decimal": 59371
},
{
"icon_id": "17392805",
"name": "自定义排序",
"font_class": "zidingyipaixu",
"unicode": "e7ec",
"unicode_decimal": 59372
},
{ {
"icon_id": "16746498", "icon_id": "16746498",
"name": "logo2", "name": "logo2",

36
src/assets/iconfont/iconfont.svg
View File

@ -20,6 +20,42 @@ Created by iconfont
/> />
<missing-glyph /> <missing-glyph />
<glyph glyph-name="dongjie1" unicode="&#59361;" d="M809.557333 682.069333v-595.626666H213.930667V682.069333h595.626666zM256.426667 322.389333v-193.408l193.365333 0.042667-193.365333 193.365333z m510.549333 40.618667h-234.026667v-234.026667h234.026667v234.026667z m-276.565333 0H276.053333l214.357334-214.4v214.4z m276.565333 276.522667h-234.026667v-233.984h234.026667V639.530667zM256.426667 609.450667v-203.946667l203.904 0.042667-203.946667 203.946666z m233.984 30.08H286.592l203.861333-203.861334V639.573333z" horiz-adv-x="1024" />
<glyph glyph-name="jian1" unicode="&#59362;" d="M213.333333 426.666667h597.333334v-85.333334H213.333333z" horiz-adv-x="1024" />
<glyph glyph-name="jia1" unicode="&#59363;" d="M213.333333 426.666667h597.333334v-85.333334H213.333333zM554.666667 682.666667v-597.333334h-85.333334V682.666667z" horiz-adv-x="1024" />
<glyph glyph-name="yichu1" unicode="&#59364;" d="M300.288 85.333333H213.333333V682.666667h86.954667v-279.978667h441.898667l-91.306667 85.845333 26.624 26.112L810.666667 384l-133.162667-130.688-26.624 26.154667 91.306667 85.845333-441.898667 0.042667zM530.688 682.666667h42.666667v-242.688h-42.666667V682.666667z m0-354.688h42.666667V85.333333h-42.666667v242.688z" horiz-adv-x="1024" />
<glyph glyph-name="shengxu1" unicode="&#59365;" d="M684.757333 482.944v-290.645333a20.650667 20.650667 0 0 0-6.4-15.274667 23.04 23.04 0 0 0-16-6.357333 22.229333 22.229333 0 0 0-22.4 21.632V482.944L550.4 398.08a22.528 22.528 0 0 0-15.872-6.442667 22.613333 22.613333 0 0 0-15.914667 6.442667 20.650667 20.650667 0 0 0-6.613333 15.061333c0 5.674667 2.389333 11.093333 6.613333 15.061334l126.72 120.064a22.485333 22.485333 0 0 0 15.658667 6.4 23.594667 23.594667 0 0 0 16.128-5.546667l126.72-120.064c4.309333-3.84 6.826667-9.301333 6.826667-15.061333a20.266667 20.266667 0 0 0-6.826667-15.061334 23.04 23.04 0 0 0-15.914667-6.272 23.04 23.04 0 0 0-15.872 6.272l-87.296 84.010667zM229.930667 213.333333h265.472c9.173333 0 16.597333-9.472 16.597333-21.12s-7.424-21.12-16.597333-21.12H229.930667c-9.173333 0-16.597333 9.472-16.597334 21.12 0 11.690667 7.424 21.12 16.597334 21.12z m1.152 170.666667h177.792c9.813333 0 17.792-9.429333 17.792-21.12s-7.936-21.12-17.792-21.12H231.168c-9.813333 0-17.792 9.429333-17.792 21.12 0 11.648 7.978667 21.12 17.792 21.12z m264.362666 170.666667H229.845333C220.757333 554.666667 213.333333 545.194667 213.333333 533.546667s7.424-21.12 16.597334-21.12h265.472c9.173333 0 16.597333 9.472 16.597333 21.12S504.576 554.666667 495.402667 554.666667z" horiz-adv-x="1024" />
<glyph glyph-name="neikuangxian" unicode="&#59366;" d="M213.333333 384h554.666667v-42.666667H213.333333zM512 640v-554.666667h-42.666667V640zM213.333333 469.333333h42.666667v-42.666666H213.333333zM213.333333 298.666667h42.666667v-42.666667H213.333333zM213.333333 554.666667h42.666667v-42.666667H213.333333zM213.333333 213.333333h42.666667v-42.666666H213.333333zM725.333333 469.333333h42.666667v-42.666666h-42.666667zM725.333333 298.666667h42.666667v-42.666667h-42.666667zM725.333333 554.666667h42.666667v-42.666667h-42.666667zM725.333333 213.333333h42.666667v-42.666666h-42.666667zM725.333333 128h42.666667v-42.666667h-42.666667zM725.333333 640h42.666667v-42.666667h-42.666667zM213.333333 128h42.666667v-42.666667H213.333333zM213.333333 640h42.666667v-42.666667H213.333333zM384 128h42.666667v-42.666667H384zM384 640h42.666667v-42.666667H384zM554.666667 128h42.666666v-42.666667h-42.666666zM554.666667 640h42.666666v-42.666667h-42.666666zM298.666667 128h42.666666v-42.666667H298.666667zM298.666667 640h42.666666v-42.666667H298.666667zM640 128h42.666667v-42.666667h-42.666667zM640 640h42.666667v-42.666667h-42.666667z" horiz-adv-x="1024" />
<glyph glyph-name="qingchushaixuan" unicode="&#59367;" d="M214.016 173.568h593.92v-42.410667H214.016v42.410667z m578.048 312.106667l-180.693333 181.077333A53.376 53.376 0 0 1 573.738667 682.666667a45.653333 45.653333 0 0 1-32.64-13.226667l-313.941334-314.965333c-18.56-18.602667-17.322667-50.261333 2.688-70.4l68.010667-68.096h298.24l198.698667 199.338666c18.56 18.602667 17.322667 50.261333-2.730667 70.357334z m-213.546667-227.242667H315.434667L259.84 314.112c-3.968 4.010667-4.053333 9.088-2.730667 10.453333L430.08 497.92l193.92-193.92-45.44-45.568z" horiz-adv-x="1024" />
<glyph glyph-name="wenbenxiangshang" unicode="&#59368;" d="M192 400.213333l213.333333 77.653334v0.64l1.621334-0.042667L554.666667 532.224v-45.354667l-106.666667-38.826666v-152.405334l106.666667-38.826666v-45.354667l-147.498667 53.674667-1.834667 0.042666v0.64l-213.333333 77.610667V400.213333z m46.634667-28.416L405.333333 311.125333v121.386667l-166.698666-60.714667zM597.333333 559.829333l90.496 90.538667 90.538667-90.538667-30.165333-30.165333-37.802667 37.76V106.666667h-42.666667V569.898667l-40.234666-40.234667L597.333333 559.829333z" horiz-adv-x="1024" />
<glyph glyph-name="jiangxu1" unicode="&#59369;" d="M684.757333 242.389333V533.034667a20.650667 20.650667 0 0 1-6.4 15.274666 23.04 23.04 0 0 1-16 6.357334 22.229333 22.229333 0 0 1-22.4-21.632v-290.645334L550.4 327.253333a22.528 22.528 0 0 1-15.872 6.442667 22.613333 22.613333 0 0 1-15.914667-6.442667 20.650667 20.650667 0 0 1-6.613333-15.061333c0-5.674667 2.389333-11.093333 6.613333-15.061333l126.72-120.064a22.485333 22.485333 0 0 1 15.658667-6.4 23.594667 23.594667 0 0 1 16.128 5.546666l126.72 120.064c4.309333 3.84 6.826667 9.301333 6.826667 15.061334a20.266667 20.266667 0 0 1-6.826667 15.061333 23.04 23.04 0 0 1-15.914667 6.272 23.04 23.04 0 0 1-15.872-6.272l-87.296-84.010667zM229.930667 213.333333h265.472c9.173333 0 16.597333-9.472 16.597333-21.12s-7.424-21.12-16.597333-21.12H229.930667c-9.173333 0-16.597333 9.472-16.597334 21.12 0 11.690667 7.424 21.12 16.597334 21.12z m1.152 170.666667h177.792c9.813333 0 17.792-9.429333 17.792-21.12s-7.936-21.12-17.792-21.12H231.168c-9.813333 0-17.792 9.429333-17.792 21.12 0 11.648 7.978667 21.12 17.792 21.12z m264.362666 170.666667H229.845333C220.757333 554.666667 213.333333 545.237333 213.333333 533.546667c0-11.648 7.424-21.12 16.597334-21.12h265.472c9.173333 0 16.597333 9.472 16.597333 21.12S504.576 554.666667 495.402667 554.666667z" horiz-adv-x="1024" />
<glyph glyph-name="neikuanghengxian" unicode="&#59370;" d="M213.333333 384h554.666667v-42.666667H213.333333zM213.333333 469.333333h42.666667v-42.666666H213.333333zM213.333333 298.666667h42.666667v-42.666667H213.333333zM213.333333 554.666667h42.666667v-42.666667H213.333333zM213.333333 213.333333h42.666667v-42.666666H213.333333zM725.333333 469.333333h42.666667v-42.666666h-42.666667zM469.333333 469.333333h42.666667v-42.666666h-42.666667zM725.333333 298.666667h42.666667v-42.666667h-42.666667zM469.333333 298.666667h42.666667v-42.666667h-42.666667zM725.333333 554.666667h42.666667v-42.666667h-42.666667zM469.333333 554.666667h42.666667v-42.666667h-42.666667zM725.333333 213.333333h42.666667v-42.666666h-42.666667zM469.333333 213.333333h42.666667v-42.666666h-42.666667zM725.333333 128h42.666667v-42.666667h-42.666667zM725.333333 640h42.666667v-42.666667h-42.666667zM213.333333 128h42.666667v-42.666667H213.333333zM213.333333 640h42.666667v-42.666667H213.333333zM384 128h42.666667v-42.666667H384zM384 640h42.666667v-42.666667H384zM554.666667 128h42.666666v-42.666667h-42.666666zM554.666667 640h42.666666v-42.666667h-42.666666zM298.666667 128h42.666666v-42.666667H298.666667zM298.666667 640h42.666666v-42.666667H298.666667zM469.333333 128h42.666667v-42.666667h-42.666667zM469.333333 640h42.666667v-42.666667h-42.666667zM640 128h42.666667v-42.666667h-42.666667zM640 640h42.666667v-42.666667h-42.666667z" horiz-adv-x="1024" />
<glyph glyph-name="neikuangshuxian" unicode="&#59371;" d="M213.333333 469.333333h42.666667v-42.666666H213.333333zM213.333333 298.666667h42.666667v-42.666667H213.333333zM213.333333 554.666667h42.666667v-42.666667H213.333333zM213.333333 213.333333h42.666667v-42.666666H213.333333zM725.333333 469.333333h42.666667v-42.666666h-42.666667zM725.333333 298.666667h42.666667v-42.666667h-42.666667zM725.333333 554.666667h42.666667v-42.666667h-42.666667zM725.333333 213.333333h42.666667v-42.666666h-42.666667zM725.333333 128h42.666667v-42.666667h-42.666667zM725.333333 640h42.666667v-42.666667h-42.666667zM725.333333 384h42.666667v-42.666667h-42.666667zM213.333333 128h42.666667v-42.666667H213.333333zM213.333333 640h42.666667v-42.666667H213.333333zM213.333333 384h42.666667v-42.666667H213.333333zM384 128h42.666667v-42.666667H384zM384 640h42.666667v-42.666667H384zM384 384h42.666667v-42.666667H384zM554.666667 128h42.666666v-42.666667h-42.666666zM554.666667 640h42.666666v-42.666667h-42.666666zM554.666667 384h42.666666v-42.666667h-42.666666zM298.666667 128h42.666666v-42.666667H298.666667zM298.666667 640h42.666666v-42.666667H298.666667zM298.666667 384h42.666666v-42.666667H298.666667zM469.333333 128h42.666667v-42.666667h-42.666667zM469.333333 640h42.666667v-42.666667h-42.666667zM469.333333 384h42.666667v-42.666667h-42.666667zM640 128h42.666667v-42.666667h-42.666667zM640 640h42.666667v-42.666667h-42.666667zM640 384h42.666667v-42.666667h-42.666667zM512 640v-554.666667h-42.666667V640z" horiz-adv-x="1024" />
<glyph glyph-name="zidingyipaixu" unicode="&#59372;" d="M704 640a21.333333 21.333333 0 0 0 21.333333-21.333333v-469.333334a21.333333 21.333333 0 1 0-42.666666 0v469.333334c0 11.776 9.472 21.333333 21.333333 21.333333zM512 512c11.776 0 21.333333-7.68 21.333333-17.194667v-221.610666c0-9.514667-9.472-17.194667-21.333333-17.194667-11.776 0-21.333333 7.68-21.333333 17.194667V494.805333c0 4.565333 2.218667 8.96 6.186666 12.16A24.32 24.32 0 0 0 512 512zM320 640a21.333333 21.333333 0 0 0 21.333333-21.333333v-469.333334a21.333333 21.333333 0 1 0-42.666666 0v469.333334c0 11.776 9.472 21.333333 21.333333 21.333333z m283.562667-368.896a21.333333 21.333333 0 0 0 30.165333-30.165333l-106.666667-106.666667a21.333333 21.333333 0 0 0-30.165333 0l-106.666667 106.666667a21.333333 21.333333 0 0 0 30.165334 30.165333L512 179.498667l91.605333 91.562666z m0.298666 225.834667a21.333333 21.333333 0 0 1 30.165334 30.165333l-106.666667 106.666667a21.333333 21.333333 0 0 1-30.165333 0l-106.666667-106.666667a21.333333 21.333333 0 0 1 30.165333-30.165333l91.562667 91.562666 91.605333-91.562666z" horiz-adv-x="1024" />
<glyph glyph-name="logo2" unicode="&#59359;" d="M1023.168 764.64c0-234.4-190.016-424.416-424.416-424.416 0 234.4 190.016 424.416 424.416 424.416zM131.36-127.168c0 234.4 190.016 424.416 424.416 424.416 0-234.4-190.016-424.416-424.416-424.416zM929.696-33.696c-182.784 0-330.944 148.16-330.944 330.944 182.752 0 330.944-148.16 330.944-330.944zM494.848 896H0v-494.848h494.848zM558.016 814.624H81.376v-476.64h476.64zM558.304 731.584H164.384v-393.92h393.92z" horiz-adv-x="1024" /> <glyph glyph-name="logo2" unicode="&#59359;" d="M1023.168 764.64c0-234.4-190.016-424.416-424.416-424.416 0 234.4 190.016 424.416 424.416 424.416zM131.36-127.168c0 234.4 190.016 424.416 424.416 424.416 0-234.4-190.016-424.416-424.416-424.416zM929.696-33.696c-182.784 0-330.944 148.16-330.944 330.944 182.752 0 330.944-148.16 330.944-330.944zM494.848 896H0v-494.848h494.848zM558.016 814.624H81.376v-476.64h476.64zM558.304 731.584H164.384v-393.92h393.92z" horiz-adv-x="1024" />

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 76 KiB

BIN
src/assets/iconfont/iconfont.ttf
View File

Binary file not shown.

BIN
src/assets/iconfont/iconfont.woff
View File

Binary file not shown.

BIN
src/assets/iconfont/iconfont.woff2
View File

Binary file not shown.

12
src/controllers/constant.js
View File

@ -1285,7 +1285,7 @@ function menuToolBar (){
<div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block" <div class="luckysheet-toolbar-menu-button-caption luckysheet-inline-block"
style="user-select: none;"> style="user-select: none;">
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;"> <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont icon-dongjie" <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-none iconfont icon-dongjie1"
style="user-select: none;"> style="user-select: none;">
</div> </div>
</div> </div>
@ -1534,9 +1534,9 @@ const iconfontObjects = {
'border-none': ' iconfont icon-wubiankuang', 'border-none': ' iconfont icon-wubiankuang',
'border-all': ' iconfont icon-quanjiabiankuang', 'border-all': ' iconfont icon-quanjiabiankuang',
'border-outside': ' iconfont icon-sizhoujiabiankuang', 'border-outside': ' iconfont icon-sizhoujiabiankuang',
'border-inside': ' iconfont icon-shangbiankuang', 'border-inside': ' iconfont icon-neikuangxian',
'border-horizontal': ' iconfont icon-shangbiankuang', 'border-horizontal': ' iconfont icon-neikuanghengxian',
'border-vertical': ' iconfont icon-shangbiankuang', 'border-vertical': ' iconfont icon-neikuangshuxian',
}, },
align:{ align:{
'left': ' iconfont icon-wenbenzuoduiqi', 'left': ' iconfont icon-wenbenzuoduiqi',
@ -1547,7 +1547,7 @@ const iconfontObjects = {
'bottom': ' iconfont icon-dibuduiqi', 'bottom': ' iconfont icon-dibuduiqi',
}, },
textWrap:{ textWrap:{
'overflow': ' iconfont icon-yichu', 'overflow': ' iconfont icon-yichu1',
'wrap': ' iconfont icon-zidonghuanhang', 'wrap': ' iconfont icon-zidonghuanhang',
'clip': ' iconfont icon-jieduan', 'clip': ' iconfont icon-jieduan',
}, },
@ -1556,7 +1556,7 @@ const iconfontObjects = {
'angleup': ' iconfont icon-xiangshangqingxie', 'angleup': ' iconfont icon-xiangshangqingxie',
'angledown': ' iconfont icon-xiangxiaqingxie', 'angledown': ' iconfont icon-xiangxiaqingxie',
'vertical': ' iconfont icon-shupaiwenzi', 'vertical': ' iconfont icon-shupaiwenzi',
'rotation-up': ' iconfont icon-xiangshang90', 'rotation-up': ' iconfont icon-wenbenxiangshang',
'rotation-down': ' iconfont icon-xiangxia90', 'rotation-down': ' iconfont icon-xiangxia90',
} }
} }

12
src/controllers/freezen.js
View File

@ -119,7 +119,7 @@ const luckysheetFreezen = {
_this.freezenverticaldata = freezenverticaldata; _this.freezenverticaldata = freezenverticaldata;
// $("#luckysheet-freezen-btn-horizontal").html('<i class="luckysheet-icon-img-container iconfont icon-dongjie"></i> '+locale().freezen.freezenCancel); // $("#luckysheet-freezen-btn-horizontal").html('<i class="luckysheet-icon-img-container iconfont icon-dongjie1"></i> '+locale().freezen.freezenCancel);
// 解决freeze 不垂直居中的问题 // 解决freeze 不垂直居中的问题
const freezeHTML = ` const freezeHTML = `
@ -128,7 +128,7 @@ const luckysheetFreezen = {
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block" <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
style="user-select: none;"> style="user-select: none;">
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;"> <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-function iconfont icon-dongjie" <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-function iconfont icon-dongjie1"
style="user-select: none;"> style="user-select: none;">
</div> </div>
</div> </div>
@ -294,7 +294,7 @@ const luckysheetFreezen = {
cancelFreezenHorizontal: function (sheetIndex) { cancelFreezenHorizontal: function (sheetIndex) {
let _this = this; let _this = this;
// $("#luckysheet-freezen-btn-horizontal").html('<i class="luckysheet-icon-img-container iconfont icon-dongjie"></i> '+locale().freezen.default); // $("#luckysheet-freezen-btn-horizontal").html('<i class="luckysheet-icon-img-container iconfont icon-dongjie1"></i> '+locale().freezen.default);
// 解决freeze 不垂直居中的问题 // 解决freeze 不垂直居中的问题
const freezeHTML = ` const freezeHTML = `
@ -303,7 +303,7 @@ const luckysheetFreezen = {
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block" <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
style="user-select: none;"> style="user-select: none;">
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;"> <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-function iconfont icon-dongjie" <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-function iconfont icon-dongjie1"
style="user-select: none;"> style="user-select: none;">
</div> </div>
</div> </div>
@ -392,7 +392,7 @@ const luckysheetFreezen = {
// $("#luckysheet-freezen-btn-horizontal").html('<i class="fa fa-list-alt"></i> '+locale().freezen.freezenCancel); // $("#luckysheet-freezen-btn-horizontal").html('<i class="fa fa-list-alt"></i> '+locale().freezen.freezenCancel);
// $("#luckysheet-freezen-btn-horizontal").html('<i class="luckysheet-icon-img-container iconfont icon-dongjie"></i> '+locale().freezen.freezenCancel); // $("#luckysheet-freezen-btn-horizontal").html('<i class="luckysheet-icon-img-container iconfont icon-dongjie1"></i> '+locale().freezen.freezenCancel);
const freezeHTML = ` const freezeHTML = `
<div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block" <div class="luckysheet-toolbar-button-outer-box luckysheet-inline-block"
@ -400,7 +400,7 @@ const luckysheetFreezen = {
<div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block" <div class="luckysheet-toolbar-button-inner-box luckysheet-inline-block"
style="user-select: none;"> style="user-select: none;">
<div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;"> <div class="luckysheet-icon luckysheet-inline-block " style="user-select: none;">
<div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-function iconfont icon-dongjie" <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-function iconfont icon-dongjie1"
style="user-select: none;"> style="user-select: none;">
</div> </div>
</div> </div>

14
src/controllers/menuButton.js
View File

@ -977,9 +977,9 @@ const menuButton = {
{"text": locale_border.borderAll, "value": "border-all", "example": '<div class="luckysheet-icon luckysheet-inline-block luckysheet-material-icon luckysheet-mousedown-cancel" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-border-all iconfont icon-quanjiabiankuang" style="user-select: none;"> </div> </div>'}, {"text": locale_border.borderAll, "value": "border-all", "example": '<div class="luckysheet-icon luckysheet-inline-block luckysheet-material-icon luckysheet-mousedown-cancel" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-border-all iconfont icon-quanjiabiankuang" style="user-select: none;"> </div> </div>'},
{"text": locale_border.borderOutside, "value": "border-outside", "example": '<div class="luckysheet-icon luckysheet-inline-block luckysheet-material-icon luckysheet-mousedown-cancel" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-border-outside iconfont icon-sizhoujiabiankuang" style="user-select: none;"> </div> </div>'}, {"text": locale_border.borderOutside, "value": "border-outside", "example": '<div class="luckysheet-icon luckysheet-inline-block luckysheet-material-icon luckysheet-mousedown-cancel" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-border-outside iconfont icon-sizhoujiabiankuang" style="user-select: none;"> </div> </div>'},
{"text": "", "value": "split", "example": ""}, {"text": "", "value": "split", "example": ""},
{"text": locale_border.borderInside, "value": "border-inside", "example": '<div class="luckysheet-icon luckysheet-inline-block luckysheet-material-icon luckysheet-mousedown-cancel" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-border-inside iconfont icon-sizhoujiabiankuang" style="user-select: none;"> </div> </div>'}, {"text": locale_border.borderInside, "value": "border-inside", "example": '<div class="luckysheet-icon luckysheet-inline-block luckysheet-material-icon luckysheet-mousedown-cancel" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-border-inside iconfont icon-neikuangxian" style="user-select: none;"> </div> </div>'},
{"text": locale_border.borderHorizontal, "value": "border-horizontal", "example": '<div class="luckysheet-icon luckysheet-inline-block luckysheet-material-icon luckysheet-mousedown-cancel" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-border-horizontal iconfont icon-sizhoujiabiankuang" style="user-select: none;"> </div> </div>'}, {"text": locale_border.borderHorizontal, "value": "border-horizontal", "example": '<div class="luckysheet-icon luckysheet-inline-block luckysheet-material-icon luckysheet-mousedown-cancel" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-border-horizontal iconfont icon-neikuanghengxian" style="user-select: none;"> </div> </div>'},
{"text": locale_border.borderVertical, "value": "border-vertical", "example": '<div class="luckysheet-icon luckysheet-inline-block luckysheet-material-icon luckysheet-mousedown-cancel" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-border-vertical iconfont icon-sizhoujiabiankuang" style="user-select: none;"> </div> </div>'}, {"text": locale_border.borderVertical, "value": "border-vertical", "example": '<div class="luckysheet-icon luckysheet-inline-block luckysheet-material-icon luckysheet-mousedown-cancel" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-border-vertical iconfont icon-neikuangshuxian" style="user-select: none;"> </div> </div>'},
{"text": "", "value": "split", "example": ""}, {"text": "", "value": "split", "example": ""},
{"text": "<span id='luckysheet-icon-borderColor-linecolor' class='luckysheet-mousedown-cancel' style='border-bottom:3px solid #000;'>"+ locale_border.borderColor +"</span>", "value":"borderColor", "example":"more"}, {"text": "<span id='luckysheet-icon-borderColor-linecolor' class='luckysheet-mousedown-cancel' style='border-bottom:3px solid #000;'>"+ locale_border.borderColor +"</span>", "value":"borderColor", "example":"more"},
{"text": ""+ locale_border.borderSize +"<img id='luckysheetborderSizepreview' width=100 height=10 src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==' style='position:absolute;bottom:-5px;right:0px;width:100px;height:10px;'>", "value":"borderSize", "example":"more"} {"text": ""+ locale_border.borderSize +"<img id='luckysheetborderSizepreview' width=100 height=10 src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==' style='position:absolute;bottom:-5px;right:0px;width:100px;height:10px;'>", "value":"borderSize", "example":"more"}
@ -1443,7 +1443,7 @@ const menuButton = {
const _locale = locale(); const _locale = locale();
const locale_textWrap = _locale.textWrap; const locale_textWrap = _locale.textWrap;
let itemdata = [ let itemdata = [
{"text": locale_textWrap.overflow, "value": "overflow", "example": '<div class="luckysheet-icon luckysheet-inline-block" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-textwrap-overflow iconfont icon-yichu" style="user-select: none;"> </div> </div>'}, {"text": locale_textWrap.overflow, "value": "overflow", "example": '<div class="luckysheet-icon luckysheet-inline-block" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-textwrap-overflow iconfont icon-yichu1" style="user-select: none;"> </div> </div>'},
{"text": locale_textWrap.wrap, "value": "wrap", "example": '<div class="luckysheet-icon luckysheet-inline-block" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-textwrap-wrap iconfont icon-zidonghuanhang" style="user-select: none;"> </div> </div>'}, {"text": locale_textWrap.wrap, "value": "wrap", "example": '<div class="luckysheet-icon luckysheet-inline-block" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-textwrap-wrap iconfont icon-zidonghuanhang" style="user-select: none;"> </div> </div>'},
{"text": locale_textWrap.clip, "value": "clip", "example": '<div class="luckysheet-icon luckysheet-inline-block" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-textwrap-clip iconfont icon-jieduan" style="user-select: none;"> </div> </div>'} {"text": locale_textWrap.clip, "value": "clip", "example": '<div class="luckysheet-icon luckysheet-inline-block" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-textwrap-clip iconfont icon-jieduan" style="user-select: none;"> </div> </div>'}
]; ];
@ -1499,7 +1499,7 @@ const menuButton = {
{"text": locale_rotation.angleup, "value": "angleup", "example": '<div class="luckysheet-icon luckysheet-inline-block" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-angleup iconfont icon-xiangshangqingxie" style="user-select: none;"> </div> </div>'}, {"text": locale_rotation.angleup, "value": "angleup", "example": '<div class="luckysheet-icon luckysheet-inline-block" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-angleup iconfont icon-xiangshangqingxie" style="user-select: none;"> </div> </div>'},
{"text": locale_rotation.angledown, "value": "angledown", "example": '<div class="luckysheet-icon luckysheet-inline-block" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-angledown iconfont icon-xiangxiaqingxie" style="user-select: none;"> </div> </div>'}, {"text": locale_rotation.angledown, "value": "angledown", "example": '<div class="luckysheet-icon luckysheet-inline-block" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-angledown iconfont icon-xiangxiaqingxie" style="user-select: none;"> </div> </div>'},
{"text": locale_rotation.vertical, "value": "vertical", "example": '<div class="luckysheet-icon luckysheet-inline-block" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-vertical iconfont icon-shupaiwenzi" style="user-select: none;"> </div> </div>'}, {"text": locale_rotation.vertical, "value": "vertical", "example": '<div class="luckysheet-icon luckysheet-inline-block" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-vertical iconfont icon-shupaiwenzi" style="user-select: none;"> </div> </div>'},
{"text": locale_rotation.rotationUp, "value": "rotation-up", "example": '<div class="luckysheet-icon luckysheet-inline-block" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-rotation-up iconfont icon-xiangshang90" style="user-select: none;"> </div> </div>'}, {"text": locale_rotation.rotationUp, "value": "rotation-up", "example": '<div class="luckysheet-icon luckysheet-inline-block" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-rotation-up iconfont icon-wenbenxiangshang" style="user-select: none;"> </div> </div>'},
{"text": locale_rotation.rotationDown, "value": "rotation-down", "example": '<div class="luckysheet-icon luckysheet-inline-block" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-rotation-down iconfont icon-xiangxia90" style="user-select: none;"> </div> </div>'}, {"text": locale_rotation.rotationDown, "value": "rotation-down", "example": '<div class="luckysheet-icon luckysheet-inline-block" style="user-select: none;opacity:1;"> <div aria-hidden="true" class="luckysheet-icon-img-container luckysheet-icon-img luckysheet-icon-rotation-rotation-down iconfont icon-xiangxia90" style="user-select: none;"> </div> </div>'},
]; ];
@ -1824,10 +1824,10 @@ const menuButton = {
let itemdata = [ let itemdata = [
{"text": locale_sort.asc, "value": "asc", "example": '<i class="iconfont icon-shengxu" aria-hidden="true"></i>'}, {"text": locale_sort.asc, "value": "asc", "example": '<i class="iconfont icon-shengxu" aria-hidden="true"></i>'},
{"text": locale_sort.desc, "value": "desc", "example": '<i class="iconfont icon-jiangxu" aria-hidden="true"></i>'}, {"text": locale_sort.desc, "value": "desc", "example": '<i class="iconfont icon-jiangxu" aria-hidden="true"></i>'},
{"text": locale_sort.custom+"...", "value": "diysort", "example": '<i class="iconfont icon-jiangxu" aria-hidden="true"></i>'}, {"text": locale_sort.custom+"...", "value": "diysort", "example": '<i class="iconfont icon-zidingyipaixu" aria-hidden="true"></i>'},
{"text": "", "value": "split", "example": ""}, {"text": "", "value": "split", "example": ""},
{"text": locale_filter.filter, "value": "filter", "example": '<i class="iconfont icon-shaixuan2" aria-hidden="true"></i>'}, {"text": locale_filter.filter, "value": "filter", "example": '<i class="iconfont icon-shaixuan2" aria-hidden="true"></i>'},
{"text": locale_filter.clearFilter, "value": "clearfilter", "example": '<i class="iconfont icon-shaixuan2" aria-hidden="true"></i>'} {"text": locale_filter.clearFilter, "value": "clearfilter", "example": '<i class="iconfont icon-qingchushaixuan" aria-hidden="true"></i>'}
]; ];
let itemset = _this.createButtonMenu(itemdata); let itemset = _this.createButtonMenu(itemdata);

Write Preview
Loading…
Cancel
Save