From d4cc2b1b6771f622dde6970e0f73c30b18176baa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BB=A3=E9=9C=87?= <934621328@qq.com> Date: Fri, 13 May 2022 00:32:29 +0800 Subject: [PATCH] =?UTF-8?q?=E6=82=AC=E6=B5=AE=E7=BB=84=E4=BB=B61.0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/common.css | 361 ---------------------------------------- css/conponent.css | 116 ------------- fixed.html | 56 +++++++ img/icon-phone_1.png | Bin 1862 -> 0 bytes img/icon-top_1.png | Bin 635 -> 0 bytes index.html | 62 +++---- js/conponents.js | 34 ---- plugins/css/common.css | 361 ++++++++++++++++++++++++++++++++++++++++ plugins/css/conponent.css | 200 ++++++++++++++++++++++ plugins/img/icon-feedback_1.png | Bin 0 -> 2751 bytes plugins/img/icon-phone_1.png | Bin 0 -> 1862 bytes plugins/img/icon-qrcode_1.png | Bin 0 -> 572 bytes plugins/img/icon-top_1.png | Bin 0 -> 635 bytes plugins/img/icon-vx_1.1.png | Bin 0 -> 1549 bytes plugins/img/icon-vx_1.png | Bin 0 -> 2152 bytes plugins/js/conponents.js | 116 +++++++++++++ 16 files changed, 766 insertions(+), 540 deletions(-) delete mode 100644 css/common.css delete mode 100644 css/conponent.css create mode 100644 fixed.html delete mode 100644 img/icon-phone_1.png delete mode 100644 img/icon-top_1.png delete mode 100644 js/conponents.js create mode 100644 plugins/css/common.css create mode 100644 plugins/css/conponent.css create mode 100644 plugins/img/icon-feedback_1.png create mode 100644 plugins/img/icon-phone_1.png create mode 100644 plugins/img/icon-qrcode_1.png create mode 100644 plugins/img/icon-top_1.png create mode 100644 plugins/img/icon-vx_1.1.png create mode 100644 plugins/img/icon-vx_1.png create mode 100644 plugins/js/conponents.js diff --git a/css/common.css b/css/common.css deleted file mode 100644 index 4eb5b86..0000000 --- a/css/common.css +++ /dev/null @@ -1,361 +0,0 @@ -@charset "utf-8"; - -/** - * stylesheet file - * 公共样式文件 - * @author: Dai Zhen - * @scene: - * @copyright: null - */ - - - -/* ================================================================================= */ -/* common style */ -/* ================================================================================= */ - -html { - font-family: PingFangSC, "Helvetica Neue", Helvetica, STHeiTi, 'Microsoft Yahei', Arial, sans-serif; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} - - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -app-business, -summary { - display: block; -} - -audio, -canvas, -progress, -video { - display: inline-block; - vertical-align: baseline; -} - -audio:not([controls]) { - display: none; - height: 0; -} - -[hidden], -template { - display: none; -} - -svg:not(:root) { - overflow: hidden; -} - -a { - background: none; - text-decoration: none; - -webkit-touch-callout: none; - /*禁用长按页面时的弹出菜单(iOS下有效)*/ - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - /*去掉iOS点击链接时默认的灰色半透明覆盖层*/ - color: inherit; -} - -a:active { - outline: 0; -} - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -img { - border: 0 none; - vertical-align: middle; -} - -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} - -pre { - overflow: auto; - white-space: pre; - white-space: pre-wrap; - word-wrap: break-word; -} - -code, -kbd, -pre, -samp { - font-family: monospace; - font-size: 1em; -} - -button, -input, -optgroup, -select, -textarea { - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-appearance: none; - color: inherit; - font: inherit; - margin: 0; - border: 0 none; - background: transparent; - outline: none; -} - -button, -select { - text-transform: none; -} - -button, -input[type="button"], -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; - cursor: pointer; -} - -button[disabled], -input[disabled] { - cursor: default; -} - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -input { - line-height: normal; -} - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; - padding: 0; -} - -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -input[type="search"] { - -webkit-appearance: textfield; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -legend { - border: 0; - padding: 0; -} - -textarea { - overflow: auto; - resize: vertical; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -button, -input, -select, -textarea { - font-family: "Helvetica Neue", Helvetica, STHeiTi, 'Microsoft Yahei', Arial, sans-serif; -} - -ul, -ol { - list-style: none; -} - -li { - display: list-item; - text-align: -webkit-match-parent; -} - -input:focus { - outline: none; -} - -input::-moz-placeholder, -textarea::-moz-placeholder { - color: #aaa; -} - -input:-ms-input-placeholder, -textarea:-ms-input-placeholder { - color: #aaa; -} - -input::-webkit-input-placeholder, -textarea::-webkit-input-placeholder { - color: #aaa; -} - -html, -body, -div, -span, -applet, -object, -iframe, -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -a, -abbr, -acronym, -address, -big, -cite, -code, -del, -dfn, -em, -img, -ins, -kbd, -q, -s, -samp, -small, -strike, -strong, -sub, -sup, -tt, -var, -b, -u, -i, -center, -dl, -dt, -dd, -ol, -ul, -li, -fieldset, -form, -label, -legend, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td, -article, -aside, -canvas, -details, -embed, -figure, -figcaption, -footer, -header, -hgroup, -menu, -nav, -output, -ruby, -app-business, -summary, -time, -mark, -audio, -video { - margin: 0; - padding: 0; -} - -/*浮动*/ - -.fl { - float: left; -} - -.fr { - float: right; -} - -.clearfix { - *zoom: 1; -} - -.clearfix:after { - content: ""; - display: table; - line-height: 0; - font-size: 0; - clear: both; -} - -.hide, -.dn { - display: none; -} - -.tal { - text-align: left !important; -} -.tar { - text-align: right !important; -} - -body { - min-height: 100vh; - margin: 0; - font-size: 14px; - -webkit-overflow-scrolling: touch; - color: #333; - background-color: rgba(222, 233, 244, .9); -} - diff --git a/css/conponent.css b/css/conponent.css deleted file mode 100644 index 1945dac..0000000 --- a/css/conponent.css +++ /dev/null @@ -1,116 +0,0 @@ -@charset "utf-8"; - -/** - * stylesheet file - * 组件库样式文件 - * @author: Dai Zhen - * @scene: - * @copyright: null - */ - - - -/* ================================================================================= */ -/* 右下角悬浮组件 */ -/* ================================================================================= */ -.conponent_fixed{ - position: fixed; - right: 30px; - bottom: 50px; - width: 50px; -} - -.conponent_fixed_item{ - position: relative; - margin-top: 5px; - padding: 5px; - width: 40px; - height: 40px; - text-align: center; - background: #FFF; - cursor: pointer; - color: #AAA; - border-radius: 4px; - box-shadow: 0px 0px 2px rgba(33, 33, 33, .1); -} - -.conponent_fixed_item .item { - position: inherit; - width: 100%; - height: 100%; - z-index: 99; -} -/* 图标 */ -.conponent_fixed_item .icon{ - display: block; - width: 100%; - height: 100%; - background: url('../img/icon-top_1.png') no-repeat center center; - background-size: 75% 75%; - transition: all 0.3s; -} -.conponent_fixed_item:hover .icon{ - opacity: 0; -} - -/* 文字 */ -.conponent_fixed_item .text { - position: absolute; - top: 0; - left: 0; - padding: 4px 0; - width: inherit; - height: inherit; - line-height: 18px; - opacity: 0; - transition: all 0.3s; - box-sizing: border-box; -} -.conponent_fixed_item .text.word_2{ - line-height: 36px; -} -.conponent_fixed_item:hover .text{ - opacity: 1; -} - -/* 浮窗: 文字或者图片 */ -.conponent_fixed_item .pop{ - display: none; - padding-right: 6px; - position: absolute; - top: 0; - right: 50px; - z-index: 9; -} -.conponent_fixed_item .pop .msg{ - padding: 5px 15px; - color: #444; - font-size: 18px; - line-height: 40px; - white-space: nowrap; - border-radius: 4px; - background: #FFF; - box-shadow: 0px 0px 2px rgba(33, 33, 33, .1); -} -.conponent_fixed_item:hover .pop{ - display: block; - animation: fadeIn 0.5s; -} - -.conponent_fixed_item.phone .icon{ - background-image: url('../img/icon-phone_1.png'); -} -.conponent_fixed_item.totop .icon{ - background-image: url('../img/icon-top_1.png'); -} - -@keyframes fadeIn { - 0% { - opacity: 0; - right: -110px; - } - 100% { - opacity: 1; - right: 50px; - } -} \ No newline at end of file diff --git a/fixed.html b/fixed.html new file mode 100644 index 0000000..84b2132 --- /dev/null +++ b/fixed.html @@ -0,0 +1,56 @@ + + + + + 组件库 + + + + +
+ +
+
+ + 意见
反馈 + +
+ +
+ +
+
+ + +
+
+
+

微信公众号

+ +
+
+
+ +
+
+ + 客服
电话 + +
+
+
0551-6668888
+
+
+ +
+
+ + + 置顶 +
+
+
+ + diff --git a/img/icon-phone_1.png b/img/icon-phone_1.png deleted file mode 100644 index 5fd1758e494b7a8bd00daeb9dd8dacee45b9a83b..0000000000000000000000000000000000000000 GIT binary patch literal 0 KcmV+b0RR6000031 literal 1862 zcmV-M2f6r(P)Px+07*naRA@u(S$m8fWfec?o7=~xK?n`B0&OHnBoKjMqP2DR&Y9b#RBd@A5Q-39 z3W*hpgrGDe;vYVdM*)ct%0pTLZFttyljY!z-1_Z2+JiNUxm$ zuv0{S6$HU(Cu4T)+I8gk`1o=FSS}*VV}J?yHURiB5xF8@3V~=e8lR1#=pg|3TuRAC z5xF}Ef)|P?R@!E>`N;zZ4qWYd-Zw<#n1nxyqVLygwOjJa%MHR>dle$ymk35g3jja! zegD^am35*^z!+n`m!f%^h|bF+I~NFMUIPGkrU0zk^*W!`Jqb z(Gx_yUSDO5c`OlRj9FH#R-f-BxZm%iqoYUf-@pH#DIiw|L2!RJd0jy?o6S?hFjRx* zwW0vx^}g@l(XWAd`ReuhvBsFcrRXmtq9;1>cLl-Bj{?BO%3SoazrHbgvAMBb}ZDqkEL8v0$k+)NPG+KUizqY{hAnji@7D#M_DWYp{RA!AGe ztrHQw)DyF2&6>A(@#1$9by*-@6p=F!@t3~uUpkF;6%y^7`=*HeJnNWe9jCnjaFo8# z#+X+tmC8$lgM)u4q_ITek&%&khv3c!#vMBW@u>W@4e{C_|D9d zL(VlsbPsAl5{99MQLTY>{X#?@2!h~6&0?b{S|cJ?#NQkdQ4ZmUMBUZeLL6?v^(uPO$cdeJ{?C%Wu~%d{qJF&s!C?oPW+Z6I<-P)r_wJmmYM$o0G|SYZA5g|G=f+wB0q>9 z)+M!CZC8ho{~c{Uw?L#rXD4qs=gt?AO|jr)qZ(JPD=$59}AsFYbX8QAP81>0`8o9BQ-63cw%DWr^Ca; zJwtpad8K(`Y;5ck`}XbocdY0cBGQ)Ql*P=Nx@ZccYcmmDkjKj(*u{3vJ*US=qmY)4 zh`71!P8_A(ikL<}{e+0V`=J6+uh&m7#_Y*y)N4d^d`{Y~WThRaL`!@(G-c2Wp1I2I zn3N7et&ZmjdiLkH9jE`!m@(t^B}0)+jEP)Px%HAzH4RA@u(nCnr)Fc5^#9nb-E03C!&1#|!t z$)lK4Bw4Z{8F|J(633Rl+r5X=(1{<-iSM7z3qV9}iAesrD$LAlyT=0sD!??-`4yOE z{j#f^R}zD?l;*0+WZ8si^zhAp3O=x%)C%?<6taE+PV307Jy=#FH{_}Sq%W+p)y_C>Xd7z zT!6l9I%{YOVACSvy=O87JY)BP9ee-=LVNERWT#{W%;wQyZIjyD##m=(qZk0VGWYlG zgpS?4ti&ji1fX=-Pa;|~^J9OpV*n21o9P+XLpyd7KuQ&f0r1%=rDI0{ID?t3-H1G* zzGdcbP3i=I3nD@XhZlnOc{+-5BX+i zEAIg41L$|lDBI-ZK%flcvN`|;0YV-uX(3NFvoA+U0O*kLB9bWDHYFA4SrH$Rd%xbR zgH 组件库 - - - -
- -
-
- - 客服电话 - -
-
-
0551-6668888
- -
-
- -
-
- - 返回顶部 - -
-
-
- - + + + + + + + + + diff --git a/js/conponents.js b/js/conponents.js deleted file mode 100644 index 7257e7e..0000000 --- a/js/conponents.js +++ /dev/null @@ -1,34 +0,0 @@ -/** - * 常用组件库 - * -**/ - -/* 网站右下角悬浮常用组件 */ - -function Fixed() { - this.fixed = null - this.setting = { - type: '1', - colorStyle: 'blue' - } -} - -// 初始化 -Fixed.prototype.init = function(opt){ - extend(this.setting, opt) - this.create() -} -// 创建元素 -Fixed.prototype.create =function(){ - this.fixed = document.createElement('div') - this.fixed.className = 'conponent_fixed' - this.fixed.innerHTML = '

123

' - - document.body.appendChild(this.fixed) -} - -function extend(defaultVal, newVal) { - for(var e in newVal) { - defaultVal[e] = newVal[e] - } -} \ No newline at end of file diff --git a/plugins/css/common.css b/plugins/css/common.css new file mode 100644 index 0000000..4eb5b86 --- /dev/null +++ b/plugins/css/common.css @@ -0,0 +1,361 @@ +@charset "utf-8"; + +/** + * stylesheet file + * 公共样式文件 + * @author: Dai Zhen + * @scene: + * @copyright: null + */ + + + +/* ================================================================================= */ +/* common style */ +/* ================================================================================= */ + +html { + font-family: PingFangSC, "Helvetica Neue", Helvetica, STHeiTi, 'Microsoft Yahei', Arial, sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +app-business, +summary { + display: block; +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden], +template { + display: none; +} + +svg:not(:root) { + overflow: hidden; +} + +a { + background: none; + text-decoration: none; + -webkit-touch-callout: none; + /*禁用长按页面时的弹出菜单(iOS下有效)*/ + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + /*去掉iOS点击链接时默认的灰色半透明覆盖层*/ + color: inherit; +} + +a:active { + outline: 0; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0 none; + vertical-align: middle; +} + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +pre { + overflow: auto; + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +code, +kbd, +pre, +samp { + font-family: monospace; + font-size: 1em; +} + +button, +input, +optgroup, +select, +textarea { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-appearance: none; + color: inherit; + font: inherit; + margin: 0; + border: 0 none; + background: transparent; + outline: none; +} + +button, +select { + text-transform: none; +} + +button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + line-height: normal; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +legend { + border: 0; + padding: 0; +} + +textarea { + overflow: auto; + resize: vertical; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +button, +input, +select, +textarea { + font-family: "Helvetica Neue", Helvetica, STHeiTi, 'Microsoft Yahei', Arial, sans-serif; +} + +ul, +ol { + list-style: none; +} + +li { + display: list-item; + text-align: -webkit-match-parent; +} + +input:focus { + outline: none; +} + +input::-moz-placeholder, +textarea::-moz-placeholder { + color: #aaa; +} + +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #aaa; +} + +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #aaa; +} + +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +app-business, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; +} + +/*浮动*/ + +.fl { + float: left; +} + +.fr { + float: right; +} + +.clearfix { + *zoom: 1; +} + +.clearfix:after { + content: ""; + display: table; + line-height: 0; + font-size: 0; + clear: both; +} + +.hide, +.dn { + display: none; +} + +.tal { + text-align: left !important; +} +.tar { + text-align: right !important; +} + +body { + min-height: 100vh; + margin: 0; + font-size: 14px; + -webkit-overflow-scrolling: touch; + color: #333; + background-color: rgba(222, 233, 244, .9); +} + diff --git a/plugins/css/conponent.css b/plugins/css/conponent.css new file mode 100644 index 0000000..94ec8ce --- /dev/null +++ b/plugins/css/conponent.css @@ -0,0 +1,200 @@ +@charset "utf-8"; + +/** + * stylesheet file + * 组件库样式文件 + * @author: Dai Zhen + * @scene: + * @copyright: null + */ + + + +/* ================================================================================= */ +/* 右下角悬浮组件 */ +/* ================================================================================= */ +.conponent_fixed{ + position: fixed; + right: 30px; + bottom: 50px; + width: 50px; +} + +.conponent_fixed_item{ + position: relative; + margin-bottom: 5px; + padding: 5px; + width: 50px; + height: 50px; + text-align: center; + background: #FFF; + cursor: pointer; + color: #AAA; + border-radius: 4px; + box-sizing: border-box; + box-shadow: 0px 0px 2px rgba(33, 33, 33, .1); +} + +.conponent_fixed_item .item { + position: inherit; + width: 100%; + height: 100%; + z-index: 99; +} +/* 图标 */ +.conponent_fixed_item .icon, +.conponent_fixed_item .icon_hover{ + display: block; + width: 100%; + height: 100%; + background: url('../img/icon-top_1.png') no-repeat center center; + background-size: 75% 75%; + transition: all 0.3s; +} +.conponent_fixed_item:hover .icon{ + opacity: 0; +} +.conponent_fixed_item .icon_hover{ + position: absolute; + top: 0; + left: 0; + width: inherit; + height: inherit; + opacity: 0; +} +.conponent_fixed_item:hover .icon_hover{ + opacity: 1; +} + +/* 文字 */ +.conponent_fixed_item .text { + position: absolute; + top: 0; + left: 0; + padding: 2px 0; + width: inherit; + height: inherit; + font-size: 12px; + line-height: 18px; + opacity: 0; + transition: all 0.3s; + box-sizing: border-box; +} +.conponent_fixed_item .text.word_2{ + line-height: 36px; +} +.conponent_fixed_item:hover .text{ + opacity: 1; +} + +/* 浮窗: 文字或者图片 */ +.conponent_fixed_item .pop{ + display: none; + padding-right: 6px; + position: absolute; + right: 50px; + bottom: 0; + z-index: 9; +} +.conponent_fixed_item .pop .msg{ + padding: 5px 15px; + color: #444; + font-size: 18px; + line-height: 40px; + white-space: nowrap; + border-radius: 4px; + background: #FFF; + box-shadow: 0px 0px 2px rgba(33, 33, 33, .1); +} +.conponent_fixed_item:hover .pop{ + display: block; + animation: fadeIn 0.5s; +} + +@keyframes fadeIn { + 0% { + opacity: 0; + right: 80px; + } + 100% { + opacity: 1; + right: 50px; + } +} + +.conponent_fixed_item .pop .img{ + padding: 12px; + font-size: 12px; + background-color: #FFF; + border-radius: 4px; + box-shadow: 0px 0px 2px rgba(33, 33, 33, .1); +} +.conponent_fixed_item .pop .img p{ + padding-bottom: 5px; + color: #444; + line-height: 1.3; +} +.conponent_fixed_item .pop .img img { + display: block; + width: 128px; +} + + + +.conponent_fixed_item.feedback .icon{ + background-image: url('../img/icon-feedback_1.png'); +} +.conponent_fixed_item.qrcode .icon{ + background-image: url('../img/icon-vx_1.png'); +} +.conponent_fixed_item.qrcode .icon_hover{ + background-image: url('../img/icon-vx_1.1.png'); + /* background-image: url('../img/icon-qrcode_1.png'); */ +} +.conponent_fixed_item.phone .icon{ + background-image: url('../img/icon-phone_1.png'); +} +.conponent_fixed_item.totop .icon{ + background-image: url('../img/icon-top_1.png'); +} + +.conponent_fixed_item.totop{ + margin-bottom: unset; +} +.conponent_fixed_item.totop._hide{ + max-height: 0; + padding: 0; + animation: topFadeOut 0.3s; +} +@keyframes topFadeOut { + 0% { + max-height: 50px; + padding: 5px 0; + } + 100% { + max-height: 0; + padding: 0; + opacity: 0; + } +} +.conponent_fixed_item.totop._show{ + max-height: 50px; + padding: 5px 0; + animation: topFadeIn 0.3s; +} +@keyframes topFadeIn { + 0% { + max-height: 0; + opacity: 0; + } + 100% { + max-height: 50px; + opacity: 1; + } +} + +/* 组件风格设置 */ +.conponent_fixed.circle .conponent_fixed_item{ + margin-top: 8px; + border-radius: 50%; +} diff --git a/plugins/img/icon-feedback_1.png b/plugins/img/icon-feedback_1.png new file mode 100644 index 0000000000000000000000000000000000000000..8bf65063a89f21220469a417192c026d5b548ad1 GIT binary patch literal 2751 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 FV1kBhA@KkJ literal 0 KcmV+b0RR6000031 diff --git a/plugins/img/icon-phone_1.png b/plugins/img/icon-phone_1.png new file mode 100644 index 0000000000000000000000000000000000000000..5fd1758e494b7a8bd00daeb9dd8dacee45b9a83b GIT binary patch literal 1862 zcmV-M2f6r(P)Px+07*naRA@u(S$m8fWfec?o7=~xK?n`B0&OHnBoKjMqP2DR&Y9b#RBd@A5Q-39 z3W*hpgrGDe;vYVdM*)ct%0pTLZFttyljY!z-1_Z2+JiNUxm$ zuv0{S6$HU(Cu4T)+I8gk`1o=FSS}*VV}J?yHURiB5xF8@3V~=e8lR1#=pg|3TuRAC z5xF}Ef)|P?R@!E>`N;zZ4qWYd-Zw<#n1nxyqVLygwOjJa%MHR>dle$ymk35g3jja! zegD^am35*^z!+n`m!f%^h|bF+I~NFMUIPGkrU0zk^*W!`Jqb z(Gx_yUSDO5c`OlRj9FH#R-f-BxZm%iqoYUf-@pH#DIiw|L2!RJd0jy?o6S?hFjRx* zwW0vx^}g@l(XWAd`ReuhvBsFcrRXmtq9;1>cLl-Bj{?BO%3SoazrHbgvAMBb}ZDqkEL8v0$k+)NPG+KUizqY{hAnji@7D#M_DWYp{RA!AGe ztrHQw)DyF2&6>A(@#1$9by*-@6p=F!@t3~uUpkF;6%y^7`=*HeJnNWe9jCnjaFo8# z#+X+tmC8$lgM)u4q_ITek&%&khv3c!#vMBW@u>W@4e{C_|D9d zL(VlsbPsAl5{99MQLTY>{X#?@2!h~6&0?b{S|cJ?#NQkdQ4ZmUMBUZeLL6?v^(uPO$cdeJ{?C%Wu~%d{qJF&s!C?oPW+Z6I<-P)r_wJmmYM$o0G|SYZA5g|G=f+wB0q>9 z)+M!CZC8ho{~c{Uw?L#rXD4qs=gt?AO|jr)qZ(JPD=$59}AsFYbX8QAP81>0`8o9BQ-63cw%DWr^Ca; zJwtpad8K(`Y;5ck`}XbocdY0cBGQ)Ql*P=Nx@ZccYcmmDkjKj(*u{3vJ*US=qmY)4 zh`71!P8_A(ikL<}{e+0V`=J6+uh&m7#_Y*y)N4d^d`{Y~WThRaL`!@(G-c2Wp1I2I zn3N7et&ZmjdiLkH9jE`!m@(t^B}k}@P)Px$_DMuRRA@u(TJ3RzFbq{DYcxr_Nt4NxY|v4;i zu=D2<&rd|xl2{P&QBs~KO9J>SxgjD-+1~(gD=7blh;Z{?u7l}oZL5CG^+ z9t8nd;g!XYl3@cNDAO#!%7{K=_}H!}w5}7Ur2W(=lp;G=?1XtBMN7>BXD=m6wSm_f z4UJjvr0`#^m1V|@Sf49?+|cAos{LKx6W2aS?*7LC;MM%Ono&L={mZQLr}j~OLoY** zRo03^3?SA!W|1}%K)zk&NKesz_E9fTip{EGht< z)i|d#08<WtDib6}rDk{1R+D9Ip%($WMf9LXHGy^F%5v`?UWBFZA%NhyyCK^fK@DzC+>(yLn6DMBnUkNV+rf6$2jHU>Cr?tButNa5eTNGY)uhmrm0000< KMNUMnLSTZG$@eh; literal 0 KcmV+b0RR6000031 diff --git a/plugins/img/icon-top_1.png b/plugins/img/icon-top_1.png new file mode 100644 index 0000000000000000000000000000000000000000..275f7a89cc28d44ae544a09781e3f506c53447ee GIT binary patch literal 635 zcmV->0)+jEP)Px%HAzH4RA@u(nCnr)Fc5^#9nb-E03C!&1#|!t z$)lK4Bw4Z{8F|J(633Rl+r5X=(1{<-iSM7z3qV9}iAesrD$LAlyT=0sD!??-`4yOE z{j#f^R}zD?l;*0+WZ8si^zhAp3O=x%)C%?<6taE+PV307Jy=#FH{_}Sq%W+p)y_C>Xd7z zT!6l9I%{YOVACSvy=O87JY)BP9ee-=LVNERWT#{W%;wQyZIjyD##m=(qZk0VGWYlG zgpS?4ti&ji1fX=-Pa;|~^J9OpV*n21o9P+XLpyd7KuQ&f0r1%=rDI0{ID?t3-H1G* zzGdcbP3i=I3nD@XhZlnOc{+-5BX+i zEAIg41L$|lDBI-ZK%flcvN`|;0YV-uX(3NFvoA+U0O*kLB9bWDHYFA4SrH$Rd%xbR zgHjeH zXlY1#a%EF`PE=!hYhyWNB0oL~Ja{^IZE$U6bYUQPZES9HI(R)IVPtP&WjbziI&Eci zVJ{*ecsh7(aCB=uB0*$tVr3v$O;8|1Z*pZIH7+(SV=*&0AU8QKF*P|jGBhk8GB7bV zFEBYTF*GeOF*-0gIxsOHARr(hARr(jJ_;Z_a%5&YQba}|cx`NMb2@TlW<4TkbaZe! zFE4j@cP@7`E^l&YFEKeeIWI6WFETPMa%5&Lb9rubVR$WWb0Z=?3Lqdna%5&YL}hbh za%pgMX>V>Ia%5&YVPbD}bUh*>FFpz&JTG!&W;#+tMm`EWFL*k5ZE$U6bYVUUJU@7F zVPk7$bRcDJWIZBsB0oMLNv=8o00ezWL_t(&f$iC8h*f16!13Q)XVgXqEp5RqvPGq+ zh!!o|tf9q7gp4+5HSt4IQGKXB1PKu>6iA3A7Da?5ZDd%eEt=ULkv3S86)m>uq=}|u zAD(la>-FAq?wxyQ`q2F0aL?R%-se2ed*1h1-b*jN{J&|KxT3Y%G5v8Aj>TaZgG2EX z*5G^mfDQNt|J2LaQZ!a5*MuuD2}fc$_D4$z*}t(B+wnOb!{VAPEkh*^OvYW9P@&G| z?u;d&W6<9&h1<8g!LZUW)1X09T?<9iMk5-o(ZA zQdr7?TQLs<>-CT#4#10;Q4eLs4qT6ilKY+YctFZ?=i-ifD9Up#9xeF0(g;-x_v6A^ z6yzNkiU%+tMRp6G!W$LpejiU@bB5e3HB46Cfje=0hU`7K23KK0hU`kr6v1F7wx!6P zhl?`wl_iJcaA}6zZ+JDi|24Vao+AGaK1=SGi;SGcy<&4$O%9ic%$mj!k&s}tn6ai5 z`BO#i*bfuYUiAN6_(hZ)FcJqZ{x zb2{U7t>i?6`3Pr;Zml~w8*>UDxE zx>1VTae8u}RpN{;bYKUjihBR(jDf{$7PFfb?^|Ry^)0CMuxem&OZlVD#=9DJi&?Gb z0YD`*m1^pL$28eBd?CYx6Mxjhsw&t~?pWnumDMbHn#AmHS6eizmiBTE%#z*Y6w*%^ z-YClBo}#T(Gd%?7ml?1TuL)zvicLFG)cZ?BHXbf2$)4B`uat6NlvqNAw22djXT?S* z+Qt4DBplixTEtd8WBkWhRB8!*DKh5n#Gt!HhJ8?{@x-kEDboFh{1JJMUX-I@p>&R6j{Bk&U$By zgR(uLy1N{J*TvqMS4W+ziofVi2Z$PJ2F?&iB(*X{k>wA+&)dN`NGI%kxLpyQ`9crT7xLNuM>v@gAyHm z{YP)0m|dd%Ok=5tXh+~Ov3y?Ac_i6OFTLPjn~&bn7b0TM00000NkvXXu0mjf`(dd8 literal 0 KcmV+b0RR6000031 diff --git a/plugins/img/icon-vx_1.png b/plugins/img/icon-vx_1.png new file mode 100644 index 0000000000000000000000000000000000000000..8589e1b84e041e6d3eb7e5c85ebc6c82f10064bb GIT binary patch literal 2152 zcmV-u2$%PXP)Px-B1uF+RA@u(SPhI_RT2K?ye->eiA2i=ilkbBL|26f8*$z4eRJPi&}i3!DT-2c zff6Iuzi2c?1GxN>6~i^a4G=v%A3;DsA@kE8Iaqi zeZmF{Y62)0i)X9q<*M49=(rQWrna`W2in`)#~K|(M7oIRTmY+7b$K#>5WqTS{!OFx z&5ly_U+qS7cE+}iikd&7~@%0UF-Y)J=0cJWx*5x zBJvXe7Xz@%coj3>Iu{#>NDF{(0r+~NZ!I(1UbB+J0Eo!<0DO&zo{8i51HSL?ot5?~ zi;KnL$KyD@-G(egec%7?Z1$J{AR=aUv&guruJV0<`)m}~TN{RT?iHHEm0=SEr&zlth z5xL8<1%SJm*)qoz5s|+EFc2nJGV@inHce9R`eb~Fncp#aZhwFOaZwcQ2Vi%DnK_&Z z2uiF!lq~LGW=nO4$}MB zT5TN#LGUXg>QvPa`M&?ldR7pT(-$mQ@OW2O*TF{C5|Lv8oCCl@@}m{=hXFjKsxM?R znJA9q7FB&VlgT_5MbU_={xO%!J=sWqI!+?;S1bLQOs2iNyZcYgE^IVUM6LtyIh&Wz zk9$=$cFrwR)y{hBiRjTdjt7Y7=gjM8j0ihUqp0*sxAd!6y)d$3lnWq)s3})m}_#TDoppf*`O=br}(* zwPcTTuGjOtrz-D2IpwM9S-$T-)U@_V6N4bQiHI%&@QA7o64BaZ%2$~A>Y3`bbzvB; zR#nTEM%N3YqochmSFU`y>{Su5i)I(DZgFZ5I=yimm)WJNUPnaM{8-4GpUq~ChR<4( zyJg|muBx~AzHi0?rEyC{`<-)Vc6WC_Gu_=pWB|bXh-kg4TCP7{RX^qX{-){bsy9Cf z0_zBO09cY5r(8V3FnmB&duHN=LZPt6Ik!nwe{Yu*z-It#VCHfPt(2q+|1hEIeUmR_ zau(|VF9$H}oLlXAo>7^89+*LiRfh_>he7Ak!CFyhT;9HdNzP7 z60X0vR4Og&>FJr05Jco|03S|tpUcel|6vk_;lrxhk%Zu7)hd3<3at26(rH8eZ2)&L z^W>ae70=+{;DUn(4_bR^6#NPz`aXa=nc2c(mJ&1Nl3s*2GO3!!S^lP(B? z;Deb==0(r*EF`B$p-_0Yb8a^g{b34$3WDHiB3f#>Je$p0Xw;PCFcxlm06Y%hBXgN~ zYHgfQ@dE&!ugUCX=!1`a64KAtHOpc)#!a_c!w1Y{vKP z+t)fgJp3Ob8mmcRMMQ0rdNfx=EZoXfQB^k)(I)|1!pt|#=75dX7K_DG;y5-E`cy3s zSmjGOi*;()x^?SOOO`C@F*X^;aS6a~-}iT?KvngpM6_lmskqUBCy(15AtGa`gH-{D z$Q{OGj2bxS?kkl_ea^WHRrPJPHmj(>Ra?mE9Whb+?uy=qxGis#k9UusTULs20J&lQ8#LU(-%}RnG_y!SuCs8u-b~Wb! zY=eZqo2$!RSQJHH&E;}ct7!7&WRrK0dy=r>E!9 zW)59BCr#A=)-bbir3slg00{`|g$=|P6K{;Esy*G%9&MqYajKqCvy e_xKU-f&T&$=Aor+)&LR!0000