Commit 560d94a8 by LJM

css

parent 821b29c7
Showing with 2892 additions and 12 deletions
......@@ -55,6 +55,12 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe798;</span>
<div class="name">矩形</div>
<div class="code-name">&amp;#xe798;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe793;</span>
<div class="name">矩形备份 14 (4)</div>
<div class="code-name">&amp;#xe793;</div>
......@@ -313,9 +319,9 @@
>@font-face {
font-family: 'iconfont';
src:
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABSUAAsAAAAAJ2gAABRGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACHGgq5eK9fATYCJAOBJAtUAAQgBYRnB4MGGzchVUaGjQMgz7YbHBWlERNl/39JkEeMyY2vXuPw5J3CCWbTQfFuUBzpwloTSLp82SSQDrrZT5mykT8Svg0nCMsrb1hdGqHRS7OhlPB87vd5bpKXTwR+17W6rGoEoFyQRSNYyLq6ClkHlBjVSQDw8LZ7N382tbOZiUKx3Sg3SSmaohQxy4pieNrmv7tDPZBD7rAODMBExIxPCCrRngWCLsBaBStZ46qE6ap01e7/uaj2R3UBBBzOWWnk/oWLMBur2SeP/ppcqHCh4uA5UFrXew1gH5YrI63DyglSlZUzkUBW6vqyfOBLvkBGWp/xmkgkBkBQt3SKqL8vfz9XWiBQpbiUhatV7//k4CdLOf6Xo1xpc5zD5Ii7vRIqJle1KWG2zLK2DthXqApVXdWpVxXOtxiJpGkYZJOFumWT0f2VjJbNYDitB5HWySijnpBGjJhs/34/CEjaO6Xaz3GSLbBvmgy2oeDeVopZZ3E7j3kTL+IOG/aiQU4iqEPdBq/lx5fPMcWhRBV2Q9eWLvvyA7+1N5yhH2fp9cHJFYiABmvNCuR+L7/VV7KWYlKlNZ4BCzOh3svvEKQuVHDp/sc86ypo6+jq6RsYGhmbmJqZa2hqSUnLyMrJKygqKauoqqlLSIqzYoSiGRGkxlqnAfJDmDc6z1m04SBCKQ6BRRcOs+jBERZ9OMpiAMdYDOE4ixGcYDGGkywmcIrFFE6zmMEZTi/MIg1wSBM80oKApCAiaUhIBjKShYLk4EDycCIFuJAi3EgJHqQML1KBD6lCRWrQkDp0JAEDScKEgjh8BQvfIAbfQeAHKPgJGn6Bgd9NyMFCnBvgIRJDRjpn7Eb50ss81ILBU1VoyikT4grV+I6pLKJnUU8wIhy/w27BXHXIcg6blk53gzhDJ8zaTKZAPK4TMiKeFJDRHE4s1o3CMk0sna5EEDxatqORLDMJDj1TiYiNCRVLlKIxn8pxVgT7yc/TnLQWLZFOKJFRjXns2Agul5mPocrBMkVCLk8o2tswSv+1xQL2jXOlOGYBzQTUfoI4ydO4KMiP5ynhyvUqSYH0LNYig6BwRz63FiAbuuV5wpUYi+th1ATmrAG73DOOVm20sWtE9zJk+UFkiZvvgV2nCldaWzCmRv8aEVoa+cfhxNSV2eo48v0RnSMHjoEdY5fToG3vM6p7pGozFDWByq+zLeIVplJzpUSe7rbBgY6h4aUdA4Odw8uiNJVJorNM5fm3+t4xefx+9PCkOvFgfZRyK7H6xyecYnnOdeJjkqYcRXnAaJaJCRF9D20BX/qF22KjQsW9H7gtVGpUJMLXQFNiQSZM7R6v1lIsePCVc+W4Jk1TFH2c5//H1TDiOcxLpZ/ULG8i0xPvAkHVumZJHBEexOY6DOVCG5pagk4YFXpoCZ11pdPYF043CoT7xthELU24gLUfjoogjnWuFcZQ4QyeYCzhNqpTU0WHTbFZZatX2mqrU0VXBdEPu3K7TlaujpuQmtyeFUbTTuIC5LZKe5y5jQ8vk2t/VHBPn5v35DsNRG+YFXOdpABqotnzf0n/0++H5EayzO8Os3OH5OHz0cWj6siFTEuAOetbuA24c55zOc5b2jEqaEBExjM0uHhNBurtg3cG8Q+XQRYg1CVVRshT7RFAoJcDVxMdrrLMkD+qe3TQBTqfW2KB4Cm0Oqo9aCx/3y4GB+GpkOGyKTMJui1qgUyeJSOoKspzr+TXCuGkzVmmk2TKBKjvXToGkMcv30cVUHT2IgugyfOfEdsh7iys3+/lzaTnC2PI8fRPy75u573cksNJT08jzbx5WXufS+zJv+5v/wsN7mnsm5gyA6/e7e+Py1Qn8wr+onFr3pPsu9LB/q9fFeHmhfVtvnsiHyGbBEVtb6Q60DLqLpuAK0KAJ7Lu3Avakz11BXZtq05cW9x/6Bzs0heOHJy8/mjurzHS2tCaOC7RdW7i51YGC49LKQ43Kje34BodudbgG8AOo/JNhruFLB6YyDsdr1hpZbpqxbgJW71qLbWj5BcZ0MoR6OrYlqpSxNjYmzrFwsHuNxI/kYxcgS2JvAh6GLt8cRy7fNGsDH2cqOqTe+8cmwBZi7KVPZMmlfZ4nn+qB3ulWT+B/VN310+utzS53N/+WE4tvlkkRXCW/PJIZ9/d8NTbRz8nxYm7ez016cD0/O2bqwM+Ei3WRrS4O6oWZaHiIrXBvF6dd2vT764s79CuOmqMOiNbvaMyX3kQbHQvjaEwasitJYmbFvGAMbBDU0cXTYMbYF4cb+0a7Fyin8nn0Uv14oui4e1il3uYrHe6IcnKFaYwnfhlCnWq3/VwAJp8c01/d0NMi7sL8u9zjgtTjiUyfXf3RMLKk9nJXGXvlSYtPdziuLFNEpFlwc0gD5il46kP9ZxbSSpfNCbg2buY3c1R/XV78uChQC5BJWffZaCcpOfGqaCtvitZevmpBiEo9pLLaeT+WP3aUwoVKiqNjn4OL06AAGW6EGoDkBahKC5gG7ftOU+TWZ7TBTv8l0NcuuQZN2dzz9y+i58EAb2RzZoz+wzmGqgFWTyMDUCmXxIfkUWib2/u03TjQXdxWy/RnjpDBdRXiOEqQkH7No+/yFTpG6OXrFyW/5zwHaFOEpmmUZ6rLPtjcdYN4kf6L4qTnOBPeHVSZiKWoMcI5X8jVAFKujxTCbWPa/2cAPsnALx3Bk5mkv2fElwjVcXDvSQk/Zwh6WP091OPzqX04my2d9akPV9RrzSJgooQv8QSAL3++JD3p4LjU8CuORh++2OKqcFmzjn9GYV4L/z0peUp9j10sDZtz/tsbz/z1GR+7iAPNfS0ePBZjfb1mJ5zzV01b4R8tyslwk6vNTjpjVwj/ABWSnxees/4TCsqOld2X/aYj8ToVxTO80X/PLQ93PvpAfa4G14LQ65OtUKow5ypl0j0meZzArv0ktNxbmPRoY6Ra33d0+0Cfe34Ime+3V7gLBwm0F1gL3QOQyygtyH87pBx/hb6MCbkCrFbfVXHF5VC2m5QOO9wSBif23+QJ74nPTx8+IcBFsElWG0iD31kinScAwisOV16ysk/9ytCiZOSsCz+LIbFPq8P7yb9XfrF0aHq35/98cMfdSZMwBNiMkzIE2DS7ZmKMiqD6V+kY+ivsbdh0BAcmXQf/fvIOn6WU8E+hn/zLhUNGZTJqN3YxwVPfnw8oYT9Z/ci6YhD2UDQNQ9kGiQSg0Ngp+Pa6fvYmAslF2JKhDfw/4Knr2bVT3ZHuhv22O823z1VOuL0SL0TuLUNR5qboBC7sSvTJJGYHAI7HddO38elXyy7mF4m3nhQcjHPI/J/qve6/CJkTU+Ph5pVs6q9oXN9R8tOZYiKVtSnbfftLstdqceq+fSpXR7/KoLnnz2Nd3m0k70/CK4xKS6r2jKeGkPXyj/uWQ34iLfVkWJLXr482ZbiuE8gzN5tyY6U+wqvbqmntWxUaemostafCATC6fmnzW1U/7Avbl9v36Y+V1LemwqLa3Pf5k39mCquf/NHe/fFGRb7Nvb29scB/trRIxuS6hIXLkysTWq4KjDM3usSG5KuKDTCBB/pW8/mLiYBemlOSaUDP/9C0cm//DxgNK5VH1mlxxVQKsOsFpAzrPAarQ9Uw6pY5ea108hpHZYalhIMwd10fJWfjde3Lp7bg3dzu1NS/Fw/GPpHBc6Gr1MeYzgXxzYp1A4mdBjGcGw2RmCLOfHeTbcF+7i+1X4fiaPdlHD11KRS1SKV6OOOqilHsj2xrpJ65mD989tv/7AczyqpxLpku4MS+SPrMYtqpNm2JKUyyZZtEZr5Bple8pA9grdGpucbhGZLhWLCBIViZLo6TayuF2tM6q9+Gj91p/O8M/vz958pEBT8/XsxdEfpKz5nj+rQlHsye/IYrTUjoc820Y8rjc/Lz9br8qYQkxRETU5gKDDXYwRJYJGGK2ILUOVIZBUlAiu8t7BOe35jXl5jvv25wHtuzLPnP3d57ZDa9BKtWKyV6E8uWHvWivWSk8TXuiWYEBtifcjYEPqA9zB03FaMAEUIf0O8/DDNzcwfjyx4qKQ5z8vS1dW1Gg8z/ioKD0JK/VgG/p/37mz/KhQ+bw/u4/k8ngA30I+fMsoGaTRKofgXEzI9efa0Ct0DBB7vKCpyoJFp8YbbBn4ai+DhLJEyNUUpwkXhTZkqyilpy1Sok2oE1reV5MS5Au44/HpbN7riWDiPYKUZ+LfjDWl4cb6zqWRiCHJfrm0U80HYyNDLE5MU1gOw8ZZVGJzw0fKlspGUoF9Le1qnmOpehVhf1wYUvCSCY2E3ldYV7dhVWF/mJCwHyEZc6HLC9wPC3N86wpRtezb27WyVY8eNCVSAO0MY8XWZXDm5G1YcDwRS/2hTWqfS6ipqeiEQ9jMtyiOe88PQ/dUYfhhmEdhm5vQbL9wTQ0GILwgKzv3pdCatuHcmYP0+dJ8Q0QVvhQDsX2iv5LKuIL03yHbyRi+yc2frOCLK3qrwFZ+j7ejnK0Ahzp9nxXdvCD+EuwUuoUvgZse1EDenInEWwEf4E5qLmgoKmoqaPxIYBk7PH228jpc2mzMNGRmGTPOQwDAbN2cOUck5Ld28vXvNQT7d4LeTKL1UP1fI7ZYS2m169rv+oP5Y1xiMCVgVXcASMMc1gAxmfZAjmvoqezrqgaa9lJKyACggK0cQ2u+VhAXzc7xiCbgC1uDVQQwaaqjvEvVvjOAJhSw8j5ki7zUv5Na3VuDuyMEpQQ/fvuRcOhVvXpCbspDGFn19XVGTVpWqXGHeVy2qTE1VpVVayYP9797sI01WIvoRQOKQf2PpfM3hR5tr6ztzp3uSd9Qgb4weUq4Y17V60QRpcHSFRGTIDjYs+Wchjc6IV4XI3zQAamt/+e7yrluEn/iK0y8JnwSc8jY4dciL2a9wr9gxdGL+z/Bg6mC4kDn/ywcOhwbnUwDjDYO74u/nqtyZHmulxxjqSQM0N6Y5bEJ/MLl/XOh9bntD1HX0I3TULp4OMWLeD1CY/PszWCVJHjzbkuoyuh2NaxzTdoUs5HHCB1L612SmTDVOU/jWhdlOkCfsGGcw5SxYdMzHxbm+EKZMC2nDl2MpNvb82AEfaZYkyx0RnRHj5rHBnMiOyFado8FpiGyLHDMXnRcxLqLTkSxPHwc9PVoaueWwpNKjP5GXXT4Y8fRL2PT35tm1ifIEmaWa0o6XPRtT3ioYza8CakisS5BJTVVWzVjZyPGyjoTWBDXQArUDif/t1fpSf92ckSuXXoWQ6CCTSVt2ufxV0JrQkZCOb50ys9pYGZcgS9dpQBVwC9qE46Srs1JaS3WCLFE+lQ0xqlbOGRnvsL701W/xMHy8IZdYAwIO6u8JtO8OVKqW0d8wLIw39GWjr+WPxl3hLn9Pn6KReZPxCj2LvmLI2wB3tn9H1pDm2IE81dq1PjrB9a1ZrZTawutLH9UYrahQKqObNrJLmrqXwGWLehovmejj6AhNAdQJE3QcDWr1nPETOLcc3WXTGxY5YAeeMl3YkjYtDO3It+XW1+fa8p8KDFOeb3vqeqQOU3WcZc2pRl26WixWp+say0XjZp2LqpxjvlGxyTku9P2WIz4LPieHKe6L49l+f61g2gOINHDey6i8vWt7D1nB/ZZUkj27+9hZ81b1rPEoqZeK9oLP8edzQEGx7Wih0pMK+EhWgS0/39YpsLPzSp0i1eTLsRDotFAre+dvsHgtG47reFM7K9YgZjQHbdhw/JPoeHgW9KgqpAJaDUENiVP9TGfIbYjhnNTbkATif46fUmtwuaustNEopz80OOftj5FR2vW0/t1sWIIFMe+uqoDMwdXgVjbCzjZY+F+U0Zhc6NQchvF36qYoj0b2hiPTrXW11Axpi1yhUDpCIs+R7CXV6yFacVCBskWqqixlIPSGmeLkLtuiTOWfyrJg9k+x+BKVfCQtVTESjXxz6kxk7M5keoNCrVKAQg7EZIGRFnL727EDdXW9W/+XEfVkBzx8R9cRb9Erm8zb3tux44YX/juNt3To7pyivrjzYGbjbWvLnHxZxlJPbM/S2e+KjKDrfxYuaRI+6UNirifUAfgIAGF4O1L6LE+Av5GJ++GfEo/Bi8wewAoAgtcAZO6qZqP+HnEhAGoGuhrOQ6Iazj+RC34GQPimGBEhPgb+s+aHVQg7L7oNEWDiH6fh/yb+vALBa/4xI0GQ18PfhwnYish6cvhC3GagTsA3iDwZYUi5GKGHTdyC8OVW+DBOVA+/ACA87kXi4pzoIPw+AGGrPoU0pxV03KCXIiQA4VcihiLeBn+ufh9AslHybnaarYJXr0a8/+47GfhtSaxxhpX9iob+V3CTn0vNiehodrPIccqPyAH/K+/Y7gaAEKI9DxbxX4S/F+c0nrzwJq4qkHQWQIBVFH2vlr0Umv/HqL10Z5SYFqPFDf1N8JKJpBwZK+6ESVq5cumUkns0iQZMXa4YkfeJUbI+M1reV38T/I2JVHnGyvvPJN1JmLWUaTrV/xYQEgpWL8xw6qUcSR7pN6qhheDl/scQDRaw6+nyWv+FPYYkzhFHdUtJMhmoY5/mjWHbEnOBLPJ00im55/ksVT6fOHXZW0BIKJh6EbMbTr30nJ4/v29UQwshpP8/DZFicuTM1cklhP+X2IcaUBNjHNVNIlQyTgKp65hPm2K7ryHGqVWLfC+f6Biqezo7nmRY8ZS/vRtRIuh3g7LfZFGBRKExWBxcPHwCQiJikulsvliu1pvtbn84ns6X6+3+eL7en+/PK0M42mE2varRSOyvjzzXnHNicun5952Mum49vgSzhPKWIjpyG94ihHJe49YZIZF7jDWlsrapFOtaSudKtYZCrpWgqS+ELuMcDxF6a4Bud5FsOadSpLiLRVuUa0vYlprSHoTpBc7XLYdeCGXTG2IsOYTC+hjulaYOt7EAN8F11eMUi7RWQ8RQeB+g5JYB') format('woff2'),
url('iconfont.woff?t=1684381900796') format('woff'),
url('iconfont.ttf?t=1684381900796') format('truetype');
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('iconfont.woff?t=1684397920385') format('woff'),
url('iconfont.ttf?t=1684397920385') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
......@@ -342,6 +348,15 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-juxing2"></span>
<div class="name">
矩形
</div>
<div class="code-name">.icon-juxing2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-a-juxingbeifen144"></span>
<div class="name">
矩形备份 14 (4)
......@@ -730,6 +745,14 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-juxing2"></use>
</svg>
<div class="name">矩形</div>
<div class="code-name">#icon-juxing2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-a-juxingbeifen144"></use>
</svg>
<div class="name">矩形备份 14 (4)</div>
......
......@@ -2,9 +2,9 @@
font-family: "iconfont";
/* Project id 3995505 */
src:
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('~@/assets/css/font/iconfont.woff?t=1684381900796') format('woff'),
url('~@/assets/css/font/iconfont.ttf?t=1684381900796') format('truetype');
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('~@/assets/css/font/iconfont.woff?t=1684397920385') format('woff'),
url('~@/assets/css/font/iconfont.ttf?t=1684397920385') format('truetype');
}
.iconfont {
......@@ -15,6 +15,10 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-juxing2:before {
content: "\e798";
}
.icon-a-juxingbeifen144:before {
content: "\e793";
}
......
window._iconfont_svg_string_3995505='<svg><symbol id="icon-a-juxingbeifen144" viewBox="0 0 1024 1024"><path d="M512 100.273231c103.68 0 201.452308 38.518154 276.657231 106.791384 20.224 18.372923 9.629538 51.987692-17.467077 55.433847l-163.209846 20.736a32 32 0 1 1-8.073846-63.488l83.140923-10.555077-4.568616-2.56a346.190769 346.190769 0 0 0-158.759384-42.279385L512 164.273231C319.960615 164.273231 164.273231 319.960615 164.273231 512c0 192.039385 155.687385 347.726769 347.726769 347.726769 192.039385 0 347.726769-155.687385 347.726769-347.726769 0-48.443077-9.885538-95.428923-28.809846-138.830769a32 32 0 0 1 58.683077-25.580308A410.427077 410.427077 0 0 1 923.707077 512c0 227.387077-184.32 411.726769-411.726769 411.726769-227.387077 0-411.726769-184.32-411.72677-411.726769 0-227.387077 184.32-411.726769 411.72677-411.726769z m-146.766769 238.592l176.009846 80.009846c11.421538 5.179077 18.766769 16.580923 18.766769 29.124923v224a32 32 0 0 1-64 0V468.617846l-157.243077-71.483077a32 32 0 0 1-16.836923-40.054154l0.945231-2.323692a32 32 0 0 1 42.358154-15.891692z" fill="#484B59" ></path></symbol><symbol id="icon-a-juxingbeifen142" viewBox="0 0 1024 1024"><path d="M888.004923 208.009846c17.664 0 32 14.316308 32 31.980308v544.019692c0 17.664-14.336 31.980308-32 31.980308H135.995077a32 32 0 0 1-32-31.980308V239.970462c0-17.664 14.336-31.980308 32-31.980308z m-32 64H167.975385v479.980308H856.024615V272.029538zM359.364923 579.938462a32 32 0 1 1 0 64h-105.688615a32 32 0 0 1 0-64h105.688615z m416-211.928616a32 32 0 1 1 0 64H253.676308a32 32 0 0 1 0-64h521.688615z" fill="#484B59" ></path></symbol><symbol id="icon-a-juxingbeifen143" viewBox="0 0 1024 1024"><path d="M533.011692 77.804308L916.755692 412.16a32 32 0 1 1-42.043077 48.246154l-50.727384-44.209231V896c0 17.664-14.316308 32-31.980308 32H231.975385a32 32 0 0 1-32-32V416.177231L149.267692 460.406154a32 32 0 0 1-43.244307-1.102769l-1.910154-2.008616a32 32 0 0 1 3.111384-45.134769L490.988308 77.784615a32 32 0 0 1 42.023384 0zM512 144.364308L263.975385 360.428308l0.019692 503.552h496.009846v-503.532308L512 144.344615z m160 552.310154a32 32 0 0 1 0 64h-320a32 32 0 1 1 0-64h320z m0-162.776616a32 32 0 0 1 0 64h-320a32 32 0 0 1 0-64h320z" fill="#484B59" ></path></symbol><symbol id="icon-a-juxing3" viewBox="0 0 1024 1024"><path d="M633.363692 151.04a32 32 0 0 1 0 64H207.478154v596.145231h603.707077V449.890462c0-16.856615 13.056-30.680615 29.617231-31.901539l2.382769-0.098461c17.683692 0 32 14.336 32 32l0.019692 393.314461c0 17.664-14.336 32-32 32H175.478154a32 32 0 0 1-32-32V183.020308c0-17.664 14.336-32 32-32h457.885538z m237.587693 6.951385c12.603077 12.386462 12.780308 32.649846 0.393846 45.252923L456.467692 625.132308a32 32 0 1 1-45.627077-44.859077L825.698462 158.365538a32 32 0 0 1 45.252923-0.393846z" fill="#484B59" ></path></symbol><symbol id="icon-juxing1" viewBox="0 0 1024 1024"><path d="M725.597091 142.033455L939.194182 512l-213.597091 369.966545H298.402909L84.805818 512l213.597091-369.966545h427.194182z m-36.933818 64H335.36L158.72 512l176.64 305.943273h353.28L865.28 512 688.64 206.033455zM512 340.154182a171.845818 171.845818 0 1 1 0 343.691636 171.845818 171.845818 0 0 1 0-343.691636z m0 64a107.845818 107.845818 0 1 0 0 215.691636 107.845818 107.845818 0 0 0 0-215.691636z" fill="#484B59" ></path></symbol><symbol id="icon-juxing" viewBox="0 0 1024 1024"><path d="M512 250.949818c159.883636 0 309.946182 86.993455 428.288 241.570909a32 32 0 0 1 0 38.912C821.946182 686.033455 671.906909 773.050182 512 773.050182c-159.883636 0-309.946182-86.993455-428.288-241.570909a32 32 0 0 1 0-38.912C202.053818 337.966545 352.093091 250.949818 512 250.949818z m0 64c-131.188364 0-256.977455 69.073455-360.96 195.677091l-1.117091 1.396364 6.702546 8.098909c101.026909 120.087273 222.045091 186.484364 348.346181 188.858182l7.028364 0.069818c131.188364 0 256.977455-69.073455 360.96-195.677091l1.117091-1.396364-6.702546-8.098909c-101.026909-120.087273-222.045091-186.484364-348.346181-188.858182z m0 22.574546a174.475636 174.475636 0 1 1 0 348.951272 174.475636 174.475636 0 0 1 0-348.951272z m0 64a110.475636 110.475636 0 1 0 0 220.951272 110.475636 110.475636 0 0 0 0-220.951272z" fill="#979797" ></path></symbol><symbol id="icon-a-juxingbeifen14" viewBox="0 0 1024 1024"><path d="M939.613091 331.682909a32 32 0 0 1-4.421818 45.032727 667.601455 667.601455 0 0 1-100.026182 68.002909l128.884364 103.563637a32 32 0 0 1-40.09891 49.873454l-152.41309-122.484363a662.714182 662.714182 0 0 1-109.940364 35.490909l85.899636 144.500363a32 32 0 1 1-55.016727 32.698182l-98.304-165.399272a674.024727 674.024727 0 0 1-138.984727 2.629818l-57.111273 157.323636a32 32 0 0 1-60.16-21.829818l52.340364-144.174546a663.109818 663.109818 0 0 1-150.830546-46.894545 31.790545 31.790545 0 0 1-9.425454 17.221818l-128 121.344a32 32 0 0 1-44.032-46.452363l126.440727-119.854546a667.927273 667.927273 0 0 1-95.604364-65.536 32 32 0 1 1 40.610909-49.454545 600.669091 600.669091 0 0 0 382.603637 136.704 608.814545 608.814545 0 0 0 92.136727-6.981819 599.249455 599.249455 0 0 0 290.443636-129.745454 32 32 0 0 1 45.009455 4.421818z" fill="#979797" ></path></symbol><symbol id="icon-closepop" viewBox="0 0 1024 1024"><path d="M512 0c282.24 0 512 229.632 512 512 0 282.304-229.76 512-512 512-282.368 0-512-229.696-512-512 0-282.368 229.632-512 512-512z m0 64C264.96 64 64 264.96 64 512c0 246.976 200.96 448 448 448s448-201.024 448-448c0-247.04-200.96-448-448-448zM304.192 305.28a36.608 36.608 0 0 1 51.712 0l155.968 156.48 158.336-156.608a36.608 36.608 0 1 1 51.456 51.968L563.456 513.536l158.336 158.784a36.608 36.608 0 0 1-51.84 51.712L511.488 564.992l-157.184 155.52a36.736 36.736 0 0 1-51.712-0.32 36.48 36.48 0 0 1 0.256-51.712L459.84 513.28 304.064 356.992a36.608 36.608 0 0 1 0.128-51.776z" ></path></symbol><symbol id="icon-clear" viewBox="0 0 1024 1024"><path d="M521.489067 26.555733C789.572267 26.555733 1006.933333 243.882667 1006.933333 512c0 268.117333-217.361067 485.444267-485.444266 485.444267C253.371733 997.444267 36.0448 780.117333 36.0448 512 36.0448 243.882667 253.371733 26.555733 521.489067 26.555733z m192.7168 292.590934a30.344533 30.344533 0 0 0-42.9056 0l-150.186667 150.186666-150.186667-150.186666a30.344533 30.344533 0 0 0-42.9056 42.9056l150.186667 150.186666-150.186667 150.186667a30.344533 30.344533 0 1 0 42.9056 42.9056l150.186667-150.186667 150.186667 150.186667a30.344533 30.344533 0 1 0 42.9056-42.9056l-150.186667-150.186667 150.186667-150.186666a30.344533 30.344533 0 0 0 0-42.9056z" ></path></symbol><symbol id="icon-xzs" viewBox="0 0 1024 1024"><path d="M512 0c282.784 0 512 229.216 512 512s-229.216 512-512 512S0 794.784 0 512 229.216 0 512 0z m306.496 324.992c-6.688-6.24-18.592-6.72-26.24-0.96l-338.88 256.64c-6.304 4.768-17.92 5.312-24.704 1.088l-128.256-79.872a20.288 20.288 0 0 0-25.472 3.936l-14.816 17.408c-6.336 7.456-5.152 17.888 2.016 24.576l158.56 147.776c11.648 10.88 30.208 11.328 41.536 0.768l363.744-338.976c7.584-7.104 8.128-17.856 0.864-24.64z" ></path></symbol><symbol id="icon-arrtop" viewBox="0 0 1024 1024"><path d="M193.376 637.376a32 32 0 0 0 45.248 45.248L512 409.28l273.376 273.376a32 32 0 0 0 43.2 1.888l2.048-1.888a32 32 0 0 0 0-45.248l-296-296a32 32 0 0 0-45.248 0l-296 296z" ></path></symbol><symbol id="icon-arrbot" viewBox="0 0 1024 1024"><path d="M193.3824 386.6112a32 32 0 0 1 45.2352-45.2352L512 614.7584l273.408-273.408a32 32 0 0 1 43.2128-1.8432l2.048 1.8688a32 32 0 0 1 0 45.2608L534.6048 682.624a32 32 0 0 1-45.2608 0L193.3824 386.6112z" ></path></symbol><symbol id="icon-bjt" viewBox="0 0 1024 1024"><path d="M629.697939 171.287273a31.030303 31.030303 0 1 1 0 62.060606H216.684606v578.094545H802.133333V461.110303a31.030303 31.030303 0 0 1 28.703031-30.968242l2.327272-0.093091a31.030303 31.030303 0 0 1 31.030303 31.030303V842.472727a31.030303 31.030303 0 0 1-31.030303 31.030303H185.685333a31.030303 31.030303 0 0 1-31.030303-31.030303V202.317576a31.030303 31.030303 0 0 1 31.030303-31.030303h444.012606z m230.36897 6.733575a31.030303 31.030303 0 0 1 0.372364 43.876849L458.162424 631.001212a31.030303 31.030303 0 0 1-44.249212-43.504485L816.190061 178.424242a31.030303 31.030303 0 0 1 43.876848-0.372363z" ></path></symbol><symbol id="icon-dzz" viewBox="0 0 1024 1024"><path d="M512 87.808c172.3904 0 312.1408 139.7504 312.1408 312.1408 0 128.7424-55.552 250.3424-147.4048 361.3952a917.632 917.632 0 0 1-99.7888 102.8096c-11.9552 10.5472-23.0656 19.7888-33.1008 27.6992-4.352 3.456-7.936 6.144-10.496 8.0896l-21.3504 15.36-18.688-13.4144a277.0432 277.0432 0 0 1-6.2208-4.6336l-6.9376-5.4016c-10.0352-7.9104-21.1456-17.152-33.1008-27.6992a917.632 917.632 0 0 1-99.7888-102.8096c-91.8528-111.0528-147.4048-232.6528-147.4048-361.3952C199.8592 227.5328 339.6096 87.808 512 87.808z m0 64a248.1408 248.1408 0 0 0-248.1408 248.1408c0 111.616 49.5104 220.0064 132.736 320.5888a854.1952 854.1952 0 0 0 113.6896 113.408l1.6896 1.3824 1.7408-1.3568c4.8896-4.0448 10.0608-8.3712 15.4368-13.056l5.4528-4.7616a854.1952 854.1952 0 0 0 92.8-95.616c83.2256-100.608 132.736-208.9728 132.736-320.5888 0-137.0624-111.104-248.1408-248.1408-248.1408z m0 99.7376a161.792 161.792 0 1 1 0 323.6096 161.792 161.792 0 0 1 0-323.584z m0 64a97.792 97.792 0 1 0 0 195.6096 97.792 97.792 0 0 0 0-195.584z" ></path></symbol><symbol id="icon-fpp" viewBox="0 0 1024 1024"><path d="M764.003902 135.767415c17.233171 0 31.219512 13.986341 31.219513 31.219512v690.026146a31.219512 31.219512 0 0 1-48.902244 25.724878l-108.31922-74.602146-108.294244 74.577171a31.219512 31.219512 0 0 1-33.217561 1.373658l-2.197853-1.373658-108.294244-74.577171-108.31922 74.577171a31.219512 31.219512 0 0 1-48.827317-23.377171l-0.074927-2.322732V166.986927c0-17.233171 13.986341-31.219512 31.219513-31.219512z m-31.219512 62.439024H291.21561v599.389659l77.074731-53.073171a31.219512 31.219512 0 0 1 33.217561-1.348683l2.197854 1.348683L512 819.100098l108.294244-74.577171a31.219512 31.219512 0 0 1 33.242536-1.348683l2.172879 1.348683 77.074731 53.073171V198.206439zM650.614634 453.307317a31.219512 31.219512 0 1 1 0 62.439024H373.385366a31.219512 31.219512 0 0 1 0-62.439024H650.614634z m0-159.843902a31.219512 31.219512 0 0 1 0 62.439024H373.385366a31.219512 31.219512 0 0 1 0-62.439024H650.614634z" ></path></symbol><symbol id="icon-gzr" viewBox="0 0 1024 1024"><path d="M512 112.864c220.448 0 399.136 178.688 399.136 399.136 0 220.448-178.688 399.136-399.136 399.136-220.448 0-399.136-178.688-399.136-399.136C112.864 291.552 291.552 112.864 512 112.864z m0 64C326.912 176.864 176.864 326.912 176.864 512c0 185.088 150.048 335.136 335.136 335.136 185.088 0 335.136-150.048 335.136-335.136 0-185.088-150.048-335.136-335.136-335.136z m2.72 139.424a32 32 0 0 1 32 32v192c0 17.664-11.2 32-24.992 32h-149.984c-13.76 0-24.96-14.336-24.96-32s11.2-32 24.96-32h110.976v-160a32 32 0 0 1 32-32z" ></path></symbol><symbol id="icon-fz" viewBox="0 0 1024 1024"><path d="M896 96a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32h-96v96a32 32 0 0 1-28.256 31.776L768 928H128a32 32 0 0 1-32-32V256a32 32 0 0 1 32-32h96V128a32 32 0 0 1 28.256-31.776L256 96zM160 288v576h576V288H160z m704-128H288v64h480a32.096 32.096 0 0 1 29.6 19.808 31.776 31.776 0 0 1 2.304 9.792l-0.32-2.72c0.288 1.664 0.416 3.392 0.416 5.12l-0.192-3.008 0.096 0.64L800 256v480h64V160z" ></path></symbol><symbol id="icon-down" viewBox="0 0 1024 1024"><path d="M512 508.864a32 32 0 0 1 32 32v253.536l67.36-67.328a32 32 0 0 1 43.52-1.632l1.728 1.6a32 32 0 0 1 0 45.28l-121.984 121.984a32 32 0 0 1-45.248 0l-121.984-121.984a32 32 0 1 1 45.248-45.248L480 794.4v-253.536a32 32 0 0 1 32-32zM512 130.88a236.768 236.768 0 0 1 227.2 170.304l1.056 3.904h1.376a214.848 214.848 0 0 1 209.76 209.792l0.064 4.992v16.832a214.848 214.848 0 0 1-214.848 214.848 32 32 0 0 1 0-64 150.848 150.848 0 0 0 150.848-150.848v-16.832a150.848 150.848 0 0 0-150.848-150.816l-49.824-0.032-4.064-27.264a172.672 172.672 0 0 0-341.44 0l-4.064 27.264H287.392a150.848 150.848 0 0 0-150.848 150.848v16.832a150.848 150.848 0 0 0 150.848 150.848 32 32 0 1 1 0 64 214.848 214.848 0 0 1-214.848-214.848v-16.832A214.848 214.848 0 0 1 277.376 305.28l6.336-0.192 1.088-3.904a236.768 236.768 0 0 1 221.76-170.24l5.44-0.064z" ></path></symbol><symbol id="icon-dh" viewBox="0 0 1024 1024"><path d="M246.304 117.152a109.568 109.568 0 0 1 103.552 36.288l67.2 83.2a100.672 100.672 0 0 1-4.672 138.304l-38.432 36.416a10.688 10.688 0 0 0-1.44 13.28c42.272 68.288 155.84 180.992 226.144 224.288 4.16 2.56 9.504 1.92 13.344-1.92l35.296-34.464a100.928 100.928 0 0 1 132.288-8.512l9.088 7.168c12.8 9.856 44.608 34.112 78.912 60.256 5.696 4.288 10.816 9.248 15.424 14.912a109.696 109.696 0 0 1-8 146.016l-22.272 22.272a183.36 183.36 0 0 1-129.664 54.144c-12.096 0-24.192-1.216-36.064-3.616-55.072-11.136-114.624-37.344-177.216-77.664-57.376-36.864-115.968-85.088-169.728-139.552-53.44-54.144-101.248-113.6-138.464-172.192-40.192-63.264-67.2-123.328-80-178.88a182.784 182.784 0 0 1 2.592-91.872 184.736 184.736 0 0 1 46.72-78.944l18.816-18.816a108.96 108.96 0 0 1 56.576-30.08z m20.32 71.04l-2.048 0.064a36.064 36.064 0 0 0-23.232 10.56l-18.88 18.848a109.632 109.632 0 0 0-29.792 102.88c21.344 92.416 95.936 211.424 199.296 316.16 103.936 105.344 220.544 178.976 309.504 196.992a109.856 109.856 0 0 0 99.68-30.464l22.304-22.336c12.8-12.832 14.336-33.12 3.744-47.52a22.272 22.272 0 0 0-2.944-3.2l-5.568-4.32-79.328-60.64a141.76 141.76 0 0 1-3.36-2.688 27.968 27.968 0 0 0-37.376 1.92l-35.232 34.4a83.36 83.36 0 0 1-102.912 12.16c-38.624-23.68-88.512-65.152-137.92-114.368-48.608-48.416-89.28-96.768-111.968-133.44a83.744 83.744 0 0 1 12.448-104l38.4-36.352a27.52 27.52 0 0 0 2.72-35.776l-11.52-14.016-56.96-70.72a37.312 37.312 0 0 0-26.24-14.048l-2.816-0.128z" ></path></symbol><symbol id="icon-sxs" viewBox="0 0 1024 1024"><path d="M255.488 124.0064a80 80 0 0 0-58.624 134.4l193.5616 208.6144-0.0256 400.9728c0 16.896 13.056 30.72 29.6192 31.9232l2.3808 0.0768c17.664 0 32-14.336 32-32V454.4256c0-8.064-3.0464-15.8464-8.5248-21.76L243.7888 214.8864a16 16 0 0 1 11.7248-26.88h512.9728c8.832 0 16 7.168 16.0256 14.8992l-0.0512 2.2016a16 16 0 0 1-4.2496 9.7792L578.1504 432.64a32 32 0 0 0-8.5504 21.76v260.0192a32 32 0 0 0 64 0v-247.4496l193.536-208.5888a80.2048 80.2048 0 0 0 20.8128-45.5936l0.4096-4.4288 0.128-4.3776c0-44.1856-35.8144-80-80-80H255.5136z" ></path></symbol><symbol id="icon-sanjiaoji" viewBox="0 0 1024 1024"><path d="M560.526222 165.831111c14.193778 8.305778 25.998222 20.110222 34.304 34.304L903.395556 726.812444a96 96 0 0 1-82.830223 144.526223H203.434667a96 96 0 0 1-82.830223-144.497778L429.169778 200.106667a96 96 0 0 1 131.356444-34.304zM484.408889 232.476444L175.815111 759.182222a32 32 0 0 0 27.591111 48.156445h617.159111a32 32 0 0 0 27.591111-48.156445L539.648 232.476444a32 32 0 0 0-9.159111-9.955555l-2.275556-1.479111a32 32 0 0 0-43.804444 11.434666zM512 653.425778a39.992889 39.992889 0 1 1 0 79.985778 39.992889 39.992889 0 0 1 0-79.985778z m0-287.402667c17.664 0 32 14.336 32 32v192a32 32 0 0 1-64 0v-192c0-17.635556 14.336-32 32-32z" ></path></symbol><symbol id="icon-tj" viewBox="0 0 1024 1024"><path d="M512 96c229.745778 0 416 186.254222 416 416S741.745778 928 512 928 96 741.745778 96 512 282.254222 96 512 96z m0 64c-194.417778 0-352 157.582222-352 352S317.582222 864 512 864 864 706.417778 864 512 706.417778 160 512 160z m0 120.007111c17.664 0 32 14.307556 32 32v167.992889h167.992889a32 32 0 0 1 0 64h-167.992889v167.992889a32 32 0 0 1-64 0v-167.992889h-167.992889a32 32 0 0 1 0-64h167.992889v-167.992889c0-17.692444 14.336-32 32-32z" ></path></symbol><symbol id="icon-xxx" viewBox="0 0 1024 1024"><path d="M246.6304 201.3696L512 466.7648 777.3696 201.3696a32 32 0 0 1 45.2608 45.2608L557.2352 512l265.3952 265.3696a32 32 0 0 1-45.2608 45.2608L512 557.2352 246.6304 822.6304a32 32 0 0 1-45.2608-45.2608L466.7648 512 201.3696 246.6304a32 32 0 0 1 45.2608-45.2608z" ></path></symbol><symbol id="icon-ts" viewBox="0 0 1024 1024"><path d="M512 112.864c220.448 0 399.136 178.688 399.136 399.136 0 220.448-178.688 399.136-399.136 399.136-220.448 0-399.136-178.688-399.136-399.136C112.864 291.552 291.552 112.864 512 112.864z m0 64C326.912 176.864 176.864 326.912 176.864 512c0 185.088 150.048 335.136 335.136 335.136 185.088 0 335.136-150.048 335.136-335.136 0-185.088-150.048-335.136-335.136-335.136z m0 262.816a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0v-192a32 32 0 0 1 32-32z m0-111.36a40 40 0 1 1 0 80 40 40 0 0 1 0-80z" ></path></symbol><symbol id="icon-arrleft" viewBox="0 0 1024 1024"><path d="M637.370182 193.373091a32 32 0 1 1 45.265454 45.265454L409.250909 511.976727l273.384727 273.384728c11.822545 11.869091 12.450909 30.650182 1.861819 43.240727l-1.861819 2.024727a32 32 0 0 1-45.265454 0L341.364364 534.621091a32 32 0 0 1 0-45.265455L637.393455 193.396364z" ></path></symbol><symbol id="icon-del" viewBox="0 0 1024 1024"><path d="M771.2 350.72c17.664 0 32 14.336 32 32v475.2128c0 17.664-14.336 32-32 32H252.8c-17.664 0-32-14.336-32-32V382.7456a32 32 0 0 1 64 0v443.1872h454.4V382.7456c0-16.896 13.056-30.72 29.6192-31.9232l2.3808-0.0768z m-347.7248 89.1648c17.664 0 32 14.336 32 32v250.7008a32 32 0 1 1-64 0v-250.7008c0-17.664 14.336-32 32-32z m177.0496 0c17.664 0 32 14.336 32 32v250.7008a32 32 0 0 1-64 0v-250.7008c0-17.664 14.336-32 32-32z m250.5472-204.3392a32 32 0 0 1 0 64H172.928a32 32 0 1 1 0-64h678.144z m-234.3424-117.4784a32 32 0 1 1 0 64h-209.4592a32 32 0 1 1 0-64h209.4592z" ></path></symbol><symbol id="icon-hot" viewBox="0 0 1024 1024"><path d="M611.4048 119.0912L525.312 150.784l-6.3488 2.4064c-92.0832 35.8656-147.6352 101.0432-172.6208 186.2144l-1.3568 4.864-33.6896 16.8192c-71.168 35.584-111.3088 123.904-111.3088 209.1008 0 171.4432 139.4176 306.944 312.0128 306.944 171.008 0 312.0128-139.008 312.0128-306.944 0-35.0208-7.2448-64.0512-22.016-99.3024l-4.352-10.0096-9.728-21.504c-18.1248-40.0384-24.6528-62.976-24.6528-96.9472V261.632l-78.6688 18.5088-5.2736 1.3056a202.7776 202.7776 0 0 0-63.9744 28.672l-1.5616 1.1008-0.256-3.6608c-1.5104-22.5536-2.048-49.408-2.0992-82.1248l-0.0256-106.3424z m-63.9744 91.776l0.0256 29.184c0.4352 100.2496 5.1968 169.216 60.6976 233.984-10.112-40.4736 5.0688-111.36 91.136-131.584 0 106.2912 60.7232 146.7648 60.7232 227.7632 0 131.584-111.36 242.944-248.0128 242.944-136.6528 0-248.0128-106.2912-248.0128-242.944 0-55.68 25.3184-126.5408 75.9296-151.8592l0.9728 6.9376c3.3792 22.016 16.7424 90.9312 54.7072 124.672l0.256-3.9936c2.9952-65.3312-36.736-265.728 151.5776-335.104z" ></path></symbol><symbol id="icon-adindex1" viewBox="0 0 1024 1024"><path d="M341.76 479.146667l171.392-62.378667 166.570667 62.378667V96h203.690666c23.893333 0 43.306667 19.413333 43.306667 43.349333v745.301334c0 23.936-19.370667 43.349333-43.306667 43.349333H138.069333c-23.893333 0-43.349333-19.413333-43.349333-43.349333V139.349333c0-23.936 19.413333-43.349333 43.349333-43.349333H341.76v383.146667z" ></path></symbol><symbol id="icon-candan" viewBox="0 0 1024 1024"><path d="M183.994182 208.011636h640a47.988364 47.988364 0 1 1 0 95.976728h-640a47.988364 47.988364 0 1 1 0-95.976728z m0 256h544a47.988364 47.988364 0 1 1 0 96H183.994182a47.988364 47.988364 0 1 1 0-96z m0 256h640a47.988364 47.988364 0 1 1 0 96h-640a47.988364 47.988364 0 1 1 0-96.023272z" ></path></symbol><symbol id="icon-class" viewBox="0 0 1024 1024"><path d="M448 855.994182h-256c-13.265455 0-23.994182-10.728727-23.994182-23.994182v-256c0-13.265455 10.728727-23.994182 23.994182-23.994182h256c13.265455 0 23.994182 10.728727 23.994182 23.994182v256c0 13.265455-10.728727 23.994182-23.994182 23.994182z m-23.994182-47.988364V599.970909H215.970909v208.011636h208.011636zM832 855.970909h-256c-13.265455 0-23.994182-10.728727-23.994182-23.994182v-256c0-13.265455 10.728727-23.994182 23.994182-23.994182h256c13.265455 0 23.994182 10.728727 23.994182 23.994182v256c0 13.265455-10.728727 23.994182-23.994182 23.994182z m-23.994182-47.988364V599.970909H599.970909v208.011636h208.011636zM448 471.970909h-256c-13.265455 0-23.994182-10.728727-23.994182-23.994182v-256c0-13.265455 10.728727-23.994182 23.994182-23.994182h256c13.265455 0 23.994182 10.728727 23.994182 23.994182v256c0 13.265455-10.728727 23.994182-23.994182 23.994182z m-23.994182-47.988364V215.970909H215.970909v208.011636h208.011636zM832 471.970909h-256c-13.265455 0-23.994182-10.728727-23.994182-23.994182v-256c0-13.265455 10.728727-23.994182 23.994182-23.994182h256c13.265455 0 23.994182 10.728727 23.994182 23.994182v256c0 13.265455-10.728727 23.994182-23.994182 23.994182z m-23.994182-47.988364V215.970909H599.970909v208.011636h208.011636z" ></path></symbol><symbol id="icon-car" viewBox="0 0 1024 1024"><path d="M130.653091 99.956364l97.629091 16.314181c10.263273 1.722182 18.245818 9.844364 19.781818 20.13091l25.786182 172.660363h622.754909c15.220364 0 26.321455 13.870545 23.598545 28.392727l-0.698181 2.72291-106.426182 343.04a23.994182 23.994182 0 0 1-22.923637 16.872727H308.130909c-5.515636 0-10.658909-1.861818-14.754909-5.073455a23.901091 23.901091 0 0 1-13.032727-17.92L203.170909 160.744727 122.740364 147.316364a23.994182 23.994182 0 0 1-20.014546-25.320728l0.279273-2.304a23.994182 23.994182 0 0 1 27.648-19.712z m733.370182 257.093818h-581.12l45.777454 295.051636h443.787637l91.554909-295.051636zM328.541091 749.707636a94.952727 94.952727 0 1 0 0 189.905455 94.952727 94.952727 0 0 0 0-189.905455z m0 47.988364a46.964364 46.964364 0 1 1 0 93.928727 46.964364 46.964364 0 0 1 0-93.928727z m383.813818-47.988364a94.952727 94.952727 0 1 0 0 189.905455 94.952727 94.952727 0 0 0 0-189.905455z m0 47.988364a46.964364 46.964364 0 1 1 0 93.928727 46.964364 46.964364 0 0 1 0-93.928727z" ></path></symbol><symbol id="icon-jt" viewBox="0 0 1024 1024"><path d="M390.956138 204.376276a30.896552 30.896552 0 0 0-43.714207 43.678896L611.222069 512l-263.980138 263.944828a30.896552 30.896552 0 0 0-1.765517 41.736827l1.765517 1.942069a30.896552 30.896552 0 0 0 43.714207 0l285.801931-285.766621a30.896552 30.896552 0 0 0 0-43.714206l-285.801931-285.766621z" ></path></symbol><symbol id="icon-adindex3" viewBox="0 0 1024 1024"><path d="M512 32c91.818667 0 166.272 214.912 166.272 480l-0.085333 15.829333C675.285333 785.621333 602.026667 992 512 992c-90.88 0-164.778667-210.645333-166.272-472.064V512C345.728 246.912 420.181333 32 512 32z m0 112.213333l-1.066667 1.706667c-8.618667 14.506667-17.493333 34.133333-25.813333 58.112-27.221333 78.592-43.392 189.013333-43.392 307.968 0 118.912 16.213333 229.376 43.392 307.968 8.277333 23.936 17.194667 43.562667 25.813333 58.069333l1.066667 1.706667 1.066667-1.706667c7.893333-13.312 16.042667-30.890667 23.722666-52.181333l2.090667-5.888c27.221333-78.592 43.392-189.013333 43.392-307.968 0-118.912-16.213333-229.376-43.392-307.968a322.346667 322.346667 0 0 0-25.813333-58.069333L512 144.213333z" ></path><path d="M927.701333 272c45.909333 79.530667-102.997333 251.477333-332.544 384l-13.781333 7.850667C356.693333 790.229333 141.312 829.952 96.298667 752c-45.44-78.72 100.010667-248.021333 325.717333-380.032l6.826667-3.968c229.589333-132.565333 452.949333-175.530667 498.858666-96zM830.506667 328.106667h-2.048a322.346667 322.346667 0 0 0-63.146667 6.613333c-81.706667 15.744-185.472 56.96-288.426667 116.394667-103.04 59.477333-190.592 128.725333-245.034666 191.573333-16.597333 19.2-29.141333 36.693333-37.376 51.413333l-0.981334 1.749334 2.048 0.085333c15.445333 0.213333 34.773333-1.536 57.045334-5.546667l6.144-1.109333c81.664-15.744 185.429333-56.96 288.426666-116.394667 102.997333-59.477333 190.549333-128.725333 244.992-191.573333 16.597333-19.2 29.141333-36.693333 37.376-51.413333l0.981334-1.792z" ></path><path d="M927.701333 752c-45.909333 79.530667-269.226667 36.565333-498.858666-96l-13.653334-7.978667c-221.781333-131.413333-363.861333-298.069333-318.890666-376.021333 45.482667-78.72 264.832-37.418667 491.946666 92.032l6.912 3.968c229.546667 132.522667 378.453333 304.469333 332.544 384z m-97.194666-56.106667l-0.981334-1.792a322.346667 322.346667 0 0 0-37.376-51.370666c-54.442667-62.890667-141.994667-132.138667-244.992-191.573334-102.997333-59.477333-206.762667-100.693333-288.426666-116.437333a322.346667 322.346667 0 0 0-63.189334-6.656l-2.005333 0.042667 0.938667 1.792c7.552 13.482667 18.730667 29.354667 33.28 46.634666l4.096 4.736c54.442667 62.890667 141.994667 132.138667 244.992 191.573334 102.997333 59.477333 206.762667 100.693333 288.426666 116.437333a322.346667 322.346667 0 0 0 63.189334 6.656l2.048-0.042667z" ></path></symbol><symbol id="icon-home" viewBox="0 0 1024 1024"><path d="M528.989091 119.528727l408.832 408.855273a23.994182 23.994182 0 1 1-33.931636 33.931636l-70.516364-70.516363v395.706182c0 13.265455-10.752 23.994182-23.994182 23.994181H214.621091c-13.265455 0-23.994182-10.752-23.994182-23.994181V491.799273l-70.516364 70.516363a23.994182 23.994182 0 0 1-32.116363 1.652364l-1.815273-1.629091a23.994182 23.994182 0 0 1 0-33.978182L495.010909 119.552a23.994182 23.994182 0 0 1 33.931636 0z m83.968 518.423273h-201.914182c-13.265455 0-23.994182 8.866909-23.994182 19.781818v186.042182c0 10.938182 10.728727 19.781818 23.994182 19.781818h201.914182c13.265455 0 23.994182-8.843636 23.994182-19.781818v-186.018909c0-10.938182-10.728727-19.781818-23.994182-19.781818z" ></path></symbol><symbol id="icon-search" viewBox="0 0 1024 1024"><path d="M717.703529 220.551529c128.903529 128.903529 139.565176 331.233882 31.984942 472.244706l148.148705 148.178824a32.015059 32.015059 0 0 1-45.266823 45.236706l-146.070588-146.070589c-141.191529 129.596235-360.779294 126.012235-497.573647-10.782117-140.498824-140.528941-140.498824-368.338824 0-508.80753 140.498824-140.498824 368.278588-140.498824 508.777411 0zM254.192941 265.788235c-115.531294 115.531294-115.531294 302.802824 0 418.304 115.471059 115.501176 302.772706 115.501176 418.273883 0 115.501176-115.501176 115.501176-302.772706 0-418.304-115.501176-115.501176-302.802824-115.501176-418.304 0z" ></path></symbol><symbol id="icon-news" viewBox="0 0 1024 1024"><path d="M163.607273 877.707636l40.052363-120.250181-2.722909-3.444364a392.424727 392.424727 0 0 1-82.967272-234.170182L117.899636 512c0-217.669818 176.430545-394.100364 394.100364-394.100364 217.669818 0 394.100364 176.430545 394.100364 394.100364 0 217.669818-176.430545 394.100364-394.100364 394.100364-53.294545 0-105.192727-10.589091-153.297455-30.929455l6.167273 2.536727H163.607273zM512 181.899636c-182.318545 0-330.100364 147.781818-330.100364 330.100364 0 81.221818 29.370182 157.789091 81.826909 217.576727l12.101819 13.800728-23.435637 70.330181h125.253818l5.981091 2.513455c40.261818 16.989091 83.665455 25.879273 128.372364 25.879273 182.318545 0 330.100364-147.781818 330.100364-330.100364S694.318545 181.899636 512 181.899636z m-142.289455 282.112a47.988364 47.988364 0 1 1 0 95.976728 47.988364 47.988364 0 0 1 0-96z m142.289455 0a47.988364 47.988364 0 1 1 0 95.976728 47.988364 47.988364 0 0 1 0-96z m142.289455 0a47.988364 47.988364 0 1 1 0 95.976728 47.988364 47.988364 0 0 1 0-96z" ></path></symbol><symbol id="icon-tz" viewBox="0 0 1024 1024"><path d="M632.397576 174.08a62.060606 62.060606 0 0 1 16.880485 42.511515v590.81697a62.060606 62.060606 0 0 1-105.44097 44.373333l-166.074182-162.350545H227.29697a62.060606 62.060606 0 0 1-62.060606-62.060606v-236.885334a62.060606 62.060606 0 0 1 62.060606-62.060606h150.465939l166.94303-157.044363a62.060606 62.060606 0 0 1 87.722667 2.668606z m113.881212 126.417455a31.030303 31.030303 0 0 1 43.628606 4.840727c45.769697 57.219879 68.856242 122.91103 68.856242 195.956363 0 72.114424-22.465939 143.732364-66.808242 214.450425a31.030303 31.030303 0 1 1-52.565333-32.954182c38.384485-61.253818 57.31297-121.607758 57.312969-181.496243 0-58.957576-18.307879-110.964364-55.233939-157.199515a31.030303 31.030303 0 0 1 4.809697-43.597575z" ></path></symbol><symbol id="icon-user" viewBox="0 0 1024 1024"><path d="M512 79.988364a200.005818 200.005818 0 1 0 0 400.011636 200.005818 200.005818 0 0 0 0-400.011636zM512 128a151.994182 151.994182 0 1 1 0 303.988364A151.994182 151.994182 0 0 1 512 128z m128.465455 388.445091l-10.077091 6.539636A216.157091 216.157091 0 0 1 512 558.033455a216.017455 216.017455 0 0 1-118.365091-35.048728l-10.053818-6.539636-11.264 4.096A408.203636 408.203636 0 0 0 104.354909 887.016727l-1.024 24.994909h817.338182l-1.024-24.994909a408.180364 408.180364 0 0 0-267.938909-366.452363l-11.264-4.119273z m-262.446546 53.294545l1.210182 0.721455A264.052364 264.052364 0 0 0 512 606.045091l7.074909-0.093091c44.753455-1.163636 87.738182-13.498182 125.672727-35.467636l1.210182-0.721455 1.396364 0.535273A360.308364 360.308364 0 0 1 868.864 856.436364l0.884364 7.586909H154.205091l0.116364-1.047273a360.308364 360.308364 0 0 1 216.296727-290.141091l7.400727-3.072z" ></path></symbol><symbol id="icon-qq" viewBox="0 0 1024 1024"><path d="M511.232 96.789333c-78.4 0-147.050667 27.050667-204.074667 79.573334l-7.061333 6.698666-6.656 7.573334c-47.829333 55.68-74.389333 118.336-77.610667 186.069333l-0.277333 8.106667-1.792 4.224a177.322667 177.322667 0 0 0-11.904 55.253333l-0.256 5.290667-3.648 3.733333c-21.141333 22.272-35.669333 49.493333-45.952 80.490667l-2.133333 6.698666c-15.786667 49.578667-21.333333 91.733333-14.037334 130.688l0.810667 4.544c6.848 36.16 22.698667 65.365333 54.058667 82.688l1.984 1.024-0.64 2.624A122.026667 122.026667 0 0 0 189.141333 789.333333l0.085334 4.501334c1.450667 38.826667 21.866667 71.018667 55.36 93.248l0.725333 0.746666 4.757333 3.285334c34.389333 23.808 77.781333 34.197333 129.472 34.197333l6.656-0.064c46.378667-0.789333 86.442667-9.898667 117.589334-29.056l3.861333-2.496h3.264l2.005333 1.344c36.16 23.381333 78.122667 33.770667 129.962667 33.770667 53.930667 0 97.002667-9.877333 132.906667-32.981334 43.093333-27.861333 62.762667-61.589333 62.762666-101.226666l-0.064-4.906667a118.613333 118.613333 0 0 0-2.773333-22.826667l-0.576-2.24 0.277333-0.128c27.882667-14.805333 46.272-44.202667 51.477334-86.997333l1.066666-10.026667c3.050667-32.32-0.64-67.285333-10.794666-104.448l-1.749334-6.122666v-1.258667l-2.453333-8.618667-1.877333-6.229333c-9.258667-28.928-24.917333-56.256-48.490667-85.077333l-3.52-4.245334-0.213333-4.352c-1.173333-18.026667-5.013333-35.285333-11.84-54.101333l-1.856-4.906667 0.042666 2.688c0-80.554667-28.522667-149.333333-84.586666-207.637333-57.173333-57.194667-128.064-86.357333-209.408-86.357333z m0 64c64.96 0 119.381333 22.826667 163.264 66.730667 43.904 45.653333 66.730667 98.304 66.730667 163.264v7.04l1.749333 6.997333c8.768 21.077333 12.288 36.885333 12.288 54.442667v15.786667l8.768 10.538666c26.346667 29.845333 40.384 54.421333 47.402667 78.997334v1.749333c11.52 36.224 15.338667 67.797333 12.864 94.741333l-0.576 5.333334c-3.498667 36.864-17.557333 42.133333-24.576 43.904l-7.018667 1.749333H728.96l36.864 54.421333c7.018667 8.768 8.768 15.786667 8.768 28.096l-0.085333 3.008c-0.64 11.818667-5.802667 26.624-33.28 44.373334-24.576 15.808-56.170667 22.826667-98.304 22.826666-43.882667 0-75.498667-8.768-101.824-28.074666l-8.768-7.04H484.906667l-5.269334 5.269333c-21.077333 17.557333-56.192 26.346667-100.074666 26.346667-38.613333 0-70.229333-7.04-93.056-22.826667l-1.749334-1.749333c-21.056-12.288-31.594667-28.096-31.594666-47.402667 0-10.538667 1.749333-19.306667 8.768-28.096l36.864-54.421333h-64.938667c-3.52-1.749333-7.04-3.52-10.538667-3.52-14.058667-7.018667-21.077333-22.826667-24.576-43.882667-4.970667-26.453333-0.597333-57.536 10.197334-93.312l2.090666-6.762667c7.018667-22.826667 19.306667-50.901333 42.133334-70.208l12.288-10.538666v-21.077334c0-19.306667 3.498667-36.864 10.538666-50.901333l3.498667-7.04v-8.746667c0-59.712 22.826667-114.133333 66.709333-163.285333 45.653333-43.904 100.074667-66.730667 165.034667-66.730667z" ></path></symbol><symbol id="icon-adindex2" viewBox="0 0 1024 1024"><path d="M881.191184 126.704162c-8.788235 0.298629-17.405824 0.426613-25.852768 0.426613h-0.042661c-222.26555 0-320.215973-101.875266-321.0692-102.771153l-22.183894-24.316961-22.269216 24.316961c-0.938549 1.066533-104.306962 110.620839-346.964629 102.34454l-31.142774-1.066533v461.851602c0 120.902221 40.357622 297.306837 389.497979 432.244636l10.835979 4.18081 10.87864-4.18081c349.097696-134.937799 389.497979-311.342416 389.49798-432.244636V125.637629l-31.185436 1.066533z m-408.994209 597.685289l-233.058867-206.480856 61.944257-50.169729 123.888514 91.423239s171.071949-177.001875 336.299296-259.594218l23.591717 26.578011s-206.480857 171.071949-312.707578 398.286215z" ></path></symbol></svg>',function(c){var a=(a=document.getElementsByTagName("script"))[a.length-1],l=a.getAttribute("data-injectcss"),a=a.getAttribute("data-disable-injectsvg");if(!a){var o,i,t,e,h,m=function(a,l){l.parentNode.insertBefore(a,l)};if(l&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(a){console&&console.log(a)}}o=function(){var a,l=document.createElement("div");l.innerHTML=c._iconfont_svg_string_3995505,(l=l.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",l=l,(a=document.body).firstChild?m(l,a.firstChild):a.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(o,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),o()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(t=o,e=c.document,h=!1,n(),e.onreadystatechange=function(){"complete"==e.readyState&&(e.onreadystatechange=null,d())})}function d(){h||(h=!0,t())}function n(){try{e.documentElement.doScroll("left")}catch(a){return void setTimeout(n,50)}d()}}(window);
\ No newline at end of file
window._iconfont_svg_string_3995505='<svg><symbol id="icon-juxing2" viewBox="0 0 1024 1024"><path d="M699.712 105.76a32 32 0 0 1 32 32v64.544l97.344 0.032a96 96 0 0 1 96 96v523.904a96 96 0 0 1-96 96H194.944a96 96 0 0 1-96-96V298.336a96 96 0 0 1 96-96h97.344V137.728a32 32 0 0 1 64 0v64.544h311.424V137.76a32 32 0 0 1 32-32z m161.344 473.632H162.944v242.848a32 32 0 0 0 32 32h634.112a32 32 0 0 0 32-32v-242.848zM292.288 266.304l-97.344 0.032a32 32 0 0 0-32 32v217.056h698.112V298.336a32 32 0 0 0-32-32h-97.344v126.144a32 32 0 1 1-64 0V266.304h-311.424v126.176a32 32 0 1 1-64 0V266.304z" fill="#484B59" ></path></symbol><symbol id="icon-a-juxingbeifen144" viewBox="0 0 1024 1024"><path d="M512 100.273231c103.68 0 201.452308 38.518154 276.657231 106.791384 20.224 18.372923 9.629538 51.987692-17.467077 55.433847l-163.209846 20.736a32 32 0 1 1-8.073846-63.488l83.140923-10.555077-4.568616-2.56a346.190769 346.190769 0 0 0-158.759384-42.279385L512 164.273231C319.960615 164.273231 164.273231 319.960615 164.273231 512c0 192.039385 155.687385 347.726769 347.726769 347.726769 192.039385 0 347.726769-155.687385 347.726769-347.726769 0-48.443077-9.885538-95.428923-28.809846-138.830769a32 32 0 0 1 58.683077-25.580308A410.427077 410.427077 0 0 1 923.707077 512c0 227.387077-184.32 411.726769-411.726769 411.726769-227.387077 0-411.726769-184.32-411.72677-411.726769 0-227.387077 184.32-411.726769 411.72677-411.726769z m-146.766769 238.592l176.009846 80.009846c11.421538 5.179077 18.766769 16.580923 18.766769 29.124923v224a32 32 0 0 1-64 0V468.617846l-157.243077-71.483077a32 32 0 0 1-16.836923-40.054154l0.945231-2.323692a32 32 0 0 1 42.358154-15.891692z" fill="#484B59" ></path></symbol><symbol id="icon-a-juxingbeifen142" viewBox="0 0 1024 1024"><path d="M888.004923 208.009846c17.664 0 32 14.316308 32 31.980308v544.019692c0 17.664-14.336 31.980308-32 31.980308H135.995077a32 32 0 0 1-32-31.980308V239.970462c0-17.664 14.336-31.980308 32-31.980308z m-32 64H167.975385v479.980308H856.024615V272.029538zM359.364923 579.938462a32 32 0 1 1 0 64h-105.688615a32 32 0 0 1 0-64h105.688615z m416-211.928616a32 32 0 1 1 0 64H253.676308a32 32 0 0 1 0-64h521.688615z" fill="#484B59" ></path></symbol><symbol id="icon-a-juxingbeifen143" viewBox="0 0 1024 1024"><path d="M533.011692 77.804308L916.755692 412.16a32 32 0 1 1-42.043077 48.246154l-50.727384-44.209231V896c0 17.664-14.316308 32-31.980308 32H231.975385a32 32 0 0 1-32-32V416.177231L149.267692 460.406154a32 32 0 0 1-43.244307-1.102769l-1.910154-2.008616a32 32 0 0 1 3.111384-45.134769L490.988308 77.784615a32 32 0 0 1 42.023384 0zM512 144.364308L263.975385 360.428308l0.019692 503.552h496.009846v-503.532308L512 144.344615z m160 552.310154a32 32 0 0 1 0 64h-320a32 32 0 1 1 0-64h320z m0-162.776616a32 32 0 0 1 0 64h-320a32 32 0 0 1 0-64h320z" fill="#484B59" ></path></symbol><symbol id="icon-a-juxing3" viewBox="0 0 1024 1024"><path d="M633.363692 151.04a32 32 0 0 1 0 64H207.478154v596.145231h603.707077V449.890462c0-16.856615 13.056-30.680615 29.617231-31.901539l2.382769-0.098461c17.683692 0 32 14.336 32 32l0.019692 393.314461c0 17.664-14.336 32-32 32H175.478154a32 32 0 0 1-32-32V183.020308c0-17.664 14.336-32 32-32h457.885538z m237.587693 6.951385c12.603077 12.386462 12.780308 32.649846 0.393846 45.252923L456.467692 625.132308a32 32 0 1 1-45.627077-44.859077L825.698462 158.365538a32 32 0 0 1 45.252923-0.393846z" fill="#484B59" ></path></symbol><symbol id="icon-juxing1" viewBox="0 0 1024 1024"><path d="M725.597091 142.033455L939.194182 512l-213.597091 369.966545H298.402909L84.805818 512l213.597091-369.966545h427.194182z m-36.933818 64H335.36L158.72 512l176.64 305.943273h353.28L865.28 512 688.64 206.033455zM512 340.154182a171.845818 171.845818 0 1 1 0 343.691636 171.845818 171.845818 0 0 1 0-343.691636z m0 64a107.845818 107.845818 0 1 0 0 215.691636 107.845818 107.845818 0 0 0 0-215.691636z" fill="#484B59" ></path></symbol><symbol id="icon-juxing" viewBox="0 0 1024 1024"><path d="M512 250.949818c159.883636 0 309.946182 86.993455 428.288 241.570909a32 32 0 0 1 0 38.912C821.946182 686.033455 671.906909 773.050182 512 773.050182c-159.883636 0-309.946182-86.993455-428.288-241.570909a32 32 0 0 1 0-38.912C202.053818 337.966545 352.093091 250.949818 512 250.949818z m0 64c-131.188364 0-256.977455 69.073455-360.96 195.677091l-1.117091 1.396364 6.702546 8.098909c101.026909 120.087273 222.045091 186.484364 348.346181 188.858182l7.028364 0.069818c131.188364 0 256.977455-69.073455 360.96-195.677091l1.117091-1.396364-6.702546-8.098909c-101.026909-120.087273-222.045091-186.484364-348.346181-188.858182z m0 22.574546a174.475636 174.475636 0 1 1 0 348.951272 174.475636 174.475636 0 0 1 0-348.951272z m0 64a110.475636 110.475636 0 1 0 0 220.951272 110.475636 110.475636 0 0 0 0-220.951272z" fill="#979797" ></path></symbol><symbol id="icon-a-juxingbeifen14" viewBox="0 0 1024 1024"><path d="M939.613091 331.682909a32 32 0 0 1-4.421818 45.032727 667.601455 667.601455 0 0 1-100.026182 68.002909l128.884364 103.563637a32 32 0 0 1-40.09891 49.873454l-152.41309-122.484363a662.714182 662.714182 0 0 1-109.940364 35.490909l85.899636 144.500363a32 32 0 1 1-55.016727 32.698182l-98.304-165.399272a674.024727 674.024727 0 0 1-138.984727 2.629818l-57.111273 157.323636a32 32 0 0 1-60.16-21.829818l52.340364-144.174546a663.109818 663.109818 0 0 1-150.830546-46.894545 31.790545 31.790545 0 0 1-9.425454 17.221818l-128 121.344a32 32 0 0 1-44.032-46.452363l126.440727-119.854546a667.927273 667.927273 0 0 1-95.604364-65.536 32 32 0 1 1 40.610909-49.454545 600.669091 600.669091 0 0 0 382.603637 136.704 608.814545 608.814545 0 0 0 92.136727-6.981819 599.249455 599.249455 0 0 0 290.443636-129.745454 32 32 0 0 1 45.009455 4.421818z" fill="#979797" ></path></symbol><symbol id="icon-closepop" viewBox="0 0 1024 1024"><path d="M512 0c282.24 0 512 229.632 512 512 0 282.304-229.76 512-512 512-282.368 0-512-229.696-512-512 0-282.368 229.632-512 512-512z m0 64C264.96 64 64 264.96 64 512c0 246.976 200.96 448 448 448s448-201.024 448-448c0-247.04-200.96-448-448-448zM304.192 305.28a36.608 36.608 0 0 1 51.712 0l155.968 156.48 158.336-156.608a36.608 36.608 0 1 1 51.456 51.968L563.456 513.536l158.336 158.784a36.608 36.608 0 0 1-51.84 51.712L511.488 564.992l-157.184 155.52a36.736 36.736 0 0 1-51.712-0.32 36.48 36.48 0 0 1 0.256-51.712L459.84 513.28 304.064 356.992a36.608 36.608 0 0 1 0.128-51.776z" ></path></symbol><symbol id="icon-clear" viewBox="0 0 1024 1024"><path d="M521.489067 26.555733C789.572267 26.555733 1006.933333 243.882667 1006.933333 512c0 268.117333-217.361067 485.444267-485.444266 485.444267C253.371733 997.444267 36.0448 780.117333 36.0448 512 36.0448 243.882667 253.371733 26.555733 521.489067 26.555733z m192.7168 292.590934a30.344533 30.344533 0 0 0-42.9056 0l-150.186667 150.186666-150.186667-150.186666a30.344533 30.344533 0 0 0-42.9056 42.9056l150.186667 150.186666-150.186667 150.186667a30.344533 30.344533 0 1 0 42.9056 42.9056l150.186667-150.186667 150.186667 150.186667a30.344533 30.344533 0 1 0 42.9056-42.9056l-150.186667-150.186667 150.186667-150.186666a30.344533 30.344533 0 0 0 0-42.9056z" ></path></symbol><symbol id="icon-xzs" viewBox="0 0 1024 1024"><path d="M512 0c282.784 0 512 229.216 512 512s-229.216 512-512 512S0 794.784 0 512 229.216 0 512 0z m306.496 324.992c-6.688-6.24-18.592-6.72-26.24-0.96l-338.88 256.64c-6.304 4.768-17.92 5.312-24.704 1.088l-128.256-79.872a20.288 20.288 0 0 0-25.472 3.936l-14.816 17.408c-6.336 7.456-5.152 17.888 2.016 24.576l158.56 147.776c11.648 10.88 30.208 11.328 41.536 0.768l363.744-338.976c7.584-7.104 8.128-17.856 0.864-24.64z" ></path></symbol><symbol id="icon-arrtop" viewBox="0 0 1024 1024"><path d="M193.376 637.376a32 32 0 0 0 45.248 45.248L512 409.28l273.376 273.376a32 32 0 0 0 43.2 1.888l2.048-1.888a32 32 0 0 0 0-45.248l-296-296a32 32 0 0 0-45.248 0l-296 296z" ></path></symbol><symbol id="icon-arrbot" viewBox="0 0 1024 1024"><path d="M193.3824 386.6112a32 32 0 0 1 45.2352-45.2352L512 614.7584l273.408-273.408a32 32 0 0 1 43.2128-1.8432l2.048 1.8688a32 32 0 0 1 0 45.2608L534.6048 682.624a32 32 0 0 1-45.2608 0L193.3824 386.6112z" ></path></symbol><symbol id="icon-bjt" viewBox="0 0 1024 1024"><path d="M629.697939 171.287273a31.030303 31.030303 0 1 1 0 62.060606H216.684606v578.094545H802.133333V461.110303a31.030303 31.030303 0 0 1 28.703031-30.968242l2.327272-0.093091a31.030303 31.030303 0 0 1 31.030303 31.030303V842.472727a31.030303 31.030303 0 0 1-31.030303 31.030303H185.685333a31.030303 31.030303 0 0 1-31.030303-31.030303V202.317576a31.030303 31.030303 0 0 1 31.030303-31.030303h444.012606z m230.36897 6.733575a31.030303 31.030303 0 0 1 0.372364 43.876849L458.162424 631.001212a31.030303 31.030303 0 0 1-44.249212-43.504485L816.190061 178.424242a31.030303 31.030303 0 0 1 43.876848-0.372363z" ></path></symbol><symbol id="icon-dzz" viewBox="0 0 1024 1024"><path d="M512 87.808c172.3904 0 312.1408 139.7504 312.1408 312.1408 0 128.7424-55.552 250.3424-147.4048 361.3952a917.632 917.632 0 0 1-99.7888 102.8096c-11.9552 10.5472-23.0656 19.7888-33.1008 27.6992-4.352 3.456-7.936 6.144-10.496 8.0896l-21.3504 15.36-18.688-13.4144a277.0432 277.0432 0 0 1-6.2208-4.6336l-6.9376-5.4016c-10.0352-7.9104-21.1456-17.152-33.1008-27.6992a917.632 917.632 0 0 1-99.7888-102.8096c-91.8528-111.0528-147.4048-232.6528-147.4048-361.3952C199.8592 227.5328 339.6096 87.808 512 87.808z m0 64a248.1408 248.1408 0 0 0-248.1408 248.1408c0 111.616 49.5104 220.0064 132.736 320.5888a854.1952 854.1952 0 0 0 113.6896 113.408l1.6896 1.3824 1.7408-1.3568c4.8896-4.0448 10.0608-8.3712 15.4368-13.056l5.4528-4.7616a854.1952 854.1952 0 0 0 92.8-95.616c83.2256-100.608 132.736-208.9728 132.736-320.5888 0-137.0624-111.104-248.1408-248.1408-248.1408z m0 99.7376a161.792 161.792 0 1 1 0 323.6096 161.792 161.792 0 0 1 0-323.584z m0 64a97.792 97.792 0 1 0 0 195.6096 97.792 97.792 0 0 0 0-195.584z" ></path></symbol><symbol id="icon-fpp" viewBox="0 0 1024 1024"><path d="M764.003902 135.767415c17.233171 0 31.219512 13.986341 31.219513 31.219512v690.026146a31.219512 31.219512 0 0 1-48.902244 25.724878l-108.31922-74.602146-108.294244 74.577171a31.219512 31.219512 0 0 1-33.217561 1.373658l-2.197853-1.373658-108.294244-74.577171-108.31922 74.577171a31.219512 31.219512 0 0 1-48.827317-23.377171l-0.074927-2.322732V166.986927c0-17.233171 13.986341-31.219512 31.219513-31.219512z m-31.219512 62.439024H291.21561v599.389659l77.074731-53.073171a31.219512 31.219512 0 0 1 33.217561-1.348683l2.197854 1.348683L512 819.100098l108.294244-74.577171a31.219512 31.219512 0 0 1 33.242536-1.348683l2.172879 1.348683 77.074731 53.073171V198.206439zM650.614634 453.307317a31.219512 31.219512 0 1 1 0 62.439024H373.385366a31.219512 31.219512 0 0 1 0-62.439024H650.614634z m0-159.843902a31.219512 31.219512 0 0 1 0 62.439024H373.385366a31.219512 31.219512 0 0 1 0-62.439024H650.614634z" ></path></symbol><symbol id="icon-gzr" viewBox="0 0 1024 1024"><path d="M512 112.864c220.448 0 399.136 178.688 399.136 399.136 0 220.448-178.688 399.136-399.136 399.136-220.448 0-399.136-178.688-399.136-399.136C112.864 291.552 291.552 112.864 512 112.864z m0 64C326.912 176.864 176.864 326.912 176.864 512c0 185.088 150.048 335.136 335.136 335.136 185.088 0 335.136-150.048 335.136-335.136 0-185.088-150.048-335.136-335.136-335.136z m2.72 139.424a32 32 0 0 1 32 32v192c0 17.664-11.2 32-24.992 32h-149.984c-13.76 0-24.96-14.336-24.96-32s11.2-32 24.96-32h110.976v-160a32 32 0 0 1 32-32z" ></path></symbol><symbol id="icon-fz" viewBox="0 0 1024 1024"><path d="M896 96a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32h-96v96a32 32 0 0 1-28.256 31.776L768 928H128a32 32 0 0 1-32-32V256a32 32 0 0 1 32-32h96V128a32 32 0 0 1 28.256-31.776L256 96zM160 288v576h576V288H160z m704-128H288v64h480a32.096 32.096 0 0 1 29.6 19.808 31.776 31.776 0 0 1 2.304 9.792l-0.32-2.72c0.288 1.664 0.416 3.392 0.416 5.12l-0.192-3.008 0.096 0.64L800 256v480h64V160z" ></path></symbol><symbol id="icon-down" viewBox="0 0 1024 1024"><path d="M512 508.864a32 32 0 0 1 32 32v253.536l67.36-67.328a32 32 0 0 1 43.52-1.632l1.728 1.6a32 32 0 0 1 0 45.28l-121.984 121.984a32 32 0 0 1-45.248 0l-121.984-121.984a32 32 0 1 1 45.248-45.248L480 794.4v-253.536a32 32 0 0 1 32-32zM512 130.88a236.768 236.768 0 0 1 227.2 170.304l1.056 3.904h1.376a214.848 214.848 0 0 1 209.76 209.792l0.064 4.992v16.832a214.848 214.848 0 0 1-214.848 214.848 32 32 0 0 1 0-64 150.848 150.848 0 0 0 150.848-150.848v-16.832a150.848 150.848 0 0 0-150.848-150.816l-49.824-0.032-4.064-27.264a172.672 172.672 0 0 0-341.44 0l-4.064 27.264H287.392a150.848 150.848 0 0 0-150.848 150.848v16.832a150.848 150.848 0 0 0 150.848 150.848 32 32 0 1 1 0 64 214.848 214.848 0 0 1-214.848-214.848v-16.832A214.848 214.848 0 0 1 277.376 305.28l6.336-0.192 1.088-3.904a236.768 236.768 0 0 1 221.76-170.24l5.44-0.064z" ></path></symbol><symbol id="icon-dh" viewBox="0 0 1024 1024"><path d="M246.304 117.152a109.568 109.568 0 0 1 103.552 36.288l67.2 83.2a100.672 100.672 0 0 1-4.672 138.304l-38.432 36.416a10.688 10.688 0 0 0-1.44 13.28c42.272 68.288 155.84 180.992 226.144 224.288 4.16 2.56 9.504 1.92 13.344-1.92l35.296-34.464a100.928 100.928 0 0 1 132.288-8.512l9.088 7.168c12.8 9.856 44.608 34.112 78.912 60.256 5.696 4.288 10.816 9.248 15.424 14.912a109.696 109.696 0 0 1-8 146.016l-22.272 22.272a183.36 183.36 0 0 1-129.664 54.144c-12.096 0-24.192-1.216-36.064-3.616-55.072-11.136-114.624-37.344-177.216-77.664-57.376-36.864-115.968-85.088-169.728-139.552-53.44-54.144-101.248-113.6-138.464-172.192-40.192-63.264-67.2-123.328-80-178.88a182.784 182.784 0 0 1 2.592-91.872 184.736 184.736 0 0 1 46.72-78.944l18.816-18.816a108.96 108.96 0 0 1 56.576-30.08z m20.32 71.04l-2.048 0.064a36.064 36.064 0 0 0-23.232 10.56l-18.88 18.848a109.632 109.632 0 0 0-29.792 102.88c21.344 92.416 95.936 211.424 199.296 316.16 103.936 105.344 220.544 178.976 309.504 196.992a109.856 109.856 0 0 0 99.68-30.464l22.304-22.336c12.8-12.832 14.336-33.12 3.744-47.52a22.272 22.272 0 0 0-2.944-3.2l-5.568-4.32-79.328-60.64a141.76 141.76 0 0 1-3.36-2.688 27.968 27.968 0 0 0-37.376 1.92l-35.232 34.4a83.36 83.36 0 0 1-102.912 12.16c-38.624-23.68-88.512-65.152-137.92-114.368-48.608-48.416-89.28-96.768-111.968-133.44a83.744 83.744 0 0 1 12.448-104l38.4-36.352a27.52 27.52 0 0 0 2.72-35.776l-11.52-14.016-56.96-70.72a37.312 37.312 0 0 0-26.24-14.048l-2.816-0.128z" ></path></symbol><symbol id="icon-sxs" viewBox="0 0 1024 1024"><path d="M255.488 124.0064a80 80 0 0 0-58.624 134.4l193.5616 208.6144-0.0256 400.9728c0 16.896 13.056 30.72 29.6192 31.9232l2.3808 0.0768c17.664 0 32-14.336 32-32V454.4256c0-8.064-3.0464-15.8464-8.5248-21.76L243.7888 214.8864a16 16 0 0 1 11.7248-26.88h512.9728c8.832 0 16 7.168 16.0256 14.8992l-0.0512 2.2016a16 16 0 0 1-4.2496 9.7792L578.1504 432.64a32 32 0 0 0-8.5504 21.76v260.0192a32 32 0 0 0 64 0v-247.4496l193.536-208.5888a80.2048 80.2048 0 0 0 20.8128-45.5936l0.4096-4.4288 0.128-4.3776c0-44.1856-35.8144-80-80-80H255.5136z" ></path></symbol><symbol id="icon-sanjiaoji" viewBox="0 0 1024 1024"><path d="M560.526222 165.831111c14.193778 8.305778 25.998222 20.110222 34.304 34.304L903.395556 726.812444a96 96 0 0 1-82.830223 144.526223H203.434667a96 96 0 0 1-82.830223-144.497778L429.169778 200.106667a96 96 0 0 1 131.356444-34.304zM484.408889 232.476444L175.815111 759.182222a32 32 0 0 0 27.591111 48.156445h617.159111a32 32 0 0 0 27.591111-48.156445L539.648 232.476444a32 32 0 0 0-9.159111-9.955555l-2.275556-1.479111a32 32 0 0 0-43.804444 11.434666zM512 653.425778a39.992889 39.992889 0 1 1 0 79.985778 39.992889 39.992889 0 0 1 0-79.985778z m0-287.402667c17.664 0 32 14.336 32 32v192a32 32 0 0 1-64 0v-192c0-17.635556 14.336-32 32-32z" ></path></symbol><symbol id="icon-tj" viewBox="0 0 1024 1024"><path d="M512 96c229.745778 0 416 186.254222 416 416S741.745778 928 512 928 96 741.745778 96 512 282.254222 96 512 96z m0 64c-194.417778 0-352 157.582222-352 352S317.582222 864 512 864 864 706.417778 864 512 706.417778 160 512 160z m0 120.007111c17.664 0 32 14.307556 32 32v167.992889h167.992889a32 32 0 0 1 0 64h-167.992889v167.992889a32 32 0 0 1-64 0v-167.992889h-167.992889a32 32 0 0 1 0-64h167.992889v-167.992889c0-17.692444 14.336-32 32-32z" ></path></symbol><symbol id="icon-xxx" viewBox="0 0 1024 1024"><path d="M246.6304 201.3696L512 466.7648 777.3696 201.3696a32 32 0 0 1 45.2608 45.2608L557.2352 512l265.3952 265.3696a32 32 0 0 1-45.2608 45.2608L512 557.2352 246.6304 822.6304a32 32 0 0 1-45.2608-45.2608L466.7648 512 201.3696 246.6304a32 32 0 0 1 45.2608-45.2608z" ></path></symbol><symbol id="icon-ts" viewBox="0 0 1024 1024"><path d="M512 112.864c220.448 0 399.136 178.688 399.136 399.136 0 220.448-178.688 399.136-399.136 399.136-220.448 0-399.136-178.688-399.136-399.136C112.864 291.552 291.552 112.864 512 112.864z m0 64C326.912 176.864 176.864 326.912 176.864 512c0 185.088 150.048 335.136 335.136 335.136 185.088 0 335.136-150.048 335.136-335.136 0-185.088-150.048-335.136-335.136-335.136z m0 262.816a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0v-192a32 32 0 0 1 32-32z m0-111.36a40 40 0 1 1 0 80 40 40 0 0 1 0-80z" ></path></symbol><symbol id="icon-arrleft" viewBox="0 0 1024 1024"><path d="M637.370182 193.373091a32 32 0 1 1 45.265454 45.265454L409.250909 511.976727l273.384727 273.384728c11.822545 11.869091 12.450909 30.650182 1.861819 43.240727l-1.861819 2.024727a32 32 0 0 1-45.265454 0L341.364364 534.621091a32 32 0 0 1 0-45.265455L637.393455 193.396364z" ></path></symbol><symbol id="icon-del" viewBox="0 0 1024 1024"><path d="M771.2 350.72c17.664 0 32 14.336 32 32v475.2128c0 17.664-14.336 32-32 32H252.8c-17.664 0-32-14.336-32-32V382.7456a32 32 0 0 1 64 0v443.1872h454.4V382.7456c0-16.896 13.056-30.72 29.6192-31.9232l2.3808-0.0768z m-347.7248 89.1648c17.664 0 32 14.336 32 32v250.7008a32 32 0 1 1-64 0v-250.7008c0-17.664 14.336-32 32-32z m177.0496 0c17.664 0 32 14.336 32 32v250.7008a32 32 0 0 1-64 0v-250.7008c0-17.664 14.336-32 32-32z m250.5472-204.3392a32 32 0 0 1 0 64H172.928a32 32 0 1 1 0-64h678.144z m-234.3424-117.4784a32 32 0 1 1 0 64h-209.4592a32 32 0 1 1 0-64h209.4592z" ></path></symbol><symbol id="icon-hot" viewBox="0 0 1024 1024"><path d="M611.4048 119.0912L525.312 150.784l-6.3488 2.4064c-92.0832 35.8656-147.6352 101.0432-172.6208 186.2144l-1.3568 4.864-33.6896 16.8192c-71.168 35.584-111.3088 123.904-111.3088 209.1008 0 171.4432 139.4176 306.944 312.0128 306.944 171.008 0 312.0128-139.008 312.0128-306.944 0-35.0208-7.2448-64.0512-22.016-99.3024l-4.352-10.0096-9.728-21.504c-18.1248-40.0384-24.6528-62.976-24.6528-96.9472V261.632l-78.6688 18.5088-5.2736 1.3056a202.7776 202.7776 0 0 0-63.9744 28.672l-1.5616 1.1008-0.256-3.6608c-1.5104-22.5536-2.048-49.408-2.0992-82.1248l-0.0256-106.3424z m-63.9744 91.776l0.0256 29.184c0.4352 100.2496 5.1968 169.216 60.6976 233.984-10.112-40.4736 5.0688-111.36 91.136-131.584 0 106.2912 60.7232 146.7648 60.7232 227.7632 0 131.584-111.36 242.944-248.0128 242.944-136.6528 0-248.0128-106.2912-248.0128-242.944 0-55.68 25.3184-126.5408 75.9296-151.8592l0.9728 6.9376c3.3792 22.016 16.7424 90.9312 54.7072 124.672l0.256-3.9936c2.9952-65.3312-36.736-265.728 151.5776-335.104z" ></path></symbol><symbol id="icon-adindex1" viewBox="0 0 1024 1024"><path d="M341.76 479.146667l171.392-62.378667 166.570667 62.378667V96h203.690666c23.893333 0 43.306667 19.413333 43.306667 43.349333v745.301334c0 23.936-19.370667 43.349333-43.306667 43.349333H138.069333c-23.893333 0-43.349333-19.413333-43.349333-43.349333V139.349333c0-23.936 19.413333-43.349333 43.349333-43.349333H341.76v383.146667z" ></path></symbol><symbol id="icon-candan" viewBox="0 0 1024 1024"><path d="M183.994182 208.011636h640a47.988364 47.988364 0 1 1 0 95.976728h-640a47.988364 47.988364 0 1 1 0-95.976728z m0 256h544a47.988364 47.988364 0 1 1 0 96H183.994182a47.988364 47.988364 0 1 1 0-96z m0 256h640a47.988364 47.988364 0 1 1 0 96h-640a47.988364 47.988364 0 1 1 0-96.023272z" ></path></symbol><symbol id="icon-class" viewBox="0 0 1024 1024"><path d="M448 855.994182h-256c-13.265455 0-23.994182-10.728727-23.994182-23.994182v-256c0-13.265455 10.728727-23.994182 23.994182-23.994182h256c13.265455 0 23.994182 10.728727 23.994182 23.994182v256c0 13.265455-10.728727 23.994182-23.994182 23.994182z m-23.994182-47.988364V599.970909H215.970909v208.011636h208.011636zM832 855.970909h-256c-13.265455 0-23.994182-10.728727-23.994182-23.994182v-256c0-13.265455 10.728727-23.994182 23.994182-23.994182h256c13.265455 0 23.994182 10.728727 23.994182 23.994182v256c0 13.265455-10.728727 23.994182-23.994182 23.994182z m-23.994182-47.988364V599.970909H599.970909v208.011636h208.011636zM448 471.970909h-256c-13.265455 0-23.994182-10.728727-23.994182-23.994182v-256c0-13.265455 10.728727-23.994182 23.994182-23.994182h256c13.265455 0 23.994182 10.728727 23.994182 23.994182v256c0 13.265455-10.728727 23.994182-23.994182 23.994182z m-23.994182-47.988364V215.970909H215.970909v208.011636h208.011636zM832 471.970909h-256c-13.265455 0-23.994182-10.728727-23.994182-23.994182v-256c0-13.265455 10.728727-23.994182 23.994182-23.994182h256c13.265455 0 23.994182 10.728727 23.994182 23.994182v256c0 13.265455-10.728727 23.994182-23.994182 23.994182z m-23.994182-47.988364V215.970909H599.970909v208.011636h208.011636z" ></path></symbol><symbol id="icon-car" viewBox="0 0 1024 1024"><path d="M130.653091 99.956364l97.629091 16.314181c10.263273 1.722182 18.245818 9.844364 19.781818 20.13091l25.786182 172.660363h622.754909c15.220364 0 26.321455 13.870545 23.598545 28.392727l-0.698181 2.72291-106.426182 343.04a23.994182 23.994182 0 0 1-22.923637 16.872727H308.130909c-5.515636 0-10.658909-1.861818-14.754909-5.073455a23.901091 23.901091 0 0 1-13.032727-17.92L203.170909 160.744727 122.740364 147.316364a23.994182 23.994182 0 0 1-20.014546-25.320728l0.279273-2.304a23.994182 23.994182 0 0 1 27.648-19.712z m733.370182 257.093818h-581.12l45.777454 295.051636h443.787637l91.554909-295.051636zM328.541091 749.707636a94.952727 94.952727 0 1 0 0 189.905455 94.952727 94.952727 0 0 0 0-189.905455z m0 47.988364a46.964364 46.964364 0 1 1 0 93.928727 46.964364 46.964364 0 0 1 0-93.928727z m383.813818-47.988364a94.952727 94.952727 0 1 0 0 189.905455 94.952727 94.952727 0 0 0 0-189.905455z m0 47.988364a46.964364 46.964364 0 1 1 0 93.928727 46.964364 46.964364 0 0 1 0-93.928727z" ></path></symbol><symbol id="icon-jt" viewBox="0 0 1024 1024"><path d="M390.956138 204.376276a30.896552 30.896552 0 0 0-43.714207 43.678896L611.222069 512l-263.980138 263.944828a30.896552 30.896552 0 0 0-1.765517 41.736827l1.765517 1.942069a30.896552 30.896552 0 0 0 43.714207 0l285.801931-285.766621a30.896552 30.896552 0 0 0 0-43.714206l-285.801931-285.766621z" ></path></symbol><symbol id="icon-adindex3" viewBox="0 0 1024 1024"><path d="M512 32c91.818667 0 166.272 214.912 166.272 480l-0.085333 15.829333C675.285333 785.621333 602.026667 992 512 992c-90.88 0-164.778667-210.645333-166.272-472.064V512C345.728 246.912 420.181333 32 512 32z m0 112.213333l-1.066667 1.706667c-8.618667 14.506667-17.493333 34.133333-25.813333 58.112-27.221333 78.592-43.392 189.013333-43.392 307.968 0 118.912 16.213333 229.376 43.392 307.968 8.277333 23.936 17.194667 43.562667 25.813333 58.069333l1.066667 1.706667 1.066667-1.706667c7.893333-13.312 16.042667-30.890667 23.722666-52.181333l2.090667-5.888c27.221333-78.592 43.392-189.013333 43.392-307.968 0-118.912-16.213333-229.376-43.392-307.968a322.346667 322.346667 0 0 0-25.813333-58.069333L512 144.213333z" ></path><path d="M927.701333 272c45.909333 79.530667-102.997333 251.477333-332.544 384l-13.781333 7.850667C356.693333 790.229333 141.312 829.952 96.298667 752c-45.44-78.72 100.010667-248.021333 325.717333-380.032l6.826667-3.968c229.589333-132.565333 452.949333-175.530667 498.858666-96zM830.506667 328.106667h-2.048a322.346667 322.346667 0 0 0-63.146667 6.613333c-81.706667 15.744-185.472 56.96-288.426667 116.394667-103.04 59.477333-190.592 128.725333-245.034666 191.573333-16.597333 19.2-29.141333 36.693333-37.376 51.413333l-0.981334 1.749334 2.048 0.085333c15.445333 0.213333 34.773333-1.536 57.045334-5.546667l6.144-1.109333c81.664-15.744 185.429333-56.96 288.426666-116.394667 102.997333-59.477333 190.549333-128.725333 244.992-191.573333 16.597333-19.2 29.141333-36.693333 37.376-51.413333l0.981334-1.792z" ></path><path d="M927.701333 752c-45.909333 79.530667-269.226667 36.565333-498.858666-96l-13.653334-7.978667c-221.781333-131.413333-363.861333-298.069333-318.890666-376.021333 45.482667-78.72 264.832-37.418667 491.946666 92.032l6.912 3.968c229.546667 132.522667 378.453333 304.469333 332.544 384z m-97.194666-56.106667l-0.981334-1.792a322.346667 322.346667 0 0 0-37.376-51.370666c-54.442667-62.890667-141.994667-132.138667-244.992-191.573334-102.997333-59.477333-206.762667-100.693333-288.426666-116.437333a322.346667 322.346667 0 0 0-63.189334-6.656l-2.005333 0.042667 0.938667 1.792c7.552 13.482667 18.730667 29.354667 33.28 46.634666l4.096 4.736c54.442667 62.890667 141.994667 132.138667 244.992 191.573334 102.997333 59.477333 206.762667 100.693333 288.426666 116.437333a322.346667 322.346667 0 0 0 63.189334 6.656l2.048-0.042667z" ></path></symbol><symbol id="icon-home" viewBox="0 0 1024 1024"><path d="M528.989091 119.528727l408.832 408.855273a23.994182 23.994182 0 1 1-33.931636 33.931636l-70.516364-70.516363v395.706182c0 13.265455-10.752 23.994182-23.994182 23.994181H214.621091c-13.265455 0-23.994182-10.752-23.994182-23.994181V491.799273l-70.516364 70.516363a23.994182 23.994182 0 0 1-32.116363 1.652364l-1.815273-1.629091a23.994182 23.994182 0 0 1 0-33.978182L495.010909 119.552a23.994182 23.994182 0 0 1 33.931636 0z m83.968 518.423273h-201.914182c-13.265455 0-23.994182 8.866909-23.994182 19.781818v186.042182c0 10.938182 10.728727 19.781818 23.994182 19.781818h201.914182c13.265455 0 23.994182-8.843636 23.994182-19.781818v-186.018909c0-10.938182-10.728727-19.781818-23.994182-19.781818z" ></path></symbol><symbol id="icon-search" viewBox="0 0 1024 1024"><path d="M717.703529 220.551529c128.903529 128.903529 139.565176 331.233882 31.984942 472.244706l148.148705 148.178824a32.015059 32.015059 0 0 1-45.266823 45.236706l-146.070588-146.070589c-141.191529 129.596235-360.779294 126.012235-497.573647-10.782117-140.498824-140.528941-140.498824-368.338824 0-508.80753 140.498824-140.498824 368.278588-140.498824 508.777411 0zM254.192941 265.788235c-115.531294 115.531294-115.531294 302.802824 0 418.304 115.471059 115.501176 302.772706 115.501176 418.273883 0 115.501176-115.501176 115.501176-302.772706 0-418.304-115.501176-115.501176-302.802824-115.501176-418.304 0z" ></path></symbol><symbol id="icon-news" viewBox="0 0 1024 1024"><path d="M163.607273 877.707636l40.052363-120.250181-2.722909-3.444364a392.424727 392.424727 0 0 1-82.967272-234.170182L117.899636 512c0-217.669818 176.430545-394.100364 394.100364-394.100364 217.669818 0 394.100364 176.430545 394.100364 394.100364 0 217.669818-176.430545 394.100364-394.100364 394.100364-53.294545 0-105.192727-10.589091-153.297455-30.929455l6.167273 2.536727H163.607273zM512 181.899636c-182.318545 0-330.100364 147.781818-330.100364 330.100364 0 81.221818 29.370182 157.789091 81.826909 217.576727l12.101819 13.800728-23.435637 70.330181h125.253818l5.981091 2.513455c40.261818 16.989091 83.665455 25.879273 128.372364 25.879273 182.318545 0 330.100364-147.781818 330.100364-330.100364S694.318545 181.899636 512 181.899636z m-142.289455 282.112a47.988364 47.988364 0 1 1 0 95.976728 47.988364 47.988364 0 0 1 0-96z m142.289455 0a47.988364 47.988364 0 1 1 0 95.976728 47.988364 47.988364 0 0 1 0-96z m142.289455 0a47.988364 47.988364 0 1 1 0 95.976728 47.988364 47.988364 0 0 1 0-96z" ></path></symbol><symbol id="icon-tz" viewBox="0 0 1024 1024"><path d="M632.397576 174.08a62.060606 62.060606 0 0 1 16.880485 42.511515v590.81697a62.060606 62.060606 0 0 1-105.44097 44.373333l-166.074182-162.350545H227.29697a62.060606 62.060606 0 0 1-62.060606-62.060606v-236.885334a62.060606 62.060606 0 0 1 62.060606-62.060606h150.465939l166.94303-157.044363a62.060606 62.060606 0 0 1 87.722667 2.668606z m113.881212 126.417455a31.030303 31.030303 0 0 1 43.628606 4.840727c45.769697 57.219879 68.856242 122.91103 68.856242 195.956363 0 72.114424-22.465939 143.732364-66.808242 214.450425a31.030303 31.030303 0 1 1-52.565333-32.954182c38.384485-61.253818 57.31297-121.607758 57.312969-181.496243 0-58.957576-18.307879-110.964364-55.233939-157.199515a31.030303 31.030303 0 0 1 4.809697-43.597575z" ></path></symbol><symbol id="icon-user" viewBox="0 0 1024 1024"><path d="M512 79.988364a200.005818 200.005818 0 1 0 0 400.011636 200.005818 200.005818 0 0 0 0-400.011636zM512 128a151.994182 151.994182 0 1 1 0 303.988364A151.994182 151.994182 0 0 1 512 128z m128.465455 388.445091l-10.077091 6.539636A216.157091 216.157091 0 0 1 512 558.033455a216.017455 216.017455 0 0 1-118.365091-35.048728l-10.053818-6.539636-11.264 4.096A408.203636 408.203636 0 0 0 104.354909 887.016727l-1.024 24.994909h817.338182l-1.024-24.994909a408.180364 408.180364 0 0 0-267.938909-366.452363l-11.264-4.119273z m-262.446546 53.294545l1.210182 0.721455A264.052364 264.052364 0 0 0 512 606.045091l7.074909-0.093091c44.753455-1.163636 87.738182-13.498182 125.672727-35.467636l1.210182-0.721455 1.396364 0.535273A360.308364 360.308364 0 0 1 868.864 856.436364l0.884364 7.586909H154.205091l0.116364-1.047273a360.308364 360.308364 0 0 1 216.296727-290.141091l7.400727-3.072z" ></path></symbol><symbol id="icon-qq" viewBox="0 0 1024 1024"><path d="M511.232 96.789333c-78.4 0-147.050667 27.050667-204.074667 79.573334l-7.061333 6.698666-6.656 7.573334c-47.829333 55.68-74.389333 118.336-77.610667 186.069333l-0.277333 8.106667-1.792 4.224a177.322667 177.322667 0 0 0-11.904 55.253333l-0.256 5.290667-3.648 3.733333c-21.141333 22.272-35.669333 49.493333-45.952 80.490667l-2.133333 6.698666c-15.786667 49.578667-21.333333 91.733333-14.037334 130.688l0.810667 4.544c6.848 36.16 22.698667 65.365333 54.058667 82.688l1.984 1.024-0.64 2.624A122.026667 122.026667 0 0 0 189.141333 789.333333l0.085334 4.501334c1.450667 38.826667 21.866667 71.018667 55.36 93.248l0.725333 0.746666 4.757333 3.285334c34.389333 23.808 77.781333 34.197333 129.472 34.197333l6.656-0.064c46.378667-0.789333 86.442667-9.898667 117.589334-29.056l3.861333-2.496h3.264l2.005333 1.344c36.16 23.381333 78.122667 33.770667 129.962667 33.770667 53.930667 0 97.002667-9.877333 132.906667-32.981334 43.093333-27.861333 62.762667-61.589333 62.762666-101.226666l-0.064-4.906667a118.613333 118.613333 0 0 0-2.773333-22.826667l-0.576-2.24 0.277333-0.128c27.882667-14.805333 46.272-44.202667 51.477334-86.997333l1.066666-10.026667c3.050667-32.32-0.64-67.285333-10.794666-104.448l-1.749334-6.122666v-1.258667l-2.453333-8.618667-1.877333-6.229333c-9.258667-28.928-24.917333-56.256-48.490667-85.077333l-3.52-4.245334-0.213333-4.352c-1.173333-18.026667-5.013333-35.285333-11.84-54.101333l-1.856-4.906667 0.042666 2.688c0-80.554667-28.522667-149.333333-84.586666-207.637333-57.173333-57.194667-128.064-86.357333-209.408-86.357333z m0 64c64.96 0 119.381333 22.826667 163.264 66.730667 43.904 45.653333 66.730667 98.304 66.730667 163.264v7.04l1.749333 6.997333c8.768 21.077333 12.288 36.885333 12.288 54.442667v15.786667l8.768 10.538666c26.346667 29.845333 40.384 54.421333 47.402667 78.997334v1.749333c11.52 36.224 15.338667 67.797333 12.864 94.741333l-0.576 5.333334c-3.498667 36.864-17.557333 42.133333-24.576 43.904l-7.018667 1.749333H728.96l36.864 54.421333c7.018667 8.768 8.768 15.786667 8.768 28.096l-0.085333 3.008c-0.64 11.818667-5.802667 26.624-33.28 44.373334-24.576 15.808-56.170667 22.826667-98.304 22.826666-43.882667 0-75.498667-8.768-101.824-28.074666l-8.768-7.04H484.906667l-5.269334 5.269333c-21.077333 17.557333-56.192 26.346667-100.074666 26.346667-38.613333 0-70.229333-7.04-93.056-22.826667l-1.749334-1.749333c-21.056-12.288-31.594667-28.096-31.594666-47.402667 0-10.538667 1.749333-19.306667 8.768-28.096l36.864-54.421333h-64.938667c-3.52-1.749333-7.04-3.52-10.538667-3.52-14.058667-7.018667-21.077333-22.826667-24.576-43.882667-4.970667-26.453333-0.597333-57.536 10.197334-93.312l2.090666-6.762667c7.018667-22.826667 19.306667-50.901333 42.133334-70.208l12.288-10.538666v-21.077334c0-19.306667 3.498667-36.864 10.538666-50.901333l3.498667-7.04v-8.746667c0-59.712 22.826667-114.133333 66.709333-163.285333 45.653333-43.904 100.074667-66.730667 165.034667-66.730667z" ></path></symbol><symbol id="icon-adindex2" viewBox="0 0 1024 1024"><path d="M881.191184 126.704162c-8.788235 0.298629-17.405824 0.426613-25.852768 0.426613h-0.042661c-222.26555 0-320.215973-101.875266-321.0692-102.771153l-22.183894-24.316961-22.269216 24.316961c-0.938549 1.066533-104.306962 110.620839-346.964629 102.34454l-31.142774-1.066533v461.851602c0 120.902221 40.357622 297.306837 389.497979 432.244636l10.835979 4.18081 10.87864-4.18081c349.097696-134.937799 389.497979-311.342416 389.49798-432.244636V125.637629l-31.185436 1.066533z m-408.994209 597.685289l-233.058867-206.480856 61.944257-50.169729 123.888514 91.423239s171.071949-177.001875 336.299296-259.594218l23.591717 26.578011s-206.480857 171.071949-312.707578 398.286215z" ></path></symbol></svg>',function(c){var a=(a=document.getElementsByTagName("script"))[a.length-1],l=a.getAttribute("data-injectcss"),a=a.getAttribute("data-disable-injectsvg");if(!a){var o,i,t,h,e,m=function(a,l){l.parentNode.insertBefore(a,l)};if(l&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(a){console&&console.log(a)}}o=function(){var a,l=document.createElement("div");l.innerHTML=c._iconfont_svg_string_3995505,(l=l.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",l=l,(a=document.body).firstChild?m(l,a.firstChild):a.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(o,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),o()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(t=o,h=c.document,e=!1,n(),h.onreadystatechange=function(){"complete"==h.readyState&&(h.onreadystatechange=null,d())})}function d(){e||(e=!0,t())}function n(){try{h.documentElement.doScroll("left")}catch(a){return void setTimeout(n,50)}d()}}(window);
\ No newline at end of file
......@@ -6,6 +6,13 @@
"description": "",
"glyphs": [
{
"icon_id": "35575744",
"name": "矩形",
"font_class": "juxing2",
"unicode": "e798",
"unicode_decimal": 59288
},
{
"icon_id": "35570633",
"name": "矩形备份 14 (4)",
"font_class": "a-juxingbeifen144",
......
......@@ -32,8 +32,12 @@
.uni-input {
min-width: 300rpx;
height: 66rpx;
line-height: 66rpx;
font-size: 24rpx;
margin-left: 11rpx;
&::-webkit-input-placeholder {
color: #919399;
}
}
}
}
......@@ -188,3 +192,107 @@
}
}
}
.no-data {
image {
width: 356rpx;
height: 356rpx;
}
.tt {
margin-top: 32rpx;
font-size: 28rpx;
color: #292b33;
}
}
.layer-box {
padding: 0 24rpx 30rpx 24rpx;
background: linear-gradient(180deg, #f0f6ff 0%, #ffffff 88rpx);
border-radius: 10rpx 10rpx 0px 0px;
.title {
height: 88rpx;
margin-bottom: 30rpx;
.left {
width: 33.3%;
}
.right {
justify-content: flex-end;
width: 33.3%;
.iconfont {
font-size: 40rpx;
color: #c2c4cc;
}
}
.center {
width: 33.3%;
font-size: 24rpx;
color: #292b33;
font-weight: bold;
}
}
.filter-item {
.h2 {
font-size: 28rpx;
color: #292b33;
font-weight: bold;
margin-bottom: 24rpx;
}
.time-filter {
margin-bottom: 40rpx;
.line {
font-size: 24rpx;
color: #919399;
}
.time {
padding: 0 24rpx;
width: 320rpx;
height: 72rpx;
background: #f5f5f7;
border-radius: 10rpx;
.uni-input {
font-size: 24rpx;
}
.iconfont {
font-size: 32rpx;
color: #484b59;
}
}
}
.tab {
.box {
width: 120rpx;
height: 48rpx;
background: #f5f5f7;
border-radius: 27rpx;
font-size: 24rpx;
color: #484b59;
margin-right: 16px;
transition: all 0.4s ease;
&.curr {
background: #1969f9;
color: #ffffff;
}
}
}
}
.btn {
margin-top: 88rpx;
.btn0 {
width: 344rpx;
height: 68rpx;
background: #ffffff;
border-radius: 10rpx;
border: 1px solid #1969f9;
color: #1969f9;
font-size: 28rpx;
}
.btn1 {
width: 344rpx;
height: 68rpx;
background: #1969f9;
border-radius: 10rpx;
color: #fff;
font-size: 28rpx;
}
}
}
<template>
<view class="page-userOrder">
<drag-button-follow follow="left,right" className="drag-button" class="drag-button" :url="kfurl"></drag-button-follow>
<view class="top">
<view class="head row bothSide verCenter">
<view class="left row verCenter">
<text class="iconfont icon-arrleft"></text>
<view class="search-box row verCenter">
<text class="iconfont icon-search"></text>
<input type="text" placeholder="请输入订单号/型号" placeholder-style="color:#F5F5F7" class="uni-input" />
<input type="text" placeholder="请输入订单号/型号" class="uni-input" />
</view>
</view>
<text class="filter">筛选</text>
<text class="filter" @click="open()">筛选</text>
</view>
<view class="tab row avarage verCenter">
<view class="box row rowCenter verCenter"><text class="t1">全部</text></view>
......@@ -28,6 +29,10 @@
</view>
</view>
<view class="list">
<view class="no-data column rowCenter verCenter">
<image src="../../static/nodate.png"></image>
<text class="tt">暂无相关订单信息</text>
</view>
<view class="box" v-for="(item, index) in 100" :key="index">
<view class="p1 row bothSide verCenter">
<view class="row verCenter">
......@@ -60,6 +65,44 @@
</view>
</view>
</view>
<!-- 筛选 -->
<uni-popup ref="popup" type="bottom">
<view class="layer-box">
<view class="title row verCenter">
<view class="left"></view>
<view class="center row rowCenter verCenter">筛选</view>
<view class="right row"><text class="iconfont icon-xxx" @click="close()"></text></view>
</view>
<view class="filter-item">
<view class="h2">下单时间</view>
<view class="time-filter row bothSide verCenter">
<view class="time row bothSide verCenter">
<picker mode="date" :value="date" @change="bindDateChange">
<view class="uni-input">{{ date }}</view>
</picker>
<text class="iconfont icon-juxing2"></text>
</view>
<text class="line">-</text>
<view class="time row bothSide verCenter">
<picker mode="date" :value="date" @change="bindDateChange">
<view class="uni-input">{{ date }}</view>
</picker>
<text class="iconfont icon-juxing2"></text>
</view>
</view>
<view class="h2">币种</view>
<view class="tab row">
<view class="box curr row rowCenter verCenter">全部</view>
<view class="box row rowCenter verCenter">人民币</view>
<view class="box row rowCenter verCenter">美元</view>
</view>
</view>
<view class="btn row bothSide verCenter">
<view class="btn0 row rowCenter verCenter">重置</view>
<view class="btn1 row rowCenter verCenter">筛选</view>
</view>
</view>
</uni-popup>
</view>
</template>
......@@ -68,10 +111,40 @@ import { Api_Url } from '@/util/api.js';
export default {
data() {
return {};
const currentDate = this.getDate({
format: true
});
return {
date: currentDate
};
},
onLoad() {},
methods: {}
methods: {
getDate(type) {
const date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
if (type === 'start') {
year = year - 60;
} else if (type === 'end') {
year = year + 2;
}
month = month > 9 ? month : '0' + month;
day = day > 9 ? day : '0' + day;
return `${year}-${month}-${day}`;
},
open() {
this.$refs.popup.open('bottom');
},
close() {
this.$refs.popup.close();
},
bindDateChange: function(e) {
this.date = e.detail.value;
}
}
};
</script>
......
## 1.8.3(2023-04-17)
- 修复 uni-popup 重复打开时的 bug
## 1.8.2(2023-02-02)
- uni-popup-dialog 组件新增 inputType 属性
## 1.8.1(2022-12-01)
- 修复 nvue 下 v-show 报错
## 1.8.0(2022-11-29)
- 优化 主题样式
## 1.7.9(2022-04-02)
- 修复 弹出层内部无法滚动的bug
## 1.7.8(2022-03-28)
- 修复 小程序中高度错误的bug
## 1.7.7(2022-03-17)
- 修复 快速调用open出现问题的Bug
## 1.7.6(2022-02-14)
- 修复 safeArea 属性不能设置为false的bug
## 1.7.5(2022-01-19)
- 修复 isMaskClick 失效的bug
## 1.7.4(2022-01-19)
- 新增 cancelText \ confirmText 属性 ,可自定义文本
- 新增 maskBackgroundColor 属性 ,可以修改蒙版颜色
- 优化 maskClick属性 更新为 isMaskClick ,解决微信小程序警告的问题
## 1.7.3(2022-01-13)
- 修复 设置 safeArea 属性不生效的bug
## 1.7.2(2021-11-26)
- 优化 组件示例
## 1.7.1(2021-11-26)
- 修复 vuedoc 文字错误
## 1.7.0(2021-11-19)
- 优化 组件UI,并提供设计资源,详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
- 文档迁移,详见:[https://uniapp.dcloud.io/component/uniui/uni-popup](https://uniapp.dcloud.io/component/uniui/uni-popup)
## 1.6.2(2021-08-24)
- 新增 支持国际化
## 1.6.1(2021-07-30)
- 优化 vue3下事件警告的问题
## 1.6.0(2021-07-13)
- 组件兼容 vue3,如何创建vue3项目,详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
## 1.5.0(2021-06-23)
- 新增 mask-click 遮罩层点击事件
## 1.4.5(2021-06-22)
- 修复 nvue 平台中间弹出后,点击内容,再点击遮罩无法关闭的Bug
## 1.4.4(2021-06-18)
- 修复 H5平台中间弹出后,点击内容,再点击遮罩无法关闭的Bug
## 1.4.3(2021-06-08)
- 修复 错误的 watch 字段
- 修复 safeArea 属性不生效的问题
- 修复 点击内容,再点击遮罩无法关闭的Bug
## 1.4.2(2021-05-12)
- 新增 组件示例地址
## 1.4.1(2021-04-29)
- 修复 组件内放置 input 、textarea 组件,无法聚焦的问题
## 1.4.0 (2021-04-29)
- 新增 type 属性的 left\right 值,支持左右弹出
- 新增 open(String:type) 方法参数 ,可以省略 type 属性 ,直接传入类型打开指定弹窗
- 新增 backgroundColor 属性,可定义主窗口背景色,默认不显示背景色
- 新增 safeArea 属性,是否适配底部安全区
- 修复 App\h5\微信小程序底部安全区占位不对的Bug
- 修复 App 端弹出等待的Bug
- 优化 提升低配设备性能,优化动画卡顿问题
- 优化 更简单的组件自定义方式
## 1.2.9(2021-02-05)
- 优化 组件引用关系,通过uni_modules引用组件
## 1.2.8(2021-02-05)
- 调整为uni_modules目录规范
## 1.2.7(2021-02-05)
- 调整为uni_modules目录规范
- 新增 支持 PC 端
- 新增 uni-popup-message 、uni-popup-dialog扩展组件支持 PC 端
// #ifdef H5
export default {
name: 'Keypress',
props: {
disable: {
type: Boolean,
default: false
}
},
mounted () {
const keyNames = {
esc: ['Esc', 'Escape'],
tab: 'Tab',
enter: 'Enter',
space: [' ', 'Spacebar'],
up: ['Up', 'ArrowUp'],
left: ['Left', 'ArrowLeft'],
right: ['Right', 'ArrowRight'],
down: ['Down', 'ArrowDown'],
delete: ['Backspace', 'Delete', 'Del']
}
const listener = ($event) => {
if (this.disable) {
return
}
const keyName = Object.keys(keyNames).find(key => {
const keyName = $event.key
const value = keyNames[key]
return value === keyName || (Array.isArray(value) && value.includes(keyName))
})
if (keyName) {
// 避免和其他按键事件冲突
setTimeout(() => {
this.$emit(keyName, {})
}, 0)
}
}
document.addEventListener('keyup', listener)
this.$once('hook:beforeDestroy', () => {
document.removeEventListener('keyup', listener)
})
},
render: () => {}
}
// #endif
<template>
<view class="uni-popup-dialog">
<view class="uni-dialog-title">
<text class="uni-dialog-title-text" :class="['uni-popup__'+dialogType]">{{titleText}}</text>
</view>
<view v-if="mode === 'base'" class="uni-dialog-content">
<slot>
<text class="uni-dialog-content-text">{{content}}</text>
</slot>
</view>
<view v-else class="uni-dialog-content">
<slot>
<input class="uni-dialog-input" v-model="val" :type="inputType" :placeholder="placeholderText" :focus="focus" >
</slot>
</view>
<view class="uni-dialog-button-group">
<view class="uni-dialog-button" @click="closeDialog">
<text class="uni-dialog-button-text">{{closeText}}</text>
</view>
<view class="uni-dialog-button uni-border-left" @click="onOk">
<text class="uni-dialog-button-text uni-button-color">{{okText}}</text>
</view>
</view>
</view>
</template>
<script>
import popup from '../uni-popup/popup.js'
import {
initVueI18n
} from '@dcloudio/uni-i18n'
import messages from '../uni-popup/i18n/index.js'
const { t } = initVueI18n(messages)
/**
* PopUp 弹出层-对话框样式
* @description 弹出层-对话框样式
* @tutorial https://ext.dcloud.net.cn/plugin?id=329
* @property {String} value input 模式下的默认值
* @property {String} placeholder input 模式下输入提示
* @property {String} type = [success|warning|info|error] 主题样式
* @value success 成功
* @value warning 提示
* @value info 消息
* @value error 错误
* @property {String} mode = [base|input] 模式、
* @value base 基础对话框
* @value input 可输入对话框
* @property {String} content 对话框内容
* @property {Boolean} beforeClose 是否拦截取消事件
* @event {Function} confirm 点击确认按钮触发
* @event {Function} close 点击取消按钮触发
*/
export default {
name: "uniPopupDialog",
mixins: [popup],
emits:['confirm','close'],
props: {
inputType:{
type: String,
default: 'text'
},
value: {
type: [String, Number],
default: ''
},
placeholder: {
type: [String, Number],
default: ''
},
type: {
type: String,
default: 'error'
},
mode: {
type: String,
default: 'base'
},
title: {
type: String,
default: ''
},
content: {
type: String,
default: ''
},
beforeClose: {
type: Boolean,
default: false
},
cancelText:{
type: String,
default: ''
},
confirmText:{
type: String,
default: ''
}
},
data() {
return {
dialogType: 'error',
focus: false,
val: ""
}
},
computed: {
okText() {
return this.confirmText || t("uni-popup.ok")
},
closeText() {
return this.cancelText || t("uni-popup.cancel")
},
placeholderText() {
return this.placeholder || t("uni-popup.placeholder")
},
titleText() {
return this.title || t("uni-popup.title")
}
},
watch: {
type(val) {
this.dialogType = val
},
mode(val) {
if (val === 'input') {
this.dialogType = 'info'
}
},
value(val) {
this.val = val
}
},
created() {
// 对话框遮罩不可点击
this.popup.disableMask()
// this.popup.closeMask()
if (this.mode === 'input') {
this.dialogType = 'info'
this.val = this.value
} else {
this.dialogType = this.type
}
},
mounted() {
this.focus = true
},
methods: {
/**
* 点击确认按钮
*/
onOk() {
if (this.mode === 'input'){
this.$emit('confirm', this.val)
}else{
this.$emit('confirm')
}
if(this.beforeClose) return
this.popup.close()
},
/**
* 点击取消按钮
*/
closeDialog() {
this.$emit('close')
if(this.beforeClose) return
this.popup.close()
},
close(){
this.popup.close()
}
}
}
</script>
<style lang="scss" >
.uni-popup-dialog {
width: 300px;
border-radius: 11px;
background-color: #fff;
}
.uni-dialog-title {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
justify-content: center;
padding-top: 25px;
}
.uni-dialog-title-text {
font-size: 16px;
font-weight: 500;
}
.uni-dialog-content {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
justify-content: center;
align-items: center;
padding: 20px;
}
.uni-dialog-content-text {
font-size: 14px;
color: #6C6C6C;
}
.uni-dialog-button-group {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
border-top-color: #f5f5f5;
border-top-style: solid;
border-top-width: 1px;
}
.uni-dialog-button {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex: 1;
flex-direction: row;
justify-content: center;
align-items: center;
height: 45px;
}
.uni-border-left {
border-left-color: #f0f0f0;
border-left-style: solid;
border-left-width: 1px;
}
.uni-dialog-button-text {
font-size: 16px;
color: #333;
}
.uni-button-color {
color: #007aff;
}
.uni-dialog-input {
flex: 1;
font-size: 14px;
border: 1px #eee solid;
height: 40px;
padding: 0 10px;
border-radius: 5px;
color: #555;
}
.uni-popup__success {
color: #4cd964;
}
.uni-popup__warn {
color: #f0ad4e;
}
.uni-popup__error {
color: #dd524d;
}
.uni-popup__info {
color: #909399;
}
</style>
<template>
<view class="uni-popup-message">
<view class="uni-popup-message__box fixforpc-width" :class="'uni-popup__'+type">
<slot>
<text class="uni-popup-message-text" :class="'uni-popup__'+type+'-text'">{{message}}</text>
</slot>
</view>
</view>
</template>
<script>
import popup from '../uni-popup/popup.js'
/**
* PopUp 弹出层-消息提示
* @description 弹出层-消息提示
* @tutorial https://ext.dcloud.net.cn/plugin?id=329
* @property {String} type = [success|warning|info|error] 主题样式
* @value success 成功
* @value warning 提示
* @value info 消息
* @value error 错误
* @property {String} message 消息提示文字
* @property {String} duration 显示时间,设置为 0 则不会自动关闭
*/
export default {
name: 'uniPopupMessage',
mixins:[popup],
props: {
/**
* 主题 success/warning/info/error 默认 success
*/
type: {
type: String,
default: 'success'
},
/**
* 消息文字
*/
message: {
type: String,
default: ''
},
/**
* 显示时间,设置为 0 则不会自动关闭
*/
duration: {
type: Number,
default: 3000
},
maskShow:{
type:Boolean,
default:false
}
},
data() {
return {}
},
created() {
this.popup.maskShow = this.maskShow
this.popup.messageChild = this
},
methods: {
timerClose(){
if(this.duration === 0) return
clearTimeout(this.timer)
this.timer = setTimeout(()=>{
this.popup.close()
},this.duration)
}
}
}
</script>
<style lang="scss" >
.uni-popup-message {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
justify-content: center;
}
.uni-popup-message__box {
background-color: #e1f3d8;
padding: 10px 15px;
border-color: #eee;
border-style: solid;
border-width: 1px;
flex: 1;
}
@media screen and (min-width: 500px) {
.fixforpc-width {
margin-top: 20px;
border-radius: 4px;
flex: none;
min-width: 380px;
/* #ifndef APP-NVUE */
max-width: 50%;
/* #endif */
/* #ifdef APP-NVUE */
max-width: 500px;
/* #endif */
}
}
.uni-popup-message-text {
font-size: 14px;
padding: 0;
}
.uni-popup__success {
background-color: #e1f3d8;
}
.uni-popup__success-text {
color: #67C23A;
}
.uni-popup__warn {
background-color: #faecd8;
}
.uni-popup__warn-text {
color: #E6A23C;
}
.uni-popup__error {
background-color: #fde2e2;
}
.uni-popup__error-text {
color: #F56C6C;
}
.uni-popup__info {
background-color: #F2F6FC;
}
.uni-popup__info-text {
color: #909399;
}
</style>
<template>
<view class="uni-popup-share">
<view class="uni-share-title"><text class="uni-share-title-text">{{shareTitleText}}</text></view>
<view class="uni-share-content">
<view class="uni-share-content-box">
<view class="uni-share-content-item" v-for="(item,index) in bottomData" :key="index" @click.stop="select(item,index)">
<image class="uni-share-image" :src="item.icon" mode="aspectFill"></image>
<text class="uni-share-text">{{item.text}}</text>
</view>
</view>
</view>
<view class="uni-share-button-box">
<button class="uni-share-button" @click="close">{{cancelText}}</button>
</view>
</view>
</template>
<script>
import popup from '../uni-popup/popup.js'
import {
initVueI18n
} from '@dcloudio/uni-i18n'
import messages from '../uni-popup/i18n/index.js'
const { t } = initVueI18n(messages)
export default {
name: 'UniPopupShare',
mixins:[popup],
emits:['select'],
props: {
title: {
type: String,
default: ''
},
beforeClose: {
type: Boolean,
default: false
}
},
data() {
return {
bottomData: [{
text: '微信',
icon: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/c2b17470-50be-11eb-b680-7980c8a877b8.png',
name: 'wx'
},
{
text: '支付宝',
icon: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/d684ae40-50be-11eb-8ff1-d5dcf8779628.png',
name: 'wx'
},
{
text: 'QQ',
icon: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/e7a79520-50be-11eb-b997-9918a5dda011.png',
name: 'qq'
},
{
text: '新浪',
icon: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/0dacdbe0-50bf-11eb-8ff1-d5dcf8779628.png',
name: 'sina'
},
// {
// text: '百度',
// icon: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/1ec6e920-50bf-11eb-8a36-ebb87efcf8c0.png',
// name: 'copy'
// },
// {
// text: '其他',
// icon: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/2e0fdfe0-50bf-11eb-b997-9918a5dda011.png',
// name: 'more'
// }
]
}
},
created() {},
computed: {
cancelText() {
return t("uni-popup.cancel")
},
shareTitleText() {
return this.title || t("uni-popup.shareTitle")
}
},
methods: {
/**
* 选择内容
*/
select(item, index) {
this.$emit('select', {
item,
index
})
this.close()
},
/**
* 关闭窗口
*/
close() {
if(this.beforeClose) return
this.popup.close()
}
}
}
</script>
<style lang="scss" >
.uni-popup-share {
background-color: #fff;
border-top-left-radius: 11px;
border-top-right-radius: 11px;
}
.uni-share-title {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
align-items: center;
justify-content: center;
height: 40px;
}
.uni-share-title-text {
font-size: 14px;
color: #666;
}
.uni-share-content {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
justify-content: center;
padding-top: 10px;
}
.uni-share-content-box {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
flex-wrap: wrap;
width: 360px;
}
.uni-share-content-item {
width: 90px;
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: column;
justify-content: center;
padding: 10px 0;
align-items: center;
}
.uni-share-content-item:active {
background-color: #f5f5f5;
}
.uni-share-image {
width: 30px;
height: 30px;
}
.uni-share-text {
margin-top: 10px;
font-size: 14px;
color: #3B4144;
}
.uni-share-button-box {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
padding: 10px 15px;
}
.uni-share-button {
flex: 1;
border-radius: 50px;
color: #666;
font-size: 16px;
}
.uni-share-button::after {
border-radius: 50px;
}
</style>
{
"uni-popup.cancel": "cancel",
"uni-popup.ok": "ok",
"uni-popup.placeholder": "pleace enter",
"uni-popup.title": "Hint",
"uni-popup.shareTitle": "Share to"
}
import en from './en.json'
import zhHans from './zh-Hans.json'
import zhHant from './zh-Hant.json'
export default {
en,
'zh-Hans': zhHans,
'zh-Hant': zhHant
}
{
"uni-popup.cancel": "取消",
"uni-popup.ok": "确定",
"uni-popup.placeholder": "请输入",
"uni-popup.title": "提示",
"uni-popup.shareTitle": "分享到"
}
{
"uni-popup.cancel": "取消",
"uni-popup.ok": "確定",
"uni-popup.placeholder": "請輸入",
"uni-popup.title": "提示",
"uni-popup.shareTitle": "分享到"
}
// #ifdef H5
export default {
name: 'Keypress',
props: {
disable: {
type: Boolean,
default: false
}
},
mounted () {
const keyNames = {
esc: ['Esc', 'Escape'],
tab: 'Tab',
enter: 'Enter',
space: [' ', 'Spacebar'],
up: ['Up', 'ArrowUp'],
left: ['Left', 'ArrowLeft'],
right: ['Right', 'ArrowRight'],
down: ['Down', 'ArrowDown'],
delete: ['Backspace', 'Delete', 'Del']
}
const listener = ($event) => {
if (this.disable) {
return
}
const keyName = Object.keys(keyNames).find(key => {
const keyName = $event.key
const value = keyNames[key]
return value === keyName || (Array.isArray(value) && value.includes(keyName))
})
if (keyName) {
// 避免和其他按键事件冲突
setTimeout(() => {
this.$emit(keyName, {})
}, 0)
}
}
document.addEventListener('keyup', listener)
// this.$once('hook:beforeDestroy', () => {
// document.removeEventListener('keyup', listener)
// })
},
render: () => {}
}
// #endif
export default {
data() {
return {
}
},
created(){
this.popup = this.getParent()
},
methods:{
/**
* 获取父元素实例
*/
getParent(name = 'uniPopup') {
let parent = this.$parent;
let parentName = parent.$options.name;
while (parentName !== name) {
parent = parent.$parent;
if (!parent) return false
parentName = parent.$options.name;
}
return parent;
},
}
}
<template>
<view v-if="showPopup" class="uni-popup" :class="[popupstyle, isDesktop ? 'fixforpc-z-index' : '']">
<view @touchstart="touchstart">
<uni-transition key="1" v-if="maskShow" name="mask" mode-class="fade" :styles="maskClass"
:duration="duration" :show="showTrans" @click="onTap" />
<uni-transition key="2" :mode-class="ani" name="content" :styles="transClass" :duration="duration"
:show="showTrans" @click="onTap">
<view class="uni-popup__wrapper" :style="{ backgroundColor: bg }" :class="[popupstyle]" @click="clear">
<slot />
</view>
</uni-transition>
</view>
<!-- #ifdef H5 -->
<keypress v-if="maskShow" @esc="onTap" />
<!-- #endif -->
</view>
</template>
<script>
// #ifdef H5
import keypress from './keypress.js'
// #endif
/**
* PopUp 弹出层
* @description 弹出层组件,为了解决遮罩弹层的问题
* @tutorial https://ext.dcloud.net.cn/plugin?id=329
* @property {String} type = [top|center|bottom|left|right|message|dialog|share] 弹出方式
* @value top 顶部弹出
* @value center 中间弹出
* @value bottom 底部弹出
* @value left 左侧弹出
* @value right 右侧弹出
* @value message 消息提示
* @value dialog 对话框
* @value share 底部分享示例
* @property {Boolean} animation = [true|false] 是否开启动画
* @property {Boolean} maskClick = [true|false] 蒙版点击是否关闭弹窗(废弃)
* @property {Boolean} isMaskClick = [true|false] 蒙版点击是否关闭弹窗
* @property {String} backgroundColor 主窗口背景色
* @property {String} maskBackgroundColor 蒙版颜色
* @property {Boolean} safeArea 是否适配底部安全区
* @event {Function} change 打开关闭弹窗触发,e={show: false}
* @event {Function} maskClick 点击遮罩触发
*/
export default {
name: 'uniPopup',
components: {
// #ifdef H5
keypress
// #endif
},
emits: ['change', 'maskClick'],
props: {
// 开启动画
animation: {
type: Boolean,
default: true
},
// 弹出层类型,可选值,top: 顶部弹出层;bottom:底部弹出层;center:全屏弹出层
// message: 消息提示 ; dialog : 对话框
type: {
type: String,
default: 'center'
},
// maskClick
isMaskClick: {
type: Boolean,
default: null
},
// TODO 2 个版本后废弃属性 ,使用 isMaskClick
maskClick: {
type: Boolean,
default: null
},
backgroundColor: {
type: String,
default: 'none'
},
safeArea: {
type: Boolean,
default: true
},
maskBackgroundColor: {
type: String,
default: 'rgba(0, 0, 0, 0.4)'
},
},
watch: {
/**
* 监听type类型
*/
type: {
handler: function(type) {
if (!this.config[type]) return
this[this.config[type]](true)
},
immediate: true
},
isDesktop: {
handler: function(newVal) {
if (!this.config[newVal]) return
this[this.config[this.type]](true)
},
immediate: true
},
/**
* 监听遮罩是否可点击
* @param {Object} val
*/
maskClick: {
handler: function(val) {
this.mkclick = val
},
immediate: true
},
isMaskClick: {
handler: function(val) {
this.mkclick = val
},
immediate: true
},
// H5 下禁止底部滚动
showPopup(show) {
// #ifdef H5
// fix by mehaotian 处理 h5 滚动穿透的问题
document.getElementsByTagName('body')[0].style.overflow = show ? 'hidden' : 'visible'
// #endif
}
},
data() {
return {
duration: 300,
ani: [],
showPopup: false,
showTrans: false,
popupWidth: 0,
popupHeight: 0,
config: {
top: 'top',
bottom: 'bottom',
center: 'center',
left: 'left',
right: 'right',
message: 'top',
dialog: 'center',
share: 'bottom'
},
maskClass: {
position: 'fixed',
bottom: 0,
top: 0,
left: 0,
right: 0,
backgroundColor: 'rgba(0, 0, 0, 0.4)'
},
transClass: {
position: 'fixed',
left: 0,
right: 0
},
maskShow: true,
mkclick: true,
popupstyle: this.isDesktop ? 'fixforpc-top' : 'top'
}
},
computed: {
isDesktop() {
return this.popupWidth >= 500 && this.popupHeight >= 500
},
bg() {
if (this.backgroundColor === '' || this.backgroundColor === 'none') {
return 'transparent'
}
return this.backgroundColor
}
},
mounted() {
const fixSize = () => {
const {
windowWidth,
windowHeight,
windowTop,
safeArea,
screenHeight,
safeAreaInsets
} = uni.getSystemInfoSync()
this.popupWidth = windowWidth
this.popupHeight = windowHeight + (windowTop || 0)
// TODO fix by mehaotian 是否适配底部安全区 ,目前微信ios 、和 app ios 计算有差异,需要框架修复
if (safeArea && this.safeArea) {
// #ifdef MP-WEIXIN
this.safeAreaInsets = screenHeight - safeArea.bottom
// #endif
// #ifndef MP-WEIXIN
this.safeAreaInsets = safeAreaInsets.bottom
// #endif
} else {
this.safeAreaInsets = 0
}
}
fixSize()
// #ifdef H5
// window.addEventListener('resize', fixSize)
// this.$once('hook:beforeDestroy', () => {
// window.removeEventListener('resize', fixSize)
// })
// #endif
},
// #ifndef VUE3
// TODO vue2
destroyed() {
this.setH5Visible()
},
// #endif
// #ifdef VUE3
// TODO vue3
unmounted() {
this.setH5Visible()
},
// #endif
created() {
// this.mkclick = this.isMaskClick || this.maskClick
if (this.isMaskClick === null && this.maskClick === null) {
this.mkclick = true
} else {
this.mkclick = this.isMaskClick !== null ? this.isMaskClick : this.maskClick
}
if (this.animation) {
this.duration = 300
} else {
this.duration = 0
}
// TODO 处理 message 组件生命周期异常的问题
this.messageChild = null
// TODO 解决头条冒泡的问题
this.clearPropagation = false
this.maskClass.backgroundColor = this.maskBackgroundColor
},
methods: {
setH5Visible() {
// #ifdef H5
// fix by mehaotian 处理 h5 滚动穿透的问题
document.getElementsByTagName('body')[0].style.overflow = 'visible'
// #endif
},
/**
* 公用方法,不显示遮罩层
*/
closeMask() {
this.maskShow = false
},
/**
* 公用方法,遮罩层禁止点击
*/
disableMask() {
this.mkclick = false
},
// TODO nvue 取消冒泡
clear(e) {
// #ifndef APP-NVUE
e.stopPropagation()
// #endif
this.clearPropagation = true
},
open(direction) {
// fix by mehaotian 处理快速打开关闭的情况
if (this.showPopup) {
return
}
let innerType = ['top', 'center', 'bottom', 'left', 'right', 'message', 'dialog', 'share']
if (!(direction && innerType.indexOf(direction) !== -1)) {
direction = this.type
}
if (!this.config[direction]) {
console.error('缺少类型:', direction)
return
}
this[this.config[direction]]()
this.$emit('change', {
show: true,
type: direction
})
},
close(type) {
this.showTrans = false
this.$emit('change', {
show: false,
type: this.type
})
clearTimeout(this.timer)
// // 自定义关闭事件
// this.customOpen && this.customClose()
this.timer = setTimeout(() => {
this.showPopup = false
}, 300)
},
// TODO 处理冒泡事件,头条的冒泡事件有问题 ,先这样兼容
touchstart() {
this.clearPropagation = false
},
onTap() {
if (this.clearPropagation) {
// fix by mehaotian 兼容 nvue
this.clearPropagation = false
return
}
this.$emit('maskClick')
if (!this.mkclick) return
this.close()
},
/**
* 顶部弹出样式处理
*/
top(type) {
this.popupstyle = this.isDesktop ? 'fixforpc-top' : 'top'
this.ani = ['slide-top']
this.transClass = {
position: 'fixed',
left: 0,
right: 0,
backgroundColor: this.bg
}
// TODO 兼容 type 属性 ,后续会废弃
if (type) return
this.showPopup = true
this.showTrans = true
this.$nextTick(() => {
if (this.messageChild && this.type === 'message') {
this.messageChild.timerClose()
}
})
},
/**
* 底部弹出样式处理
*/
bottom(type) {
this.popupstyle = 'bottom'
this.ani = ['slide-bottom']
this.transClass = {
position: 'fixed',
left: 0,
right: 0,
bottom: 0,
paddingBottom: this.safeAreaInsets + 'px',
backgroundColor: this.bg
}
// TODO 兼容 type 属性 ,后续会废弃
if (type) return
this.showPopup = true
this.showTrans = true
},
/**
* 中间弹出样式处理
*/
center(type) {
this.popupstyle = 'center'
this.ani = ['zoom-out', 'fade']
this.transClass = {
position: 'fixed',
/* #ifndef APP-NVUE */
display: 'flex',
flexDirection: 'column',
/* #endif */
bottom: 0,
left: 0,
right: 0,
top: 0,
justifyContent: 'center',
alignItems: 'center'
}
// TODO 兼容 type 属性 ,后续会废弃
if (type) return
this.showPopup = true
this.showTrans = true
},
left(type) {
this.popupstyle = 'left'
this.ani = ['slide-left']
this.transClass = {
position: 'fixed',
left: 0,
bottom: 0,
top: 0,
backgroundColor: this.bg,
/* #ifndef APP-NVUE */
display: 'flex',
flexDirection: 'column'
/* #endif */
}
// TODO 兼容 type 属性 ,后续会废弃
if (type) return
this.showPopup = true
this.showTrans = true
},
right(type) {
this.popupstyle = 'right'
this.ani = ['slide-right']
this.transClass = {
position: 'fixed',
bottom: 0,
right: 0,
top: 0,
backgroundColor: this.bg,
/* #ifndef APP-NVUE */
display: 'flex',
flexDirection: 'column'
/* #endif */
}
// TODO 兼容 type 属性 ,后续会废弃
if (type) return
this.showPopup = true
this.showTrans = true
}
}
}
</script>
<style lang="scss">
.uni-popup {
position: fixed;
/* #ifndef APP-NVUE */
z-index: 99;
/* #endif */
&.top,
&.left,
&.right {
/* #ifdef H5 */
top: var(--window-top);
/* #endif */
/* #ifndef H5 */
top: 0;
/* #endif */
}
.uni-popup__wrapper {
/* #ifndef APP-NVUE */
display: block;
/* #endif */
position: relative;
/* iphonex 等安全区设置,底部安全区适配 */
/* #ifndef APP-NVUE */
// padding-bottom: constant(safe-area-inset-bottom);
// padding-bottom: env(safe-area-inset-bottom);
/* #endif */
&.left,
&.right {
/* #ifdef H5 */
padding-top: var(--window-top);
/* #endif */
/* #ifndef H5 */
padding-top: 0;
/* #endif */
flex: 1;
}
}
}
.fixforpc-z-index {
/* #ifndef APP-NVUE */
z-index: 999;
/* #endif */
}
.fixforpc-top {
top: 0;
}
</style>
{
"id": "uni-popup",
"displayName": "uni-popup 弹出层",
"version": "1.8.3",
"description": " Popup 组件,提供常用的弹层",
"keywords": [
"uni-ui",
"弹出层",
"弹窗",
"popup",
"弹框"
],
"repository": "https://github.com/dcloudio/uni-ui",
"engines": {
"HBuilderX": ""
},
"directories": {
"example": "../../temps/example_temps"
},
"dcloudext": {
"sale": {
"regular": {
"price": "0.00"
},
"sourcecode": {
"price": "0.00"
}
},
"contact": {
"qq": ""
},
"declaration": {
"ads": "无",
"data": "无",
"permissions": "无"
},
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
"type": "component-vue"
},
"uni_modules": {
"dependencies": [
"uni-scss",
"uni-transition"
],
"encrypt": [],
"platforms": {
"cloud": {
"tcb": "y",
"aliyun": "y"
},
"client": {
"App": {
"app-vue": "y",
"app-nvue": "y"
},
"H5-mobile": {
"Safari": "y",
"Android Browser": "y",
"微信浏览器(Android)": "y",
"QQ浏览器(Android)": "y"
},
"H5-pc": {
"Chrome": "y",
"IE": "y",
"Edge": "y",
"Firefox": "y",
"Safari": "y"
},
"小程序": {
"微信": "y",
"阿里": "y",
"百度": "y",
"字节跳动": "y",
"QQ": "y"
},
"快应用": {
"华为": "u",
"联盟": "u"
},
"Vue": {
"vue2": "y",
"vue3": "y"
}
}
}
}
}
## Popup 弹出层
> **组件名:uni-popup**
> 代码块: `uPopup`
> 关联组件:`uni-transition`
弹出层组件,在应用中弹出一个消息提示窗口、提示框等
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-popup)
#### 如使用过程中有任何问题,或者您对uni-ui有一些好的建议,欢迎加入 uni-ui 交流群:871950839
## 1.0.3(2022-01-21)
- 优化 组件示例
## 1.0.2(2021-11-22)
- 修复 / 符号在 vue 不同版本兼容问题引起的报错问题
## 1.0.1(2021-11-22)
- 修复 vue3中scss语法兼容问题
## 1.0.0(2021-11-18)
- init
@import './styles/index.scss';
{
"id": "uni-scss",
"displayName": "uni-scss 辅助样式",
"version": "1.0.3",
"description": "uni-sass是uni-ui提供的一套全局样式 ,通过一些简单的类名和sass变量,实现简单的页面布局操作,比如颜色、边距、圆角等。",
"keywords": [
"uni-scss",
"uni-ui",
"辅助样式"
],
"repository": "https://github.com/dcloudio/uni-ui",
"engines": {
"HBuilderX": "^3.1.0"
},
"dcloudext": {
"category": [
"JS SDK",
"通用 SDK"
],
"sale": {
"regular": {
"price": "0.00"
},
"sourcecode": {
"price": "0.00"
}
},
"contact": {
"qq": ""
},
"declaration": {
"ads": "无",
"data": "无",
"permissions": "无"
},
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
},
"uni_modules": {
"dependencies": [],
"encrypt": [],
"platforms": {
"cloud": {
"tcb": "y",
"aliyun": "y"
},
"client": {
"App": {
"app-vue": "y",
"app-nvue": "u"
},
"H5-mobile": {
"Safari": "y",
"Android Browser": "y",
"微信浏览器(Android)": "y",
"QQ浏览器(Android)": "y"
},
"H5-pc": {
"Chrome": "y",
"IE": "y",
"Edge": "y",
"Firefox": "y",
"Safari": "y"
},
"小程序": {
"微信": "y",
"阿里": "y",
"百度": "y",
"字节跳动": "y",
"QQ": "y"
},
"快应用": {
"华为": "n",
"联盟": "n"
},
"Vue": {
"vue2": "y",
"vue3": "y"
}
}
}
}
}
`uni-sass``uni-ui`提供的一套全局样式 ,通过一些简单的类名和`sass`变量,实现简单的页面布局操作,比如颜色、边距、圆角等。
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-sass)
#### 如使用过程中有任何问题,或者您对uni-ui有一些好的建议,欢迎加入 uni-ui 交流群:871950839
\ No newline at end of file
@import './setting/_variables.scss';
@import './setting/_border.scss';
@import './setting/_color.scss';
@import './setting/_space.scss';
@import './setting/_radius.scss';
@import './setting/_text.scss';
@import './setting/_styles.scss';
.uni-border {
border: 1px $uni-border-1 solid;
}
\ No newline at end of file
// TODO 暂时不需要 class ,需要用户使用变量实现 ,如果使用类名其实并不推荐
// @mixin get-styles($k,$c) {
// @if $k == size or $k == weight{
// font-#{$k}:#{$c}
// }@else{
// #{$k}:#{$c}
// }
// }
$uni-ui-color:(
// 主色
primary: $uni-primary,
primary-disable: $uni-primary-disable,
primary-light: $uni-primary-light,
// 辅助色
success: $uni-success,
success-disable: $uni-success-disable,
success-light: $uni-success-light,
warning: $uni-warning,
warning-disable: $uni-warning-disable,
warning-light: $uni-warning-light,
error: $uni-error,
error-disable: $uni-error-disable,
error-light: $uni-error-light,
info: $uni-info,
info-disable: $uni-info-disable,
info-light: $uni-info-light,
// 中性色
main-color: $uni-main-color,
base-color: $uni-base-color,
secondary-color: $uni-secondary-color,
extra-color: $uni-extra-color,
// 背景色
bg-color: $uni-bg-color,
// 边框颜色
border-1: $uni-border-1,
border-2: $uni-border-2,
border-3: $uni-border-3,
border-4: $uni-border-4,
// 黑色
black:$uni-black,
// 白色
white:$uni-white,
// 透明
transparent:$uni-transparent
) !default;
@each $key, $child in $uni-ui-color {
.uni-#{"" + $key} {
color: $child;
}
.uni-#{"" + $key}-bg {
background-color: $child;
}
}
.uni-shadow-sm {
box-shadow: $uni-shadow-sm;
}
.uni-shadow-base {
box-shadow: $uni-shadow-base;
}
.uni-shadow-lg {
box-shadow: $uni-shadow-lg;
}
.uni-mask {
background-color:$uni-mask;
}
@mixin radius($r,$d:null ,$important: false){
$radius-value:map-get($uni-radius, $r) if($important, !important, null);
// Key exists within the $uni-radius variable
@if (map-has-key($uni-radius, $r) and $d){
@if $d == t {
border-top-left-radius:$radius-value;
border-top-right-radius:$radius-value;
}@else if $d == r {
border-top-right-radius:$radius-value;
border-bottom-right-radius:$radius-value;
}@else if $d == b {
border-bottom-left-radius:$radius-value;
border-bottom-right-radius:$radius-value;
}@else if $d == l {
border-top-left-radius:$radius-value;
border-bottom-left-radius:$radius-value;
}@else if $d == tl {
border-top-left-radius:$radius-value;
}@else if $d == tr {
border-top-right-radius:$radius-value;
}@else if $d == br {
border-bottom-right-radius:$radius-value;
}@else if $d == bl {
border-bottom-left-radius:$radius-value;
}
}@else{
border-radius:$radius-value;
}
}
@each $key, $child in $uni-radius {
@if($key){
.uni-radius-#{"" + $key} {
@include radius($key)
}
}@else{
.uni-radius {
@include radius($key)
}
}
}
@each $direction in t, r, b, l,tl, tr, br, bl {
@each $key, $child in $uni-radius {
@if($key){
.uni-radius-#{"" + $direction}-#{"" + $key} {
@include radius($key,$direction,false)
}
}@else{
.uni-radius-#{$direction} {
@include radius($key,$direction,false)
}
}
}
}
@mixin fn($space,$direction,$size,$n) {
@if $n {
#{$space}-#{$direction}: #{$size*$uni-space-root}px
} @else {
#{$space}-#{$direction}: #{-$size*$uni-space-root}px
}
}
@mixin get-styles($direction,$i,$space,$n){
@if $direction == t {
@include fn($space, top,$i,$n);
}
@if $direction == r {
@include fn($space, right,$i,$n);
}
@if $direction == b {
@include fn($space, bottom,$i,$n);
}
@if $direction == l {
@include fn($space, left,$i,$n);
}
@if $direction == x {
@include fn($space, left,$i,$n);
@include fn($space, right,$i,$n);
}
@if $direction == y {
@include fn($space, top,$i,$n);
@include fn($space, bottom,$i,$n);
}
@if $direction == a {
@if $n {
#{$space}:#{$i*$uni-space-root}px;
} @else {
#{$space}:#{-$i*$uni-space-root}px;
}
}
}
@each $orientation in m,p {
$space: margin;
@if $orientation == m {
$space: margin;
} @else {
$space: padding;
}
@for $i from 0 through 16 {
@each $direction in t, r, b, l, x, y, a {
.uni-#{$orientation}#{$direction}-#{$i} {
@include get-styles($direction,$i,$space,true);
}
.uni-#{$orientation}#{$direction}-n#{$i} {
@include get-styles($direction,$i,$space,false);
}
}
}
}
\ No newline at end of file
/* #ifndef APP-NVUE */
$-color-white:#fff;
$-color-black:#000;
@mixin base-style($color) {
color: #fff;
background-color: $color;
border-color: mix($-color-black, $color, 8%);
&:not([hover-class]):active {
background: mix($-color-black, $color, 10%);
border-color: mix($-color-black, $color, 20%);
color: $-color-white;
outline: none;
}
}
@mixin is-color($color) {
@include base-style($color);
&[loading] {
@include base-style($color);
&::before {
margin-right:5px;
}
}
&[disabled] {
&,
&[loading],
&:not([hover-class]):active {
color: $-color-white;
border-color: mix(darken($color,10%), $-color-white);
background-color: mix($color, $-color-white);
}
}
}
@mixin base-plain-style($color) {
color:$color;
background-color: mix($-color-white, $color, 90%);
border-color: mix($-color-white, $color, 70%);
&:not([hover-class]):active {
background: mix($-color-white, $color, 80%);
color: $color;
outline: none;
border-color: mix($-color-white, $color, 50%);
}
}
@mixin is-plain($color){
&[plain] {
@include base-plain-style($color);
&[loading] {
@include base-plain-style($color);
&::before {
margin-right:5px;
}
}
&[disabled] {
&,
&:active {
color: mix($-color-white, $color, 40%);
background-color: mix($-color-white, $color, 90%);
border-color: mix($-color-white, $color, 80%);
}
}
}
}
.uni-btn {
margin: 5px;
color: #393939;
border:1px solid #ccc;
font-size: 16px;
font-weight: 200;
background-color: #F9F9F9;
// TODO 暂时处理边框隐藏一边的问题
overflow: visible;
&::after{
border: none;
}
&:not([type]),&[type=default] {
color: #999;
&[loading] {
background: none;
&::before {
margin-right:5px;
}
}
&[disabled]{
color: mix($-color-white, #999, 60%);
&,
&[loading],
&:active {
color: mix($-color-white, #999, 60%);
background-color: mix($-color-white,$-color-black , 98%);
border-color: mix($-color-white, #999, 85%);
}
}
&[plain] {
color: #999;
background: none;
border-color: $uni-border-1;
&:not([hover-class]):active {
background: none;
color: mix($-color-white, $-color-black, 80%);
border-color: mix($-color-white, $-color-black, 90%);
outline: none;
}
&[disabled]{
&,
&[loading],
&:active {
background: none;
color: mix($-color-white, #999, 60%);
border-color: mix($-color-white, #999, 85%);
}
}
}
}
&:not([hover-class]):active {
color: mix($-color-white, $-color-black, 50%);
}
&[size=mini] {
font-size: 16px;
font-weight: 200;
border-radius: 8px;
}
&.uni-btn-small {
font-size: 14px;
}
&.uni-btn-mini {
font-size: 12px;
}
&.uni-btn-radius {
border-radius: 999px;
}
&[type=primary] {
@include is-color($uni-primary);
@include is-plain($uni-primary)
}
&[type=success] {
@include is-color($uni-success);
@include is-plain($uni-success)
}
&[type=error] {
@include is-color($uni-error);
@include is-plain($uni-error)
}
&[type=warning] {
@include is-color($uni-warning);
@include is-plain($uni-warning)
}
&[type=info] {
@include is-color($uni-info);
@include is-plain($uni-info)
}
}
/* #endif */
@mixin get-styles($k,$c) {
@if $k == size or $k == weight{
font-#{$k}:#{$c}
}@else{
#{$k}:#{$c}
}
}
@each $key, $child in $uni-headings {
/* #ifndef APP-NVUE */
.uni-#{$key} {
@each $k, $c in $child {
@include get-styles($k,$c)
}
}
/* #endif */
/* #ifdef APP-NVUE */
.container .uni-#{$key} {
@each $k, $c in $child {
@include get-styles($k,$c)
}
}
/* #endif */
}
// @use "sass:math";
@import '../tools/functions.scss';
// 间距基础倍数
$uni-space-root: 2 !default;
// 边框半径默认值
$uni-radius-root:5px !default;
$uni-radius: () !default;
// 边框半径断点
$uni-radius: map-deep-merge(
(
0: 0,
// TODO 当前版本暂时不支持 sm 属性
// 'sm': math.div($uni-radius-root, 2),
null: $uni-radius-root,
'lg': $uni-radius-root * 2,
'xl': $uni-radius-root * 6,
'pill': 9999px,
'circle': 50%
),
$uni-radius
);
// 字体家族
$body-font-family: 'Roboto', sans-serif !default;
// 文本
$heading-font-family: $body-font-family !default;
$uni-headings: () !default;
$letterSpacing: -0.01562em;
$uni-headings: map-deep-merge(
(
'h1': (
size: 32px,
weight: 300,
line-height: 50px,
// letter-spacing:-0.01562em
),
'h2': (
size: 28px,
weight: 300,
line-height: 40px,
// letter-spacing: -0.00833em
),
'h3': (
size: 24px,
weight: 400,
line-height: 32px,
// letter-spacing: normal
),
'h4': (
size: 20px,
weight: 400,
line-height: 30px,
// letter-spacing: 0.00735em
),
'h5': (
size: 16px,
weight: 400,
line-height: 24px,
// letter-spacing: normal
),
'h6': (
size: 14px,
weight: 500,
line-height: 18px,
// letter-spacing: 0.0125em
),
'subtitle': (
size: 12px,
weight: 400,
line-height: 20px,
// letter-spacing: 0.00937em
),
'body': (
font-size: 14px,
font-weight: 400,
line-height: 22px,
// letter-spacing: 0.03125em
),
'caption': (
'size': 12px,
'weight': 400,
'line-height': 20px,
// 'letter-spacing': 0.03333em,
// 'text-transform': false
)
),
$uni-headings
);
// 主色
$uni-primary: #2979ff !default;
$uni-primary-disable:lighten($uni-primary,20%) !default;
$uni-primary-light: lighten($uni-primary,25%) !default;
// 辅助色
// 除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。
$uni-success: #18bc37 !default;
$uni-success-disable:lighten($uni-success,20%) !default;
$uni-success-light: lighten($uni-success,25%) !default;
$uni-warning: #f3a73f !default;
$uni-warning-disable:lighten($uni-warning,20%) !default;
$uni-warning-light: lighten($uni-warning,25%) !default;
$uni-error: #e43d33 !default;
$uni-error-disable:lighten($uni-error,20%) !default;
$uni-error-light: lighten($uni-error,25%) !default;
$uni-info: #8f939c !default;
$uni-info-disable:lighten($uni-info,20%) !default;
$uni-info-light: lighten($uni-info,25%) !default;
// 中性色
// 中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。
$uni-main-color: #3a3a3a !default; // 主要文字
$uni-base-color: #6a6a6a !default; // 常规文字
$uni-secondary-color: #909399 !default; // 次要文字
$uni-extra-color: #c7c7c7 !default; // 辅助说明
// 边框颜色
$uni-border-1: #F0F0F0 !default;
$uni-border-2: #EDEDED !default;
$uni-border-3: #DCDCDC !default;
$uni-border-4: #B9B9B9 !default;
// 常规色
$uni-black: #000000 !default;
$uni-white: #ffffff !default;
$uni-transparent: rgba($color: #000000, $alpha: 0) !default;
// 背景色
$uni-bg-color: #f7f7f7 !default;
/* 水平间距 */
$uni-spacing-sm: 8px !default;
$uni-spacing-base: 15px !default;
$uni-spacing-lg: 30px !default;
// 阴影
$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5) !default;
$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5) !default;
// 蒙版
$uni-mask: rgba($color: #000000, $alpha: 0.4) !default;
// 合并 map
@function map-deep-merge($parent-map, $child-map){
$result: $parent-map;
@each $key, $child in $child-map {
$parent-has-key: map-has-key($result, $key);
$parent-value: map-get($result, $key);
$parent-type: type-of($parent-value);
$child-type: type-of($child);
$parent-is-map: $parent-type == map;
$child-is-map: $child-type == map;
@if (not $parent-has-key) or ($parent-type != $child-type) or (not ($parent-is-map and $child-is-map)){
$result: map-merge($result, ( $key: $child ));
}@else {
$result: map-merge($result, ( $key: map-deep-merge($parent-value, $child) ));
}
}
@return $result;
};
// 间距基础倍数
$uni-space-root: 2;
// 边框半径默认值
$uni-radius-root:5px;
// 主色
$uni-primary: #2979ff;
// 辅助色
$uni-success: #4cd964;
// 警告色
$uni-warning: #f0ad4e;
// 错误色
$uni-error: #dd524d;
// 描述色
$uni-info: #909399;
// 中性色
$uni-main-color: #303133;
$uni-base-color: #606266;
$uni-secondary-color: #909399;
$uni-extra-color: #C0C4CC;
// 背景色
$uni-bg-color: #f5f5f5;
// 边框颜色
$uni-border-1: #DCDFE6;
$uni-border-2: #E4E7ED;
$uni-border-3: #EBEEF5;
$uni-border-4: #F2F6FC;
// 常规色
$uni-black: #000000;
$uni-white: #ffffff;
$uni-transparent: rgba($color: #000000, $alpha: 0);
@import './styles/setting/_variables.scss';
// 间距基础倍数
$uni-space-root: 2;
// 边框半径默认值
$uni-radius-root:5px;
// 主色
$uni-primary: #2979ff;
$uni-primary-disable:mix(#fff,$uni-primary,50%);
$uni-primary-light: mix(#fff,$uni-primary,80%);
// 辅助色
// 除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。
$uni-success: #18bc37;
$uni-success-disable:mix(#fff,$uni-success,50%);
$uni-success-light: mix(#fff,$uni-success,80%);
$uni-warning: #f3a73f;
$uni-warning-disable:mix(#fff,$uni-warning,50%);
$uni-warning-light: mix(#fff,$uni-warning,80%);
$uni-error: #e43d33;
$uni-error-disable:mix(#fff,$uni-error,50%);
$uni-error-light: mix(#fff,$uni-error,80%);
$uni-info: #8f939c;
$uni-info-disable:mix(#fff,$uni-info,50%);
$uni-info-light: mix(#fff,$uni-info,80%);
// 中性色
// 中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。
$uni-main-color: #3a3a3a; // 主要文字
$uni-base-color: #6a6a6a; // 常规文字
$uni-secondary-color: #909399; // 次要文字
$uni-extra-color: #c7c7c7; // 辅助说明
// 边框颜色
$uni-border-1: #F0F0F0;
$uni-border-2: #EDEDED;
$uni-border-3: #DCDCDC;
$uni-border-4: #B9B9B9;
// 常规色
$uni-black: #000000;
$uni-white: #ffffff;
$uni-transparent: rgba($color: #000000, $alpha: 0);
// 背景色
$uni-bg-color: #f7f7f7;
/* 水平间距 */
$uni-spacing-sm: 8px;
$uni-spacing-base: 15px;
$uni-spacing-lg: 30px;
// 阴影
$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);
// 蒙版
$uni-mask: rgba($color: #000000, $alpha: 0.4);
## 1.3.2(2023-05-04)
- 修复 NVUE 平台报错的问题
## 1.3.1(2021-11-23)
- 修复 init 方法初始化问题
## 1.3.0(2021-11-19)
- 优化 组件UI,并提供设计资源,详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
- 文档迁移,详见:[https://uniapp.dcloud.io/component/uniui/uni-transition](https://uniapp.dcloud.io/component/uniui/uni-transition)
## 1.2.1(2021-09-27)
- 修复 init 方法不生效的 Bug
## 1.2.0(2021-07-30)
- 组件兼容 vue3,如何创建 vue3 项目,详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
## 1.1.1(2021-05-12)
- 新增 示例地址
- 修复 示例项目缺少组件的 Bug
## 1.1.0(2021-04-22)
- 新增 通过方法自定义动画
- 新增 custom-class 非 NVUE 平台支持自定义 class 定制样式
- 优化 动画触发逻辑,使动画更流畅
- 优化 支持单独的动画类型
- 优化 文档示例
## 1.0.2(2021-02-05)
- 调整为 uni_modules 目录规范
// const defaultOption = {
// duration: 300,
// timingFunction: 'linear',
// delay: 0,
// transformOrigin: '50% 50% 0'
// }
// #ifdef APP-NVUE
const nvueAnimation = uni.requireNativePlugin('animation')
// #endif
class MPAnimation {
constructor(options, _this) {
this.options = options
// 在iOS10+QQ小程序平台下,传给原生的对象一定是个普通对象而不是Proxy对象,否则会报parameter should be Object instead of ProxyObject的错误
this.animation = uni.createAnimation({
...options
})
this.currentStepAnimates = {}
this.next = 0
this.$ = _this
}
_nvuePushAnimates(type, args) {
let aniObj = this.currentStepAnimates[this.next]
let styles = {}
if (!aniObj) {
styles = {
styles: {},
config: {}
}
} else {
styles = aniObj
}
if (animateTypes1.includes(type)) {
if (!styles.styles.transform) {
styles.styles.transform = ''
}
let unit = ''
if(type === 'rotate'){
unit = 'deg'
}
styles.styles.transform += `${type}(${args+unit}) `
} else {
styles.styles[type] = `${args}`
}
this.currentStepAnimates[this.next] = styles
}
_animateRun(styles = {}, config = {}) {
let ref = this.$.$refs['ani'].ref
if (!ref) return
return new Promise((resolve, reject) => {
nvueAnimation.transition(ref, {
styles,
...config
}, res => {
resolve()
})
})
}
_nvueNextAnimate(animates, step = 0, fn) {
let obj = animates[step]
if (obj) {
let {
styles,
config
} = obj
this._animateRun(styles, config).then(() => {
step += 1
this._nvueNextAnimate(animates, step, fn)
})
} else {
this.currentStepAnimates = {}
typeof fn === 'function' && fn()
this.isEnd = true
}
}
step(config = {}) {
// #ifndef APP-NVUE
this.animation.step(config)
// #endif
// #ifdef APP-NVUE
this.currentStepAnimates[this.next].config = Object.assign({}, this.options, config)
this.currentStepAnimates[this.next].styles.transformOrigin = this.currentStepAnimates[this.next].config.transformOrigin
this.next++
// #endif
return this
}
run(fn) {
// #ifndef APP-NVUE
this.$.animationData = this.animation.export()
this.$.timer = setTimeout(() => {
typeof fn === 'function' && fn()
}, this.$.durationTime)
// #endif
// #ifdef APP-NVUE
this.isEnd = false
let ref = this.$.$refs['ani'] && this.$.$refs['ani'].ref
if(!ref) return
this._nvueNextAnimate(this.currentStepAnimates, 0, fn)
this.next = 0
// #endif
}
}
const animateTypes1 = ['matrix', 'matrix3d', 'rotate', 'rotate3d', 'rotateX', 'rotateY', 'rotateZ', 'scale', 'scale3d',
'scaleX', 'scaleY', 'scaleZ', 'skew', 'skewX', 'skewY', 'translate', 'translate3d', 'translateX', 'translateY',
'translateZ'
]
const animateTypes2 = ['opacity', 'backgroundColor']
const animateTypes3 = ['width', 'height', 'left', 'right', 'top', 'bottom']
animateTypes1.concat(animateTypes2, animateTypes3).forEach(type => {
MPAnimation.prototype[type] = function(...args) {
// #ifndef APP-NVUE
this.animation[type](...args)
// #endif
// #ifdef APP-NVUE
this._nvuePushAnimates(type, args)
// #endif
return this
}
})
export function createAnimation(option, _this) {
if(!_this) return
clearTimeout(_this.timer)
return new MPAnimation(option, _this)
}
<template>
<!-- #ifndef APP-NVUE -->
<view v-show="isShow" ref="ani" :animation="animationData" :class="customClass" :style="transformStyles" @click="onClick"><slot></slot></view>
<!-- #endif -->
<!-- #ifdef APP-NVUE -->
<view v-if="isShow" ref="ani" :animation="animationData" :class="customClass" :style="transformStyles" @click="onClick"><slot></slot></view>
<!-- #endif -->
</template>
<script>
import { createAnimation } from './createAnimation'
/**
* Transition 过渡动画
* @description 简单过渡动画组件
* @tutorial https://ext.dcloud.net.cn/plugin?id=985
* @property {Boolean} show = [false|true] 控制组件显示或隐藏
* @property {Array|String} modeClass = [fade|slide-top|slide-right|slide-bottom|slide-left|zoom-in|zoom-out] 过渡动画类型
* @value fade 渐隐渐出过渡
* @value slide-top 由上至下过渡
* @value slide-right 由右至左过渡
* @value slide-bottom 由下至上过渡
* @value slide-left 由左至右过渡
* @value zoom-in 由小到大过渡
* @value zoom-out 由大到小过渡
* @property {Number} duration 过渡动画持续时间
* @property {Object} styles 组件样式,同 css 样式,注意带’-‘连接符的属性需要使用小驼峰写法如:`backgroundColor:red`
*/
export default {
name: 'uniTransition',
emits:['click','change'],
props: {
show: {
type: Boolean,
default: false
},
modeClass: {
type: [Array, String],
default() {
return 'fade'
}
},
duration: {
type: Number,
default: 300
},
styles: {
type: Object,
default() {
return {}
}
},
customClass:{
type: String,
default: ''
},
onceRender:{
type:Boolean,
default:false
},
},
data() {
return {
isShow: false,
transform: '',
opacity: 1,
animationData: {},
durationTime: 300,
config: {}
}
},
watch: {
show: {
handler(newVal) {
if (newVal) {
this.open()
} else {
// 避免上来就执行 close,导致动画错乱
if (this.isShow) {
this.close()
}
}
},
immediate: true
}
},
computed: {
// 生成样式数据
stylesObject() {
let styles = {
...this.styles,
'transition-duration': this.duration / 1000 + 's'
}
let transform = ''
for (let i in styles) {
let line = this.toLine(i)
transform += line + ':' + styles[i] + ';'
}
return transform
},
// 初始化动画条件
transformStyles() {
return 'transform:' + this.transform + ';' + 'opacity:' + this.opacity + ';' + this.stylesObject
}
},
created() {
// 动画默认配置
this.config = {
duration: this.duration,
timingFunction: 'ease',
transformOrigin: '50% 50%',
delay: 0
}
this.durationTime = this.duration
},
methods: {
/**
* ref 触发 初始化动画
*/
init(obj = {}) {
if (obj.duration) {
this.durationTime = obj.duration
}
this.animation = createAnimation(Object.assign(this.config, obj),this)
},
/**
* 点击组件触发回调
*/
onClick() {
this.$emit('click', {
detail: this.isShow
})
},
/**
* ref 触发 动画分组
* @param {Object} obj
*/
step(obj, config = {}) {
if (!this.animation) return
for (let i in obj) {
try {
if(typeof obj[i] === 'object'){
this.animation[i](...obj[i])
}else{
this.animation[i](obj[i])
}
} catch (e) {
console.error(`方法 ${i} 不存在`)
}
}
this.animation.step(config)
return this
},
/**
* ref 触发 执行动画
*/
run(fn) {
if (!this.animation) return
this.animation.run(fn)
},
// 开始过度动画
open() {
clearTimeout(this.timer)
this.transform = ''
this.isShow = true
let { opacity, transform } = this.styleInit(false)
if (typeof opacity !== 'undefined') {
this.opacity = opacity
}
this.transform = transform
// 确保动态样式已经生效后,执行动画,如果不加 nextTick ,会导致 wx 动画执行异常
this.$nextTick(() => {
// TODO 定时器保证动画完全执行,目前有些问题,后面会取消定时器
this.timer = setTimeout(() => {
this.animation = createAnimation(this.config, this)
this.tranfromInit(false).step()
this.animation.run()
this.$emit('change', {
detail: this.isShow
})
}, 20)
})
},
// 关闭过度动画
close(type) {
if (!this.animation) return
this.tranfromInit(true)
.step()
.run(() => {
this.isShow = false
this.animationData = null
this.animation = null
let { opacity, transform } = this.styleInit(false)
this.opacity = opacity || 1
this.transform = transform
this.$emit('change', {
detail: this.isShow
})
})
},
// 处理动画开始前的默认样式
styleInit(type) {
let styles = {
transform: ''
}
let buildStyle = (type, mode) => {
if (mode === 'fade') {
styles.opacity = this.animationType(type)[mode]
} else {
styles.transform += this.animationType(type)[mode] + ' '
}
}
if (typeof this.modeClass === 'string') {
buildStyle(type, this.modeClass)
} else {
this.modeClass.forEach(mode => {
buildStyle(type, mode)
})
}
return styles
},
// 处理内置组合动画
tranfromInit(type) {
let buildTranfrom = (type, mode) => {
let aniNum = null
if (mode === 'fade') {
aniNum = type ? 0 : 1
} else {
aniNum = type ? '-100%' : '0'
if (mode === 'zoom-in') {
aniNum = type ? 0.8 : 1
}
if (mode === 'zoom-out') {
aniNum = type ? 1.2 : 1
}
if (mode === 'slide-right') {
aniNum = type ? '100%' : '0'
}
if (mode === 'slide-bottom') {
aniNum = type ? '100%' : '0'
}
}
this.animation[this.animationMode()[mode]](aniNum)
}
if (typeof this.modeClass === 'string') {
buildTranfrom(type, this.modeClass)
} else {
this.modeClass.forEach(mode => {
buildTranfrom(type, mode)
})
}
return this.animation
},
animationType(type) {
return {
fade: type ? 1 : 0,
'slide-top': `translateY(${type ? '0' : '-100%'})`,
'slide-right': `translateX(${type ? '0' : '100%'})`,
'slide-bottom': `translateY(${type ? '0' : '100%'})`,
'slide-left': `translateX(${type ? '0' : '-100%'})`,
'zoom-in': `scaleX(${type ? 1 : 0.8}) scaleY(${type ? 1 : 0.8})`,
'zoom-out': `scaleX(${type ? 1 : 1.2}) scaleY(${type ? 1 : 1.2})`
}
},
// 内置动画类型与实际动画对应字典
animationMode() {
return {
fade: 'opacity',
'slide-top': 'translateY',
'slide-right': 'translateX',
'slide-bottom': 'translateY',
'slide-left': 'translateX',
'zoom-in': 'scale',
'zoom-out': 'scale'
}
},
// 驼峰转中横线
toLine(name) {
return name.replace(/([A-Z])/g, '-$1').toLowerCase()
}
}
}
</script>
<style></style>
{
"id": "uni-transition",
"displayName": "uni-transition 过渡动画",
"version": "1.3.2",
"description": "元素的简单过渡动画",
"keywords": [
"uni-ui",
"uniui",
"动画",
"过渡",
"过渡动画"
],
"repository": "https://github.com/dcloudio/uni-ui",
"engines": {
"HBuilderX": ""
},
"directories": {
"example": "../../temps/example_temps"
},
"dcloudext": {
"sale": {
"regular": {
"price": "0.00"
},
"sourcecode": {
"price": "0.00"
}
},
"contact": {
"qq": ""
},
"declaration": {
"ads": "无",
"data": "无",
"permissions": "无"
},
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
"type": "component-vue"
},
"uni_modules": {
"dependencies": ["uni-scss"],
"encrypt": [],
"platforms": {
"cloud": {
"tcb": "y",
"aliyun": "y"
},
"client": {
"App": {
"app-vue": "y",
"app-nvue": "y"
},
"H5-mobile": {
"Safari": "y",
"Android Browser": "y",
"微信浏览器(Android)": "y",
"QQ浏览器(Android)": "y"
},
"H5-pc": {
"Chrome": "y",
"IE": "y",
"Edge": "y",
"Firefox": "y",
"Safari": "y"
},
"小程序": {
"微信": "y",
"阿里": "y",
"百度": "y",
"字节跳动": "y",
"QQ": "y"
},
"快应用": {
"华为": "u",
"联盟": "u"
},
"Vue": {
"vue2": "y",
"vue3": "y"
}
}
}
}
}
\ No newline at end of file
## Transition 过渡动画
> **组件名:uni-transition**
> 代码块: `uTransition`
元素过渡动画
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-transition)
#### 如使用过程中有任何问题,或者您对uni-ui有一些好的建议,欢迎加入 uni-ui 交流群:871950839
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment