diff --git a/examples/App.vue b/examples/App.vue index 8a7efef9d58a0121e35bbf1ffa1b747bfac7fa97..76ddad920a1f8df631c12616db6f847761072b12 100644 --- a/examples/App.vue +++ b/examples/App.vue @@ -1,6 +1,6 @@ diff --git a/src/components/imagePreview/src/imagePreview.vue b/src/components/imagePreview/src/imagePreview.vue index 4bce90f427d6949af57a53a37c808873bdfae3b3..7de8e36dd6da342fdf985a67daefea3f47fd589c 100644 --- a/src/components/imagePreview/src/imagePreview.vue +++ b/src/components/imagePreview/src/imagePreview.vue @@ -2,10 +2,11 @@
-
-
x
-
- +
+
x
+
+
+
@@ -14,8 +15,12 @@ diff --git a/src/style/icon.css b/src/style/icon.css new file mode 100644 index 0000000000000000000000000000000000000000..429a564f82dde5fba6737a31ba12ee5e4718a580 --- /dev/null +++ b/src/style/icon.css @@ -0,0 +1,16 @@ +@font-face {font-family: "iconfont"; + src: url('./icon/iconfont.eot?t=1615792130622'); /* IE9 */ + src: url('./icon/iconfont.eot?t=1615792130622#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAARoAAsAAAAACUAAAAQaAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDKgqFXIR4ATYCJAMUCwwABCAFhG0HUxsHCFGULkqJ7AtsG/Y0GN3AQYcAKCEA7DE52BCqKJFgYxEEPSAent/ff2sf3D+iGlihKCcoNCOpTSk/TRcjnd96u2nV3EuhdLbPE0OoWpaSEAlNyLbWLAW0VfwRpigfWaHCnbscLnTSXElhAxcz15t/PfvJb530CG7S1N4GjVBBnvR2Y/KqYblJP9zPdOl/YPns21AmmBUWDTga8MCiAkd2xydKN4xdXMZ1Ap0MY6hl968fUFVo8wKxPw4VVGNapYQUOiianK1FXFDSIZ1MAefd34+vJtGBpGbaTat23vlw+UF/vMqbFtt33tj0Zwazi4wpQCH25lq3K/jRKbROUnrRAqCDPinxQX84fLxqfUTY89fCKZV2Qv/wkqwQDU3aBcoX4VjhgzZRgg97lMSHA0rm4xX/pkirvaUTOuMdQMynyce4luSGrIfaA4IwzFgfPsrbZ+bUOoAr/gxjIMLZDNNvHiZ4rR2HsWlMgyyo53qOxb8z57v80e5r9knsgKkNx28bX593Pz/tfHnW9faipauS2WQdSLIi4h74h5+f9mP6dfYGHT+9xdmsqqUhnWsBrUkl3dUN2RaCdG46athg8ffXLwd2X7POBJFtWMRdG7yO6teXVwOh83FeF9aDZzHJ/bwMu3qNzUtvK1nY8kEwugYsvhxyjhKLwXvX2K5sqnpTTWX74kFsOsP6ff/XrW7scfcKLaGWl6eSZmyI2eG46RYzKAe/8cRm+WQJOOmBHh660mfUQ8fTY0fBDp+eoQO/9MReqDed0eHw0BxmHqR9sXdwdwflodzdXa5zws4u5ELezg5sc9JzsA8OupF292TezMSpCMPcHnkxDIPb8xJ2vZg81fPEhGl6ejLouPW8OTg7WFJX/7AY9HXD2vddkAtZ2Bc5/sDD9Vebm5qJoAKEebIKCRCwvPW46uQCphCovS+eXxiFEELd0WAJAFrD2+gPYBbuwbg4cAvW/EbTDG13/2/qXv6/Q+drOPD2cEpC7hZqi3oy+Bd4tXk/Da9mR5EFmq4WsdrkivFqqcJNNtNJN/CzJOnl9iPvWzuf0EHfEJI2QyHrYAy2EKdA1dkcaHSwEDqZLOzurLemIEpHTDIBhB4WJN20Q9bDxhbigaqfB40ekaGTDdE4srNxsad+w6SEfIwrFM/ZwDBI3St8ozDTiqMCl/xFPIsDSNNmJBMPZIn7WNHn4WRIgMzOoAe3kdYOK7uEPBlkkekxTt+Z96VBcgbqlmJEEcSHohUkPI4V2P1FPfXzb0gooylcUlNi/ELYTDw8IpargX2Q2lo15zK6mwtNDCLAsxhzDOShmWg96qCaPylBPGIgtwhPHUPUi+tKB+PLzTXmfbZ1tQ9rpMhRokajw3a3sNopv7J2zvTFVt0RJZPaMlN2HVkaAAAA') format('woff2'), + url('./icon/iconfont.woff?t=1615792130622') format('woff'), + url('./icon/iconfont.ttf?t=1615792130622') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ + url('./icon/iconfont.svg?t=1615792130622#iconfont') format('svg'); /* iOS 4.1- */ + } + + .iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } \ No newline at end of file diff --git a/src/style/icon/iconfont.eot b/src/style/icon/iconfont.eot new file mode 100644 index 0000000000000000000000000000000000000000..30dd2927cd514c12e4710cf602b160e020d8c0d0 Binary files /dev/null and b/src/style/icon/iconfont.eot differ diff --git a/src/style/icon/iconfont.js b/src/style/icon/iconfont.js new file mode 100644 index 0000000000000000000000000000000000000000..71c9614ec5781631ab4206ead52bf80472e2dd01 --- /dev/null +++ b/src/style/icon/iconfont.js @@ -0,0 +1 @@ +!function(t){var e,n,o,c,a,i,l='',d=(d=document.getElementsByTagName("script"))[d.length-1].getAttribute("data-injectcss");if(d&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(t){console&&console.log(t)}}function s(){a||(a=!0,o())}e=function(){var t,e,n,o;(o=document.createElement("div")).innerHTML=l,l=null,(n=o.getElementsByTagName("svg")[0])&&(n.setAttribute("aria-hidden","true"),n.style.position="absolute",n.style.width=0,n.style.height=0,n.style.overflow="hidden",t=n,(e=document.body).firstChild?(o=t,(n=e.firstChild).parentNode.insertBefore(o,n)):e.appendChild(t))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(e,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),e()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(o=e,c=t.document,a=!1,(i=function(){try{c.documentElement.doScroll("left")}catch(t){return void setTimeout(i,50)}s()})(),c.onreadystatechange=function(){"complete"==c.readyState&&(c.onreadystatechange=null,s())})}(window); \ No newline at end of file diff --git a/src/style/icon/iconfont.json b/src/style/icon/iconfont.json new file mode 100644 index 0000000000000000000000000000000000000000..527c57d22a4f0ad1f01333be75c2f299b1a8b73e --- /dev/null +++ b/src/style/icon/iconfont.json @@ -0,0 +1,37 @@ +{ + "id": "2420760", + "name": "vue插件", + "font_family": "iconfont", + "css_prefix_text": "icon", + "description": "", + "glyphs": [ + { + "icon_id": "15838464", + "name": "download", + "font_class": "download", + "unicode": "e66c", + "unicode_decimal": 58988 + }, + { + "icon_id": "15838552", + "name": "zoom-in", + "font_class": "zoom-in", + "unicode": "e683", + "unicode_decimal": 59011 + }, + { + "icon_id": "15838554", + "name": "zoom-out", + "font_class": "zoom-out", + "unicode": "e684", + "unicode_decimal": 59012 + }, + { + "icon_id": "18790813", + "name": "旋转", + "font_class": "xuanzhuan", + "unicode": "e741", + "unicode_decimal": 59201 + } + ] +} diff --git a/src/style/icon/iconfont.svg b/src/style/icon/iconfont.svg new file mode 100644 index 0000000000000000000000000000000000000000..f908ce8aaf809b06b487cc8548f740956cd37049 --- /dev/null +++ b/src/style/icon/iconfont.svg @@ -0,0 +1,38 @@ + + + + + +Created by iconfont + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/style/icon/iconfont.ttf b/src/style/icon/iconfont.ttf new file mode 100644 index 0000000000000000000000000000000000000000..e1e76a80c61ec00f24ebbecfe3f194993f2e7184 Binary files /dev/null and b/src/style/icon/iconfont.ttf differ diff --git a/src/style/icon/iconfont.woff b/src/style/icon/iconfont.woff new file mode 100644 index 0000000000000000000000000000000000000000..83af8071308c8ebf9268b3717d2f6de513de106c Binary files /dev/null and b/src/style/icon/iconfont.woff differ diff --git a/src/utils/data-util.js b/src/utils/data-util.js new file mode 100644 index 0000000000000000000000000000000000000000..f38189b8f0f82392e30df3e8957f6f004c544f88 --- /dev/null +++ b/src/utils/data-util.js @@ -0,0 +1,4 @@ +export const strSplit = function(str, type) { + if (!type) return str; + return str.split(type); +};