From 118c07cf483aceedc18c6103a6022cd99485b8d9 Mon Sep 17 00:00:00 2001 From: FE_Daizhen <934621328@qq.com> Date: Sun, 3 Jul 2022 18:23:10 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=95=99=E8=A8=80=E6=9D=BF?= =?UTF-8?q?=EF=BC=8C=E4=B8=BB=E9=A2=98=E8=89=B2=E8=AE=BE=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 40 +++--- plugins/css/conponent.css | 73 ++++++++++ plugins/img/icon-close.png | Bin 0 -> 1559 bytes plugins/img/icon-msg_1.png | Bin 0 -> 3136 bytes plugins/js/conponents.js | 229 ++++++++++++++++++++++++------ plugins/js/jquery-1.11.3.js | 5 + plugins/layer/layer.js | 2 + plugins/layer/mobile/layer.js | 2 + plugins/layer/mobile/need/layer.css | 1 + plugins/layer/theme/default/icon-ext.png | Bin 0 -> 5911 bytes plugins/layer/theme/default/icon.png | Bin 0 -> 11493 bytes plugins/layer/theme/default/layer.css | 1 + plugins/layer/theme/default/loading-0.gif | Bin 0 -> 5793 bytes plugins/layer/theme/default/loading-1.gif | Bin 0 -> 701 bytes plugins/layer/theme/default/loading-2.gif | Bin 0 -> 1787 bytes 15 files changed, 286 insertions(+), 67 deletions(-) create mode 100644 plugins/img/icon-close.png create mode 100644 plugins/img/icon-msg_1.png create mode 100644 plugins/js/jquery-1.11.3.js create mode 100644 plugins/layer/layer.js create mode 100644 plugins/layer/mobile/layer.js create mode 100644 plugins/layer/mobile/need/layer.css create mode 100644 plugins/layer/theme/default/icon-ext.png create mode 100644 plugins/layer/theme/default/icon.png create mode 100644 plugins/layer/theme/default/layer.css create mode 100644 plugins/layer/theme/default/loading-0.gif create mode 100644 plugins/layer/theme/default/loading-1.gif create mode 100644 plugins/layer/theme/default/loading-2.gif diff --git a/index.html b/index.html index 30858ac..ddea239 100644 --- a/index.html +++ b/index.html @@ -5,18 +5,14 @@ 组件库 + + -
animate__backInLeft
+ +
animate__backInLeft
animate__backInRight
animate__bounceInLeft
animate__bounceInRight
@@ -29,20 +25,15 @@
animate__zoomIn
animate__slideInLeft
animate__slideInRight
- - - - + + - + diff --git a/plugins/css/conponent.css b/plugins/css/conponent.css index 94ec8ce..34738ee 100644 --- a/plugins/css/conponent.css +++ b/plugins/css/conponent.css @@ -151,6 +151,9 @@ background-image: url('../img/icon-vx_1.1.png'); /* background-image: url('../img/icon-qrcode_1.png'); */ } +.conponent_fixed_item.message .icon{ + background-image: url('../img/icon-msg_1.png'); +} .conponent_fixed_item.phone .icon{ background-image: url('../img/icon-phone_1.png'); } @@ -198,3 +201,73 @@ margin-top: 8px; border-radius: 50%; } + +/* 留言板 */ +.conponent_dialog{ + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(3, 3, 2, .8); + z-index: 99999; +} +.conponent_dialog_box{ + position: relative; + margin: 30vh auto 0; + padding: 10px 30px; + width: 40%; + border-radius: 8px; + background-color: #FFF; +} + +.conponent_dialog_box .title{ + padding: 15px 0; + display: block; + text-align: left; + font-size: 20px; + color: #333; +} +.conponent_dialog_box .context{ + padding-bottom: 20px; + text-align: left; + color: #333; +} +.conponent_dialog_box .input{ + margin-bottom: 12px; + padding: 8px 12px; + display: block; + width: 100%; + border: 1px solid #E5E5E5; + border-radius: 4px; + box-sizing: border-box; +} +.conponent_dialog_box .textarea{ + padding: 12px; + display: block; + resize: none; + width: 100%; + height: 100px; + border: 1px solid #E5E5E5; + border-radius: 4px; + box-sizing: border-box; +} +.conponent_dialog_box .btn{ + display: inline-block; + margin-top: 15px; + padding: 10px 40px; + background: #3454BE; + color: #FFF; + border-radius: 6px; + font-size: 16px; + line-height: 1; +} +.conponent_dialog_box .close{ + position: absolute; + top: 20px; + right: 20px; + width: 30px; + height: 30px; + background: url('../img/icon-close.png') no-repeat center center; + background-size: 80%; +} \ No newline at end of file diff --git a/plugins/img/icon-close.png b/plugins/img/icon-close.png new file mode 100644 index 0000000000000000000000000000000000000000..ff4d7ec80623830485f20f5d2d70a88e3f32b26d GIT binary patch literal 1559 zcmV+y2I%>TP)Px)(Md!>RCr$PT2E}0MHGK;*S3Lr@t|J35ET;Bn4pPV^q?0n5@MGqCO{$_s0lRb zpLt)K2-(my-I>|#0Z0TBF#!%hS~$Q(6VZbn;KBtCBBVX&#f!w)9!$H>yv=-@&!)|O z^X>P2uyp6t?)U!w=FQBT_Xc5;58UMbLl=N<1Z;8yx=Ub_2S9fd>@I=s67WD^c6Ro) zm6a7HqDLNVxsY0G-|Xw_TO1x9{@X`k>?KgGR^O=C>-R-CBA!r6P5CIwlGYe=82~;7 zfS-uyeIH%10WikA3IGp7;fOe)l+r%RvY<7_Tm*pqPWF8w8t~B*8vqfiwLXc6$0Hz& zDWzt86sAdQjQIut4n<_{BcdxlI=ldIAXE@Bh=6cRDRst2X&SV~n6m(IB$UO>2ZJDx zXz&`|05}k8h&UPnVMr-;&P#I}#KxFY0B|fK;xG}NPa-lA0HSEE5r}w5DfMjhk+GJxEdU${ZEr+z9LQ<|ZW{mx zLi8w-JYi5Nbv=$_acGP&Ujjfh@0cW_N*vx+G^qgKKnRl&`S)J{C=t=kRtB{CuC)#j zvFU8uNmyzCFf&%G)j4J!bWSY+z#tKQ-^$62zE>)h(L$k6i<~x7N~se`<*mn;8UP~v z>eZ{gi;Ii%0PvAh_7^jkf*|J`)5%H0fz2!s~k`0Eh+C)6*~a_V!97yz4AlSY2H$O-@eU-N-^~?S5vC zrnBdWXvoVWPvXn~5IeNiuOQ+a0PJ$1{Gg|&XK-|Mv~jJD4r}cv%pASQoF}5gp8j}~ zX9|E=W3Am*uh-`hai_EHUa?p#jg5^x2(7i&ehdKfa+0{;E)mfIZ*LMXWDbCfgdHvt z8h3SOzFR01N=m5(V~m^_vS0K%`>znuz68D`V#x&n7YPF{61F=_ZzJL**eRFwvxl}HfC5y~$`W-}+J3~{3P7z^+qt^BDjVK< zOW?-x^77tib_rN(2bfvb{|-0BcbNGUB1$Q(u?ZsLHKo+vXKoX$)oR<_%r}lfM3ii> zaST=}mEDCxL4au-gNS%pDfL-i>mc(bAc>Hhc{u?j2aqgKZiv5zPHL?O1%xmWLd1(o zse^fdkSPG`rNS-&y0_LjV~limq^J^(&Q67`wJ*7uf6sZe;8NfXFGE`E1BiGb0>W7$ z`Xb9n$Rq;Xby(K*2hR9E5K-3r?N-hhW2Dm~h1PJKCZge1d`Z8j4uBLywrtrlhltIB zh=l$4`1sFpjnrBXA>vmdea93;%H?wJ)~#D*=65^eAG;dBt+>vIbjBDdf=CA_92Fv( z^p(?!KD7u~uP9ot*Gm%<6W_HmVx#ZY+EHe17DbtPDhPt7vnU$r(ThK+mBo!QQV5lf zP-8Iji6974dz+9-1Xyb?Fmtnj;p%_alFs~EK5Ol9W4`IUjT&ui9C_Xsz;v$00%Y=yuzk=6eR_~fzW)Lz|0SWAb8zJ zUTgr|E79LXc-lRBAA{GU&E=t_D3;fvh`18%>a=ToTKv^&_3dJ@_-JHgl51z!LF002ov JPDHLkV1kN%!*l=u literal 0 KcmV+b0RR6000031 diff --git a/plugins/img/icon-msg_1.png b/plugins/img/icon-msg_1.png new file mode 100644 index 0000000000000000000000000000000000000000..a0284ac65f42ea497303bf4edf7c4a8dad6b0e53 GIT binary patch literal 3136 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 a0Q?XAIQ7h}frr5W0000