@next-bricks/data-view 0.10.0 → 0.12.0

package/dist/images/71dc0f5c.svg

@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 1920 47.6451792" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>框架-下边</title>
+    <defs>
+        <linearGradient x1="12.7580373%" y1="50.0202906%" x2="78.9824893%" y2="50.1204429%" id="linearGradient-1">
+            <stop stop-color="#3D7FFF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#3D75FF" stop-opacity="0.698880262" offset="51.6206928%"></stop>
+            <stop stop-color="#66FFFF" offset="72.4163966%"></stop>
+            <stop stop-color="#3D76FF" stop-opacity="0.629205177" offset="87.7911862%"></stop>
+            <stop stop-color="#3D7FFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="-3.27134477%" y1="49.9988063%" x2="14.9319016%" y2="50.0328143%" id="linearGradient-2">
+            <stop stop-color="#3D7FFF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#3D7FFF" stop-opacity="0.0119983297" offset="0.673836386%"></stop>
+            <stop stop-color="#3D7EFF" stop-opacity="0.0978483851" offset="5.49524841%"></stop>
+            <stop stop-color="#3D7CFF" stop-opacity="0.219366106" offset="9.11521652%"></stop>
+            <stop stop-color="#165BFF" stop-opacity="0.629205177" offset="22.9650743%"></stop>
+            <stop stop-color="#00FFFF" offset="46.4281587%"></stop>
+            <stop stop-color="#004AFF" stop-opacity="0" offset="73.006611%"></stop>
+            <stop stop-color="#3D7FFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="0%" y1="0%" x2="100%" y2="0%" id="linearGradient-3">
+            <stop stop-color="#0E5FFF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#0E5FFF" stop-opacity="0.1" offset="25.830702%"></stop>
+            <stop stop-color="#0E5FFF" offset="60.4246107%"></stop>
+            <stop stop-color="#0E5FFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="0%" y1="0%" x2="100%" y2="0%" id="linearGradient-4">
+            <stop stop-color="#0E5FFF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#1D89CE" offset="51.9003973%"></stop>
+            <stop stop-color="#1871B4" offset="58.0467258%"></stop>
+            <stop stop-color="#1777B7" offset="66.5050399%"></stop>
+            <stop stop-color="#00FFFF" offset="74.7822335%"></stop>
+            <stop stop-color="#0E5FFF" offset="93.4671552%"></stop>
+            <stop stop-color="#0E5FFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="0%" y1="0%" x2="100%" y2="0%" id="linearGradient-5">
+            <stop stop-color="#0E5FFF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#0E5FFF" offset="21.3020387%"></stop>
+            <stop stop-color="#0E5FFF" offset="60.4246107%"></stop>
+            <stop stop-color="#0E5FFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="7.46796795%" y1="50.1540778%" x2="100%" y2="50.1540258%" id="linearGradient-6">
+            <stop stop-color="#0E5FFF" stop-opacity="0" offset="0.0819493007%"></stop>
+            <stop stop-color="#0E5FFF" stop-opacity="0.76" offset="59.6181849%"></stop>
+            <stop stop-color="#00FFFF" stop-opacity="0.8" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="121.823279%" y1="53.9346322%" x2="-21.823279%" y2="53.9346322%" id="linearGradient-7">
+            <stop stop-color="#0E5FFF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#0E5FFF" stop-opacity="0.2" offset="63.6246579%"></stop>
+            <stop stop-color="#0E5FFF" stop-opacity="0.05" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="-0.523693994%" y1="49.9988716%" x2="94.7087296%" y2="50%" id="linearGradient-8">
+            <stop stop-color="#3D7FFF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#3D75FF" stop-opacity="0.698880262" offset="19.9429553%"></stop>
+            <stop stop-color="#66FFFF" offset="48.5889698%"></stop>
+            <stop stop-color="#3D76FF" stop-opacity="0.629205177" offset="94.0631642%"></stop>
+            <stop stop-color="#3D7FFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="-0.523693994%" y1="49.9675111%" x2="94.7087296%" y2="50%" id="linearGradient-9">
+            <stop stop-color="#3D7FFF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#3D75FF" stop-opacity="0.698880262" offset="19.9429553%"></stop>
+            <stop stop-color="#66FFFF" offset="48.5889698%"></stop>
+            <stop stop-color="#3D76FF" stop-opacity="0.629205177" offset="94.0631642%"></stop>
+            <stop stop-color="#3D7FFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="-59.4061141%" y1="39.5842185%" x2="169.804266%" y2="39.8211925%" id="linearGradient-10">
+            <stop stop-color="#0E5FFF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#0E5FFF" stop-opacity="0.1" offset="25.830702%"></stop>
+            <stop stop-color="#0E5FFF" offset="60.4246107%"></stop>
+            <stop stop-color="#0E5FFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="设计规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="框架样式一切图" transform="translate(0, -1032.3548)">
+            <g id="框架-下边" transform="translate(-94, 1033.3572)">
+                <path d="M890.156198,14.7740918 C870.217822,14.297787 891.943208,15.1170331 955.332356,17.2318301 L1008.5614,19.0341463 L1035.8013,28.6427579 L1433,28.6427579" id="路径-47备份" stroke="url(#linearGradient-1)" stroke-width="1.2" transform="translate(1158, 21.6428) scale(-1, -1) translate(-1158, -21.6428)"></path>
+                <polyline id="路径-47备份-2" stroke="url(#linearGradient-2)" stroke-width="1.2" transform="translate(1194.134, 19.6162) scale(-1, -1) translate(-1194.134, -19.6162)" points="885.432696 20.3395807 920.957529 21.7258171 931.416659 14.6427579 1078.60796 14.6427579 1108.06936 24.5897265 1502.83536 24.5897265"></polyline>
+                <polyline id="路径-33备份" stroke="url(#linearGradient-3)" stroke-width="2" transform="translate(1679.6328, 35.5623) scale(-1, -1) rotate(4) translate(-1679.6328, -35.5623)" points="1345.30712 47.8331548 1574.79931 46.8750778 1892.69731 38.7631416 1902.18425 31.1075001 1912.60952 30.378494 2013.95843 23.2914878"></polyline>
+                <polyline id="路径-48备份" stroke="url(#linearGradient-4)" stroke-width="2" transform="translate(1256.9792, 19.6162) scale(-1, -1) translate(-1256.9792, -19.6162)" points="976 18.4089459 1046.64781 21.7258171 1057.10694 14.6427579 1137.38181 14.6427579 1182.10207 14.6427579 1204.29823 14.6427579 1232.99685 24.5897265 1537.95833 24.5897265"></polyline>
+                <line x1="2014" y1="23.6427579" x2="1450" y2="48.6427579" id="路径-49备份-4" stroke="url(#linearGradient-5)" stroke-width="2" opacity="0.298851376" transform="translate(1732, 36.1428) scale(1, -1) translate(-1732, -36.1428)"></line>
+                <path d="M1579.56088,33.4678992 L1596.05809,40.7327533 L1591.65827,40.7327533 L1575.16106,33.4678992 L1579.56088,33.4678992 Z M1568.76132,33.4678992 L1585.25852,40.7327533 L1580.8587,40.7327533 L1564.36149,33.4678992 L1568.76132,33.4678992 Z M1546.76219,33.4678992 L1563.2594,40.7327533 L1558.85958,40.7327533 L1542.36237,33.4678992 L1546.76219,33.4678992 Z M1557.56176,33.4678992 L1574.05897,40.7327533 L1569.65915,40.7327533 L1553.16194,33.4678992 L1557.56176,33.4678992 Z M1524.76307,33.4678992 L1541.26028,40.7327533 L1536.86046,40.7327533 L1520.36325,33.4678992 L1524.76307,33.4678992 Z M1535.56264,33.4678992 L1552.05985,40.7327533 L1547.66003,40.7327533 L1531.16282,33.4678992 L1535.56264,33.4678992 Z M1513.56352,33.4678992 L1530.06073,40.7327533 L1525.6609,40.7327533 L1509.1637,33.4678992 L1513.56352,33.4678992 Z M1491.5644,33.4678992 L1508.06161,40.7327533 L1503.66178,40.7327533 L1487.16458,33.4678992 L1491.5644,33.4678992 Z M1502.76395,33.4678992 L1519.26116,40.7327533 L1514.86134,40.7327533 L1498.36413,33.4678992 L1502.76395,33.4678992 Z M1469.56528,33.4678992 L1486.06249,40.7327533 L1481.66266,40.7327533 L1465.16545,33.4678992 L1469.56528,33.4678992 Z M1480.76483,33.4678992 L1497.26204,40.7327533 L1492.86221,40.7327533 L1476.36501,33.4678992 L1480.76483,33.4678992 Z" id="形状结合备份-14" fill="url(#linearGradient-6)" transform="translate(1530.6118, 37.1003) scale(-1, 1) translate(-1530.6118, -37.1003)"></path>
+                <polygon id="矩形备份-2" fill="url(#linearGradient-7)" opacity="0.7" transform="translate(1767.971, 46.7669) scale(1, -1) rotate(-3) translate(-1767.971, -46.7669)" points="1452.42195 27.3961049 2082.27975 51.8757069 2083.52002 66.1377628 1474.87046 43.10532"></polygon>
+                <line x1="634.101359" y1="23.6427579" x2="70.1013594" y2="48.6427579" id="路径-49备份-4" stroke="url(#linearGradient-5)" stroke-width="2" opacity="0.298851376" transform="translate(352.1014, 36.1428) scale(-1, -1) translate(-352.1014, -36.1428)"></line>
+                <path d="M602.438697,33.4678992 L618.935905,40.7327533 L614.53608,40.7327533 L598.038873,33.4678992 L602.438697,33.4678992 Z M591.639128,33.4678992 L608.136336,40.7327533 L603.736512,40.7327533 L587.239304,33.4678992 L591.639128,33.4678992 Z M569.640007,33.4678992 L586.137215,40.7327533 L581.737391,40.7327533 L565.240183,33.4678992 L569.640007,33.4678992 Z M580.439576,33.4678992 L596.936784,40.7327533 L592.536959,40.7327533 L576.039752,33.4678992 L580.439576,33.4678992 Z M547.640886,33.4678992 L564.138094,40.7327533 L559.73827,40.7327533 L543.241062,33.4678992 L547.640886,33.4678992 Z M558.440455,33.4678992 L574.937663,40.7327533 L570.537838,40.7327533 L554.040631,33.4678992 L558.440455,33.4678992 Z M536.441334,33.4678992 L552.938542,40.7327533 L548.538717,40.7327533 L532.04151,33.4678992 L536.441334,33.4678992 Z M514.442213,33.4678992 L530.939421,40.7327533 L526.539596,40.7327533 L510.042389,33.4678992 L514.442213,33.4678992 Z M525.641765,33.4678992 L542.138973,40.7327533 L537.739149,40.7327533 L521.241941,33.4678992 L525.641765,33.4678992 Z M492.443092,33.4678992 L508.9403,40.7327533 L504.540475,40.7327533 L488.043268,33.4678992 L492.443092,33.4678992 Z M503.642645,33.4678992 L520.139852,40.7327533 L515.740028,40.7327533 L499.24282,33.4678992 L503.642645,33.4678992 Z" id="形状结合备份-14" fill="url(#linearGradient-6)"></path>
+                <polygon id="矩形备份-2" fill="url(#linearGradient-7)" opacity="0.7" transform="translate(316.1304, 46.7669) scale(-1, -1) rotate(-3) translate(-316.1304, -46.7669)" points="0.58134187 27.3961049 630.439144 51.8757069 631.679413 66.1377628 23.0298535 43.10532"></polygon>
+                <path d="M651.156198,14.7740918 C631.217822,14.297787 652.943208,15.1170331 716.332356,17.2318301 L769.561404,19.0341463 L796.801303,28.6427579 L1194,28.6427579" id="路径-47备份" stroke="url(#linearGradient-1)" stroke-width="1.2" transform="translate(919, 21.6428) scale(1, -1) translate(-919, -21.6428)"></path>
+                <polyline id="路径-47备份-2" stroke="url(#linearGradient-2)" stroke-width="1.2" transform="translate(882.866, 19.6162) scale(1, -1) translate(-882.866, -19.6162)" points="574.164639 20.3395807 609.689472 21.7258171 620.148602 14.6427579 767.3399 14.6427579 796.801303 24.5897265 1191.5673 24.5897265"></polyline>
+                <polyline id="路径-33备份" stroke="url(#linearGradient-3)" stroke-width="2" transform="translate(397.3672, 35.5623) scale(1, -1) rotate(4) translate(-397.3672, -35.5623)" points="63.0415696 47.8331548 292.533769 46.8750778 610.431764 38.7631416 619.918702 31.1075001 630.343974 30.378494 731.692885 23.2914878"></polyline>
+                <polyline id="路径-48备份" stroke="url(#linearGradient-4)" stroke-width="2" transform="translate(820.0208, 19.6162) scale(1, -1) translate(-820.0208, -19.6162)" points="539.041665 18.4089459 609.689472 21.7258171 620.148602 14.6427579 700.423479 14.6427579 745.143731 14.6427579 767.3399 14.6427579 796.03852 24.5897265 1101 24.5897265"></polyline>
+                <line x1="824" y1="14.6427579" x2="1244.5" y2="14.3927579" id="路径-14备份-7" stroke="url(#linearGradient-8)" stroke-width="3" transform="translate(1034.5, 14.6428) scale(-1, 1) translate(-1034.5, -14.6428)"></line>
+                <path d="M795.5,33.1427579 L985.045227,33.1427579 M1030.76411,33.1427579 C1031.263,33.1427579 1031.63716,33.1427579 1031.88661,33.1427579 C1083.80069,33.1427579 1161.67182,33.1427579 1265.5,33.1427579" id="形状" stroke="url(#linearGradient-9)" stroke-width="2" opacity="0.491768973" transform="translate(1030.5, 38.6331) scale(-1, 1) translate(-1030.5, -38.6331)"></path>
+                <line x1="627" y1="23.6427579" x2="63" y2="48.6427579" id="路径-49备份-4" stroke="url(#linearGradient-5)" stroke-width="2" opacity="0.298851376" transform="translate(345, 36.1428) scale(-1, -1) translate(-345, -36.1428)"></line>
+                <path d="M1053.82815,28.6427579 C1053.82815,28.6427579 1052.93613,31.2065784 1049.93304,34.2823191 C1049.10901,35.1262841 1047.46466,36.2952924 1045,37.7893441 L1061.76497,37.7893441 C1060.27043,37.034428 1058.82208,35.8654197 1057.41991,34.2823191 C1054.69569,31.2065784 1053.82815,28.6427579 1053.82815,28.6427579 Z" id="路径-28" fill="url(#linearGradient-10)"></path>
+                <path d="M1061.82815,28.6427579 C1061.82815,28.6427579 1060.93613,31.2065784 1057.93304,34.2823191 C1057.10901,35.1262841 1055.46466,36.2952924 1053,37.7893441 L1069.76497,37.7893441 C1068.27043,37.034428 1066.82208,35.8654197 1065.41991,34.2823191 C1062.69569,31.2065784 1061.82815,28.6427579 1061.82815,28.6427579 Z" id="路径-28备份" fill="url(#linearGradient-10)" opacity="0.5"></path>
+                <path d="M1046.82815,28.6427579 C1046.82815,28.6427579 1045.93613,31.2065784 1042.93304,34.2823191 C1042.10901,35.1262841 1040.46466,36.2952924 1038,37.7893441 L1054.76497,37.7893441 C1053.27043,37.034428 1051.82208,35.8654197 1050.41991,34.2823191 C1047.69569,31.2065784 1046.82815,28.6427579 1046.82815,28.6427579 Z" id="路径-28备份-2" fill="url(#linearGradient-10)" opacity="0.5"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/images/89ffc03f.svg

@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="100%" height="100%" preserveAspectRatio="none" viewBox="0 0 383.471986 127.670842" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>按钮样式一</title>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#000000" stop-opacity="0.5216" offset="0%"></stop>
+            <stop stop-color="#001F3E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="90.8517264%" id="linearGradient-2">
+            <stop stop-color="#004BFF" stop-opacity="0.5" offset="0%"></stop>
+            <stop stop-color="#004BFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="83.0444241%" y1="43.5139276%" x2="50%" y2="53.8676626%" id="linearGradient-3">
+            <stop stop-color="#004BFF" offset="0%"></stop>
+            <stop stop-color="#66FFFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M312.072417,0.205491736 L315.551044,6.21075816 L315.583786,6.19284331 L315.583091,6.21511076 L348.860786,6.21584331 L352.491417,12.4844917 L352.491551,98.105362 L41.1084167,98.1044917 L37.8277894,92.4412253 L37.7950475,92.4591402 L37.7957422,92.4368727 L4.51804745,92.4361402 L0.491416739,85.4824917 L0.491551016,0.205756406 L312.072417,0.205491736 Z" id="path-4"></path>
+        <filter x="-2.4%" y="-8.7%" width="104.8%" height="117.4%" filterUnits="objectBoundingBox" id="filter-5">
+            <feGaussianBlur stdDeviation="8.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0.533333333   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="352.000134" height="97.8998702" fill="white">
+            <use xlink:href="#path-4"></use>
+        </mask>
+        <polygon id="path-7" points="0 97.6708419 38.28 97.6708419 36.432 94.5028419 3.234 94.5028419 0 89.0688419"></polygon>
+        <filter x="-58.8%" y="-322.8%" width="221.4%" height="684.4%" filterUnits="objectBoundingBox" id="filter-8">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="6.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.4   0 0 0 0 1   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <polygon id="path-9" points="353.471986 0 315.191986 0 317.039986 3.168 350.237986 3.168 353.471986 8.602"></polygon>
+        <filter x="-62.6%" y="-261.6%" width="221.4%" height="684.4%" filterUnits="objectBoundingBox" id="filter-10">
+            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="6.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.4   0 0 0 0 1   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="-1.49021844e-06%" y1="102.736592%" x2="-1.49021845e-06%" y2="-5.61604391%" id="linearGradient-11">
+            <stop stop-color="#0E5FFF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#0E5FFF" stop-opacity="0.1" offset="25.830702%"></stop>
+            <stop stop-color="#0E5FFF" offset="60.4246107%"></stop>
+            <stop stop-color="#0E5FFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="按钮" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="按钮切图" transform="translate(-82.5086, -173.9915)">
+            <g id="编组" transform="translate(97.5086, 188.9915)">
+                <g id="减去-203" stroke-dasharray="0,0">
+                    <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-4"></use>
+                    <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-4"></use>
+                    <use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
+                    <use stroke="url(#linearGradient-3)" mask="url(#mask-6)" stroke-width="2.2" xlink:href="#path-4"></use>
+                </g>
+                <g id="路径">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
+                    <use fill="#CCFFFF" fill-rule="evenodd" xlink:href="#path-7"></use>
+                </g>
+                <g id="路径">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
+                    <use fill="#CCFFFF" fill-rule="evenodd" xlink:href="#path-9"></use>
+                </g>
+                <g id="组-6359" transform="translate(8.7, 10.9828)">
+                    <rect id="路径" x="0" y="0" width="337.7" height="4.4"></rect>
+                    <path d="M0,0 L17.6,0 L17.6,4.4 L0,4.4 L0,0 Z" id="矩形-3603" fill="#5EB0FC"></path>
+                    <path d="M321.2,0 L337.7,0 L337.7,4.4 L321.2,4.4 L321.2,0 Z" id="矩形-3610" fill="#5EB0FC"></path>
+                    <path d="M17.6,0 L337.7,0 L337.7,1.1 L17.6,1.1 L17.6,0 Z" id="矩形-3604" fill="#5CAEF9" opacity="0.35"></path>
+                </g>
+                <g id="组-6360" transform="translate(8.7, 81.2434)">
+                    <rect id="路径" x="0" y="0" width="337.7" height="4.4"></rect>
+                    <path d="M0,0 L17.6,0 L17.6,4.4 L0,4.4 L0,0 Z" id="矩形-3603" fill="#5EB0FC"></path>
+                    <path d="M321.2,0 L337.7,0 L337.7,4.4 L321.2,4.4 L321.2,0 Z" id="矩形-3610" fill="#5EB0FC"></path>
+                    <path d="M17.6,3.3 L337.7,3.3 L337.7,4.4 L17.6,4.4 L17.6,3.3 Z" id="矩形-3604" fill="#5CAEF9" opacity="0.35"></path>
+                </g>
+                <path d="M8.69937334,19.7245961 L13.0998029,19.7245961 L13.0998029,24.2468184 L8.69937334,24.2468184 L8.69937334,19.7245961 Z M8.69937334,28.7691181 L13.0998029,28.7691181 L13.0998029,33.2913404 L8.69937334,33.2913404 L8.69937334,28.7691181 Z M8.69937334,37.8135396 L13.0998029,37.8135396 L13.0998029,42.3357619 L8.69937334,42.3357619 L8.69937334,37.8135396 Z M8.69937334,46.8579621 L13.0998029,46.8579621 L13.0998029,51.3801844 L8.69937334,51.3801844 L8.69937334,46.8579621 Z M8.69937334,55.9023867 L13.0998029,55.9023867 L13.0998029,60.424609 L8.69937334,60.424609 L8.69937334,55.9023867 Z" id="联合-253" fill="url(#linearGradient-11)"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/images/8c047152.svg

@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="568px" height="38.5075px" viewBox="0 0 568 38.5075" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>容器标题背景备份 2</title>
+    <defs>
+        <polygon id="path-1" points="-4.83397465e-13 0 568 0 568 38 -4.83397465e-13 38"></polygon>
+        <radialGradient cx="5.49951298%" cy="142.661675%" fx="5.49951298%" fy="142.661675%" r="10572.0343%" gradientTransform="translate(0.055, 1.4266), scale(0.0021, 1), rotate(87.6881), scale(1, 2.6857), translate(-0.055, -1.4266)" id="radialGradient-3">
+            <stop stop-color="#99B3CF" offset="0%"></stop>
+            <stop stop-color="#8CB3F8" stop-opacity="0" offset="100%"></stop>
+        </radialGradient>
+        <linearGradient x1="8.25189688%" y1="100%" x2="0.341667393%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#8197B3" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#226CBF" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-5" points="-4.79142205e-13 37 483.30127 37 483.30127 38 -4.79142205e-13 38"></polygon>
+        <linearGradient x1="26.2355307%" y1="100%" x2="100%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#BCFFFC" stop-opacity="0.05" offset="0%"></stop>
+            <stop stop-color="#BCFFFC" offset="40.2671547%"></stop>
+            <stop stop-color="#D2FFFD" stop-opacity="0.928149407" offset="48.3528191%"></stop>
+            <stop stop-color="#BCFFFC" stop-opacity="0.860654311" offset="56.7498907%"></stop>
+            <stop stop-color="#BCFFFC" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <polyline id="path-7" points="9 37.51 22.3877726 37.510053 357 38.01"></polyline>
+        <filter x="-3.4%" y="-3300.0%" width="106.9%" height="5500.0%" filterUnits="objectBoundingBox" id="filter-8">
+            <feMorphology radius="1.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="-3" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feMorphology radius="1.5" operator="erode" in="SourceAlpha" result="shadowInner"></feMorphology>
+            <feOffset dx="0" dy="-3" in="shadowInner" result="shadowInner"></feOffset>
+            <feComposite in="shadowOffsetOuter1" in2="shadowInner" operator="out" result="shadowOffsetOuter1"></feComposite>
+            <feGaussianBlur stdDeviation="3.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.276   0 0 0 0 0.4182   0 0 0 0 0.69  0 0 0 0.31 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="47.7970217%" y1="50.000399%" x2="76.3017589%" y2="50.0002374%" id="linearGradient-9">
+            <stop stop-color="#BCFFFC" stop-opacity="0.05" offset="0%"></stop>
+            <stop stop-color="#BCFFFC" offset="40.2671547%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0.928149407" offset="48.3528191%"></stop>
+            <stop stop-color="#BCFFFC" stop-opacity="0.860654311" offset="56.7498907%"></stop>
+            <stop stop-color="#BCFFFC" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <polyline id="path-10" points="8.5 38.5 17.1919999 38.5 362.5 37.515"></polyline>
+        <filter x="-3.4%" y="-1649.2%" width="106.8%" height="2798.5%" filterUnits="objectBoundingBox" id="filter-11">
+            <feMorphology radius="1.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="-3" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feMorphology radius="1.5" operator="erode" in="SourceAlpha" result="shadowInner"></feMorphology>
+            <feOffset dx="0" dy="-3" in="shadowInner" result="shadowInner"></feOffset>
+            <feComposite in="shadowOffsetOuter1" in2="shadowInner" operator="out" result="shadowOffsetOuter1"></feComposite>
+            <feGaussianBlur stdDeviation="3.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.276   0 0 0 0 0.4182   0 0 0 0 0.69  0 0 0 0.31 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="26.2355307%" y1="100%" x2="100%" y2="100%" id="linearGradient-12">
+            <stop stop-color="#1F87FF" stop-opacity="0.05" offset="0%"></stop>
+            <stop stop-color="#1F87FF" offset="51.2723483%"></stop>
+            <stop stop-color="#1F87FF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <polyline id="path-13" points="9 38 22.0085017 34.51 377.639473 34.51"></polyline>
+        <filter x="-5.3%" y="-673.4%" width="110.4%" height="1273.3%" filterUnits="objectBoundingBox" id="filter-14">
+            <feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <filter x="-6.6%" y="-816.6%" width="113.1%" height="1559.9%" filterUnits="objectBoundingBox" id="filter-15">
+            <feMorphology radius="1.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="-3" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feMorphology radius="1.5" operator="erode" in="SourceAlpha" result="shadowInner"></feMorphology>
+            <feOffset dx="0" dy="-3" in="shadowInner" result="shadowInner"></feOffset>
+            <feComposite in="shadowOffsetOuter1" in2="shadowInner" operator="out" result="shadowOffsetOuter1"></feComposite>
+            <feGaussianBlur stdDeviation="3.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.276   0 0 0 0 0.4182   0 0 0 0 0.69  0 0 0 0.31 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="组件标题背景" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="组件标题背景切图" transform="translate(-166, -692)">
+            <g id="容器标题背景备份-2" transform="translate(166, 692)">
+                <g id="容器标题背景备份">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <use id="蒙版" fill-opacity="0.28" fill="#062E77" xlink:href="#path-1"></use>
+                    <g id="编组-2" mask="url(#mask-2)">
+                        <g id="矩形备份-19">
+                            <use fill="url(#radialGradient-3)" xlink:href="#path-5"></use>
+                            <use fill="url(#linearGradient-4)" xlink:href="#path-5"></use>
+                        </g>
+                        <polygon id="矩形备份-26" fill="#0D2B6C" points="12 0 563 0 563 1 12 1"></polygon>
+                        <polygon id="矩形备份-28" fill="#388BDB" points="-1.58623115e-14 0 16 0 16 1 -1.58623115e-14 1"></polygon>
+                        <rect id="矩形备份-29" fill="#388BDB" x="552" y="0" width="16" height="1"></rect>
+                    </g>
+                </g>
+                <g id="路径-14备份-5" opacity="0.827566964" transform="translate(183, 37.76) scale(-1, 1) translate(-183, -37.76)">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
+                    <use stroke="url(#linearGradient-6)" stroke-width="3" xlink:href="#path-7"></use>
+                </g>
+                <g id="路径-14备份-5" opacity="0.324614025" transform="translate(185.5, 38.0075) scale(-1, -1) translate(-185.5, -38.0075)">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-11)" xlink:href="#path-10"></use>
+                    <use stroke="url(#linearGradient-9)" stroke-width="3" xlink:href="#path-10"></use>
+                </g>
+                <g id="路径-14备份-6" filter="url(#filter-14)" transform="translate(193.3197, 36.255) scale(-1, 1) translate(-193.3197, -36.255)">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-15)" xlink:href="#path-13"></use>
+                    <use stroke="url(#linearGradient-12)" stroke-width="3" xlink:href="#path-13"></use>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/images/ac87a0d1.svg

@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="370.099601px" height="24.85789px" viewBox="0 0 370.099601 24.85789" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>背景</title>
+    <defs>
+        <linearGradient x1="35.9694535%" y1="126.83927%" x2="35.9694535%" y2="50%" id="linearGradient-1">
+            <stop stop-color="#004BFF" offset="0%"></stop>
+            <stop stop-color="#1C3A75" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="40.4443814%" y1="366.88476%" x2="40.4443544%" y2="-57.8162405%" id="linearGradient-2">
+            <stop stop-color="#0E5FFF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#0E5FFF" offset="44.9597108%"></stop>
+            <stop stop-color="#0E5FFF" stop-opacity="0.1" offset="74.169298%"></stop>
+            <stop stop-color="#0E5FFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="72.1375017%" x2="50%" y2="280.278851%" id="linearGradient-3">
+            <stop stop-color="#F3C302" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#F3C302" stop-opacity="0.12" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="25.1873909%" y1="-82.7578146%" x2="58.8803536%" y2="-82.7578146%" id="linearGradient-4">
+            <stop stop-color="#33CCCC" stop-opacity="0.2" offset="0%"></stop>
+            <stop stop-color="#33CCCC" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="43.0682256%" y1="50.1316772%" x2="40.5643069%" y2="51.0484529%" id="linearGradient-5">
+            <stop stop-color="#0E5FFF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#21F9FF" offset="52.6551573%"></stop>
+            <stop stop-color="#03FAF1" offset="71.0422496%"></stop>
+            <stop stop-color="#0E5FFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <path d="M17.7916022,-2.84217094e-14 L357.341959,-2.84217094e-14 C358.004701,-5.0559667e-14 358.541959,0.537258322 358.541959,1.20000005 C358.541959,1.50422235 358.426411,1.79708919 358.218689,2.01935648 L343.191026,18.0992937 C342.964102,18.3421073 342.646641,18.4799373 342.314296,18.4799373 L2.76393921,18.4799373 C2.10119749,18.4799373 1.56393917,17.9426789 1.56393917,17.2799372 C1.56393917,16.9757149 1.67948733,16.6828481 1.88720941,16.4605808 L16.9148724,0.380643611 C17.1417963,0.137829953 17.4592577,-2.94708817e-14 17.7916022,-2.84217094e-14 Z" id="path-6"></path>
+        <radialGradient cx="-61.5179138%" cy="93.6292669%" fx="-61.5179138%" fy="93.6292669%" r="867.361551%" gradientTransform="translate(-0.6152, 0.9363), scale(0.2571, 1), translate(0.6152, -0.9363)" id="radialGradient-7">
+            <stop stop-color="#0851CD" stop-opacity="0.7" offset="0%"></stop>
+            <stop stop-color="#088ECD" stop-opacity="0.2" offset="53.6860808%"></stop>
+            <stop stop-color="#08ACCD" stop-opacity="0" offset="100%"></stop>
+        </radialGradient>
+        <linearGradient x1="50%" y1="72.1375017%" x2="50%" y2="280.278851%" id="linearGradient-8">
+            <stop stop-color="#02AFF3" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#02B9F3" stop-opacity="0.12" offset="100%"></stop>
+        </linearGradient>
+        <path d="M317.099601,0.825354732 L301.418691,18.8253547 L291.099601,18.8253547 L306.780511,0.825354732 L317.099601,0.825354732 Z M295.099601,0.825354732 L279.418691,18.8253547 L269.099601,18.8253547 L284.780511,0.825354732 L295.099601,0.825354732 Z M273.099601,0.825354732 L257.418691,18.8253547 L247.099601,18.8253547 L262.780511,0.825354732 L273.099601,0.825354732 Z" id="path-9"></path>
+    </defs>
+    <g id="组件标题背景" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="组件标题背景切图" transform="translate(-120.9004, -323.1746)">
+            <g id="背景" transform="translate(120.9004, 323.1746)">
+                <g transform="translate(0, -0)">
+                    <path d="M27.7896177,9.55080341 L367.358356,9.55080341 C368.021097,9.55080341 368.558356,10.0880617 368.558356,10.7508035 C368.558356,11.0525229 368.444697,11.34317 368.240019,11.5648491 L356.322817,24.4719356 C356.095654,24.717968 355.77602,24.85789 355.441154,24.85789 L15.872416,24.85789 C15.2096742,24.85789 14.6724159,24.3206317 14.6724159,23.65789 C14.6724159,23.3561705 14.786075,23.0655234 14.9907528,22.8438444 L26.9079546,9.93675784 C27.135118,9.69072547 27.4547519,9.55080341 27.7896177,9.55080341 Z" id="矩形备份-11" fill="url(#linearGradient-1)" opacity="0.666852679"></path>
+                    <g id="矩形">
+                        <use fill="url(#linearGradient-2)" xlink:href="#path-6"></use>
+                        <use fill="url(#linearGradient-3)" xlink:href="#path-6"></use>
+                        <use stroke="url(#linearGradient-5)" stroke-width="1.2" fill="url(#linearGradient-4)" xlink:href="#path-6"></use>
+                    </g>
+                    <g id="形状结合" opacity="0.345377604">
+                        <use fill="url(#radialGradient-7)" xlink:href="#path-9"></use>
+                        <use fill="url(#linearGradient-8)" xlink:href="#path-9"></use>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/images/c26623df.svg

@@ -0,0 +1,179 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="100%" height="100%" preserveAspectRatio="none" viewBox="0 0 365.4 149.908962" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>按钮样式三</title>
+    <defs>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="linearGradient-1">
+            <stop stop-color="#0080FF" stop-opacity="0.2706" offset="0%"></stop>
+            <stop stop-color="#00062A" stop-opacity="0" offset="51.0419011%"></stop>
+            <stop stop-color="#0099FF" stop-opacity="0.2784" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="49.8152411%" y1="44.0830887%" x2="50%" y2="55.1769716%" id="linearGradient-2">
+            <stop stop-color="#49DDFF" offset="0%"></stop>
+            <stop stop-color="#00B9FF" offset="63.9149913%"></stop>
+            <stop stop-color="#23B9FF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M305.339872,16.1656225 L321.932942,30.919777 L365.4,120.05714 L360.301782,133.742367 L213.294,133.014622 L210.188798,126.490012 L169.398904,126.490012 L166.404,132.779622 L5.4346207,131.969099 L0,118.364018 L43.0658468,29.5202408 L57.654953,16.1656225 L305.339872,16.1656225 Z" id="path-3"></path>
+        <filter x="-1.2%" y="-3.8%" width="102.5%" height="107.7%" filterUnits="objectBoundingBox" id="filter-4">
+            <feGaussianBlur stdDeviation="4.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0.501960784   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <mask id="mask-5" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="365.4" height="117.576745" fill="white">
+            <use xlink:href="#path-3"></use>
+        </mask>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="linearGradient-6">
+            <stop stop-color="#0080FF" stop-opacity="0.2706" offset="0%"></stop>
+            <stop stop-color="#00062A" stop-opacity="0" offset="51.0419011%"></stop>
+            <stop stop-color="#0099FF" stop-opacity="0.2784" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-7" points="224.644039 28.0229716 67.4275436 28.0229716 52.504049 38.6519716 19.8097769 109.364972 25.3875672 120.191972 189.089304 120.929972 339.764576 121.604972 345.047224 110.714972 308.998105 38.6519716 296.117588 28.0229716"></polygon>
+        <filter x="-1.4%" y="-4.8%" width="102.8%" height="109.6%" filterUnits="objectBoundingBox" id="filter-8">
+            <feGaussianBlur stdDeviation="4.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0.501960784   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <mask id="mask-9" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="325.237447" height="93.582" fill="white">
+            <use xlink:href="#path-7"></use>
+        </mask>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-10">
+            <stop stop-color="#A8E3FF" offset="0%"></stop>
+            <stop stop-color="#0093FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-11">
+            <stop stop-color="#A8E3FF" offset="0%"></stop>
+            <stop stop-color="#0093FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-12">
+            <stop stop-color="#A8E3FF" offset="0%"></stop>
+            <stop stop-color="#0093FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="linearGradient-13">
+            <stop stop-color="#0080FF" stop-opacity="0.2706" offset="0%"></stop>
+            <stop stop-color="#00062A" stop-opacity="0" offset="51.0419011%"></stop>
+            <stop stop-color="#0099FF" stop-opacity="0.2784" offset="100%"></stop>
+        </linearGradient>
+        <path d="M336.106606,118.491134 L341.600224,109.365246 C332.802916,90.8515564 326.139601,76.9763142 321.624336,67.7395195 C317.115309,58.5027247 312.503358,49.2676724 307.802531,40.0343626 L295.692873,29.2023617 L222.528152,29.8093042 L67.4279241,28.0199816 L52.5044295,38.6489816 L22.5623855,108.072104 L27.7797528,118.491134 L188.577788,119.202362 L336.106606,118.491134 Z" id="path-14"></path>
+        <filter x="-1.4%" y="-4.9%" width="102.8%" height="109.9%" filterUnits="objectBoundingBox" id="filter-15">
+            <feGaussianBlur stdDeviation="4.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0.501960784   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="23.3510769%" y1="12.3026878%" x2="70.6031253%" y2="100.000048%" id="linearGradient-16">
+            <stop stop-color="#23B9FF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="50.2462983%"></stop>
+            <stop stop-color="#00AEFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M24.4348995,121.859964 L41.6518995,121.859964 C42.3988995,121.859964 43.2887972,121.256964 43.6442079,120.509964 C43.9996185,119.762964 43.6835162,119.159964 42.9365162,119.159964 L26.8355162,119.159964 L21.6929569,109.349964 L28.6341691,94.7609636 C28.9895797,94.0139636 28.6734774,93.4109636 27.9264774,93.4109636 C27.1794774,93.4109636 26.2895797,94.0139636 25.9341691,94.7609636 L18.461982,110.465964 L24.4348995,121.859964 Z" id="path-17"></path>
+        <filter x="-35.5%" y="-21.1%" width="171.1%" height="163.3%" filterUnits="objectBoundingBox" id="filter-18">
+            <feOffset dx="0" dy="3" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="76.6697996%" y1="12.3026878%" x2="29.3807344%" y2="100.000048%" id="linearGradient-19">
+            <stop stop-color="#23B9FF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="50.2462983%"></stop>
+            <stop stop-color="#00AEFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M338.09084,94.7609636 C337.736212,94.0139636 336.846946,93.4109636 336.099946,93.4109636 C335.352946,93.4109636 335.036212,94.0139636 335.39084,94.7609636 L342.316761,109.349964 L337.16392,119.159964 L321.06292,119.159964 C320.31592,119.159964 319.999186,119.762964 320.353813,120.509964 C320.708441,121.256964 321.597707,121.859964 322.344707,121.859964 L339.561707,121.859964 L345.546566,110.465964 L338.09084,94.7609636 Z" id="path-20"></path>
+        <filter x="-35.5%" y="-21.1%" width="171.0%" height="163.3%" filterUnits="objectBoundingBox" id="filter-21">
+            <feOffset dx="0" dy="3" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="16.3792133%" y1="69.0598716%" x2="75.9932935%" y2="24.7198313%" id="linearGradient-22">
+            <stop stop-color="#23B9FF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="50.2462983%"></stop>
+            <stop stop-color="#00AEFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M66.7871426,26.1373684 L51.0319144,37.5313684 L45.0205849,53.2363684 C44.7346592,53.9833684 45.1068517,54.5863684 45.8538517,54.5863684 C46.6008517,54.5863684 47.4346592,53.9833684 47.7205849,53.2363684 L53.3047483,38.6473684 L66.8696762,28.8373684 L82.9706762,28.8373684 C83.7176762,28.8373684 84.5514837,28.2343684 84.8374094,27.4873684 C85.1233351,26.7403684 84.7511426,26.1373684 84.0041426,26.1373684 L66.7871426,26.1373684 Z" id="path-23"></path>
+        <filter x="-22.5%" y="-21.1%" width="145.0%" height="163.3%" filterUnits="objectBoundingBox" id="filter-24">
+            <feOffset dx="0" dy="3" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="16.3792133%" y1="69.2968331%" x2="75.9932935%" y2="24.4055361%" id="linearGradient-25">
+            <stop stop-color="#23B9FF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="50.2462983%"></stop>
+            <stop stop-color="#00AEFF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M295.363118,26.1372522 L309.156179,37.8497916 L316.737362,53.1429886 C316.995814,53.8899886 316.601444,54.4929886 315.854444,54.4929886 C315.107444,54.4929886 314.295814,53.8899886 314.037362,53.1429886 L306.842301,38.9657916 L295.181283,28.8372522 L279.080283,28.8372522 C278.333283,28.8372522 277.521652,28.2342522 277.2632,27.4872522 C277.004748,26.7402522 277.399118,26.1372522 278.146118,26.1372522 L295.363118,26.1372522 Z" id="path-26"></path>
+        <filter x="-22.7%" y="-21.2%" width="145.4%" height="163.5%" filterUnits="objectBoundingBox" id="filter-27">
+            <feOffset dx="0" dy="3" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="2.00687535%" y1="100%" x2="100.607789%" y2="100%" id="linearGradient-28">
+            <stop stop-color="#0080FF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#5FAFFF" offset="30.1200002%"></stop>
+            <stop stop-color="#CEFAFF" offset="50.6308019%"></stop>
+            <stop stop-color="#5FAFFF" offset="67.7730978%"></stop>
+            <stop stop-color="#0090FF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-29">
+            <feGaussianBlur stdDeviation="0" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-30">
+            <feGaussianBlur stdDeviation="0" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-31">
+            <stop stop-color="#11F7FF" offset="0%"></stop>
+            <stop stop-color="#07EBFD" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="17.5582349%" y1="31.1651553%" x2="38.8206713%" y2="75.9544934%" id="linearGradient-32">
+            <stop stop-color="#CEFDFF" offset="0%"></stop>
+            <stop stop-color="#8DFBFF" offset="15.6987544%"></stop>
+            <stop stop-color="#07EBFD" stop-opacity="0" offset="65.5403191%"></stop>
+            <stop stop-color="#27EFFD" stop-opacity="0" offset="90.7643138%"></stop>
+            <stop stop-color="#75F8FF" stop-opacity="0.825089089" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="按钮" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="按钮切图" transform="translate(-77, -417.045)">
+            <g id="按钮样式三" transform="translate(77, 417.045)">
+                <g id="编组-2" transform="translate(0, -0)">
+                    <g id="形状结合" opacity="0.4" stroke-dasharray="0,0">
+                        <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-3"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                        <use stroke="url(#linearGradient-2)" mask="url(#mask-5)" stroke-width="1.8" xlink:href="#path-3"></use>
+                    </g>
+                    <g id="路径" stroke-dasharray="0,0">
+                        <use fill="url(#linearGradient-6)" fill-rule="evenodd" xlink:href="#path-7"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
+                        <use stroke="#23B9FF" mask="url(#mask-9)" stroke-width="1.8" xlink:href="#path-7"></use>
+                    </g>
+                    <path d="M347.921001,127.25677 L343.356363,127.25677 L348.886871,116.33977 L353.451509,116.33977 L347.921001,127.25677 Z" id="路径备份" fill="url(#linearGradient-10)"></path>
+                    <path d="M142.899966,35.444863 L147.464605,35.444863 L129.680601,-1.01774781 L126.944933,2.75430951 L142.899966,35.444863 Z" id="路径备份-2" fill="url(#linearGradient-11)" transform="translate(137.2048, 17.2136) scale(-1, 1) rotate(-64) translate(-137.2048, -17.2136)"></path>
+                    <path d="M194.637053,150.673977 L200.010606,150.279443 L182.226603,113.816832 L178.68202,117.983423 L194.637053,150.673977 Z" id="路径备份-3" fill="url(#linearGradient-12)" transform="translate(189.3463, 132.2454) scale(-1, 1) rotate(-244) translate(-189.3463, -132.2454)"></path>
+                    <g id="路径">
+                        <use fill="url(#linearGradient-13)" fill-rule="evenodd" xlink:href="#path-14"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-15)" xlink:href="#path-14"></use>
+                    </g>
+                    <g id="路径">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-18)" xlink:href="#path-17"></use>
+                        <use fill="url(#linearGradient-16)" fill-rule="evenodd" xlink:href="#path-17"></use>
+                    </g>
+                    <path d="M338.820846,120.698813 L344.549739,110.253438 L308.516433,40.2577991 L296.234476,28.585044 L211.190666,30.061123 L64.1579735,30.061123 L52.5038568,38.651544 L20.6579537,110.628526 L26.4183219,119.841613 L79.4074645,119.206047 L338.820846,120.698813 Z" id="路径" fill="#9DE8FF" opacity="0.06"></path>
+                    <g id="路径">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-21)" xlink:href="#path-20"></use>
+                        <use fill="url(#linearGradient-19)" fill-rule="evenodd" xlink:href="#path-20"></use>
+                    </g>
+                    <g id="路径">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-24)" xlink:href="#path-23"></use>
+                        <use fill="url(#linearGradient-22)" fill-rule="evenodd" xlink:href="#path-23"></use>
+                    </g>
+                    <g id="路径">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-27)" xlink:href="#path-26"></use>
+                        <use fill="url(#linearGradient-25)" fill-rule="evenodd" xlink:href="#path-26"></use>
+                    </g>
+                    <path d="M74.1865209,29.0327659 L234.818521,29.0327659 L234.818521,27.9077659 L74.1865209,27.9077659 L74.1865209,29.0327659 Z" id="路径" fill="url(#linearGradient-28)" filter="url(#filter-29)"></path>
+                    <path d="M74.1865209,120.81219 L234.818521,120.81219 L234.818521,119.68719 L74.1865209,119.68719 L74.1865209,120.81219 Z" id="路径" fill="url(#linearGradient-28)" filter="url(#filter-30)"></path>
+                    <polyline id="路径-2" stroke="url(#linearGradient-31)" stroke-width="0.9" points="312.364987 42.909854 316.794914 42.909854 335.92879 81.0999767"></polyline>
+                    <path d="M18.4758452,95.8684816 L10.1215274,112.783211 L12.7881075,118.108054 M14.7527586,122.031229 L17.4648421,127.446937 L29.3861512,127.446937 L41.8578643,127.446937" id="形状" stroke="url(#linearGradient-32)" stroke-width="0.9"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>