Commit 7362bb1d authored by wanli's avatar wanli

更新应用商店前端

parent 0b5f39fe
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617084891406" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2122" width="64" height="64" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M902.095 652.871l-250.96-84.392s19.287-28.87 39.874-85.472c20.59-56.606 23.539-87.689 23.539-87.689l-162.454-1.339v-55.487l196.739-1.387v-39.227H552.055v-89.29h-96.358v89.294H272.133v39.227l183.564-1.304v59.513h-147.24v31.079h303.064s-3.337 25.223-14.955 56.606c-11.615 31.38-23.58 58.862-23.58 58.862s-142.3-49.804-217.285-49.804c-74.985 0-166.182 30.123-175.024 117.55-8.8 87.383 42.481 134.716 114.728 152.139 72.256 17.513 138.962-0.173 197.04-28.607 58.087-28.391 115.081-92.933 115.081-92.933l292.486 142.041c-11.932 69.3-72.067 119.914-142.387 119.844H266.37c-79.714 0.078-144.392-64.483-144.466-144.194V266.374c-0.074-79.72 64.493-144.399 144.205-144.47h491.519c79.714-0.073 144.396 64.49 144.466 144.203v386.764z m-365.76-48.895s-91.302 115.262-198.879 115.262c-107.623 0-130.218-54.767-130.218-94.155 0-39.34 22.373-82.144 113.943-88.333 91.519-6.18 215.2 67.226 215.2 67.226h-0.047z" fill="#02A9F1" p-id="2123"></path></svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>微信</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
<stop stop-color="#A2EC60" offset="0%"></stop>
<stop stop-color="#79CC0D" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
<stop stop-color="#FCFCFC" offset="0%"></stop>
<stop stop-color="#E7ECED" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="微信">
<image id="Bitmap" x="0" y="6" width="48" height="39" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAnCAYAAABJ0cukAAAABGdBTUEAA1teXP8meAAAA11JREFUWAnN1+ly2kAQBGA7932+/wPmT1Kp3CG2M9/GTdaAbAECMVXDntrtnuldifOz7ey8m67et7uhs6vrxmrZz5mkPgRgdfGA7UvgevdMP561L7t55oSU+t6WTYYWCqB7NUEdmIuhyQP9nr1fDvgqmYFHxncPEUi/jQH4U27zfcyaD8onJQLgqtkomykX5VOlXRCy9iRrrhLowdtM5Kc2wPnD63Kv9XsCPXg631br2wDpSewlTfruLRo9JPjsB7h9ZELwdrIQsIBscJo/lkWi9t2JRE9A9H8fC3m3jz3tHQl3Q3dXEfCgUhSOIZ3a5oblNrL/1pYMzAU+gAUuWUjfqDIZQGCv22DUbsOTnAUEgmf0eQDcQ4/LaTHprOpRzb5RQ0gEwK1ksGYmzQW+Aaifn6lUiUSIUEbUsYYxrD0bMupzG8BkxWHM+VjLRiSUl8kx3wGFa5Ql+hsDjJ20mPRo1HLzTIJPcJGItBqSSMg1hsBaitqs0/gR6JCAs2ElIaZBRhjO8TaubUcZEpF9k5ZGoq58Ue42iO6qenJGLa79JYEeIUm9Kv/ad55gPQf6spdQ7lhn4Vn59xMEHkjUgsRFCGRAWhB5Uv6y/Fv5KRoCAr1YJQAsEpzOjPdvyGqehCEA3yJaCirRd0h+lQPfDkqVp2ZL3HkP9ABDwmt8E4Hn1e/KndPs387skskAmp7Am5rDIztjXiwypm5BYx/LZfCQ5oyS9tVdBIB4Wv6+nO4c6nwvyR7ASmPqHMkP5Ycy0bcnhdxKQGQjF2xF1VtaPwM64NWZxT2D9I/yQ9i7WtTaDcdQBsgBQxEHjkSGzkQNtTlKc9jbcplKW98UBjwsAtlkK+VDhoRJmHJtvsn6MXWZQUKkrDGFkbGr01fC8t/jbQRs2gPTHmMAc5kTMeT3/UD0eUOaX8rzrdaCeReBmr+ThYTydbm3OjntKilvXYHweRM1VPXfrdEqB/gB3mZAk5TbCRkHPeeqRbHaTB+JICvaLo2MO6vqzpV1l+ahQ1nWlmUAAAdQNNX1h4gydaTVkf5U/rncva+9dqZMPLQFnBLo3jMGg8iKslI/ooBrywbwyqNloPa6YUCxvkxdf+Si1I9oMiUrLgJyzLyq/l+sNWb42USgx2WcdIDu3ZxmfwEDos38MEEH9AAAAABJRU5ErkJggg=="></image>
<g id="Group" transform="translate(2.000000, 7.000000)">
<path d="M5.44086022,27.9139785 C5.03777931,27.5108976 5.5,25.5 5.4268044,23.1689488 C2.09828764,20.7419141 0,17.1964111 0,13.2473118 C0,5.93102353 7.20195714,0 16.0860215,0 C24.9700859,0 32.172043,5.93102353 32.172043,13.2473118 C32.172043,20.5636001 24.9700859,26.4946237 16.0860215,26.4946237 C14.1408956,26.4946237 12.276405,26.2103074 10.5504841,25.6893854 C8,26.4946237 6.22998122,28.5058192 5.44086022,27.9139785 Z" id="Combined-Shape" fill="url(#linearGradient-1)"></path>
<path d="M11.1182796,10.8817204 C9.94244752,10.8817204 8.98924731,9.92852022 8.98924731,8.75268817 C8.98924731,7.57685612 9.94244752,6.62365591 11.1182796,6.62365591 C12.2941116,6.62365591 13.2473118,7.57685612 13.2473118,8.75268817 C13.2473118,9.92852022 12.2941116,10.8817204 11.1182796,10.8817204 Z M21.5268817,10.8817204 C20.3510497,10.8817204 19.3978495,9.92852022 19.3978495,8.75268817 C19.3978495,7.57685612 20.3510497,6.62365591 21.5268817,6.62365591 C22.7027138,6.62365591 23.655914,7.57685612 23.655914,8.75268817 C23.655914,9.92852022 22.7027138,10.8817204 21.5268817,10.8817204 Z" id="Combined-Shape" fill="#166E16"></path>
<path d="M39.5192916,35.2890576 C39.9228462,35.0463938 39.5,33 39.6047822,31.3270848 C42.3030259,29.3299594 44,26.4334956 44,23.2106262 C44,17.1854476 38.0689765,12.3010753 30.7526882,12.3010753 C23.4363999,12.3010753 17.5053763,17.1854476 17.5053763,23.2106262 C17.5053763,29.2358048 23.4363999,34.1201771 30.7526882,34.1201771 C32.3545566,34.1201771 33.8900194,33.8860343 35.311366,33.4570397 C37,34.1201771 38.8694272,35.7764558 39.5192916,35.2890576 Z" id="Combined-Shape" fill="url(#linearGradient-2)"></path>
<path d="M26.7044655,21.181227 C25.7585739,21.181227 24.9917774,20.4144304 24.9917774,19.4685388 C24.9917774,18.5226473 25.7585739,17.7558507 26.7044655,17.7558507 C27.650357,17.7558507 28.4171536,18.5226473 28.4171536,19.4685388 C28.4171536,20.4144304 27.650357,21.181227 26.7044655,21.181227 Z M35.2762555,21.181227 C34.330364,21.181227 33.5635674,20.4144304 33.5635674,19.4685388 C33.5635674,18.5226473 34.330364,17.7558507 35.2762555,17.7558507 C36.222147,17.7558507 36.9889436,18.5226473 36.9889436,19.4685388 C36.9889436,20.4144304 36.222147,21.181227 35.2762555,21.181227 Z" id="Combined-Shape" fill="#7B7F7F"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 64 64">
<defs>
<filter id="dde-calendar64-a" width="131.5%" height="133.3%" x="-14.8%" y="-14.8%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
<feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<radialGradient id="dde-calendar64-b" cx="54.324%" cy="55.779%" r="61.914%" fx="54.324%" fy="55.779%" gradientTransform="matrix(-.81914 -.50611 .72543 -.9141 .584 1.343)">
<stop offset="0%"/>
<stop offset="100%" stop-opacity=".148"/>
</radialGradient>
<path id="dde-calendar64-d" d="M25.125,38.25 L25.125,35.4420068 L17.5006017,35.4420068 L23.9204272,27.5420068 C24.7234757,26.5388322 25.125,25.3923469 25.125,24.102551 C25.1067489,22.4903061 24.554653,21.1602041 23.4687124,20.1122449 C22.4010229,19.0553288 21.0093763,18.5179138 19.2937726,18.5 C17.7606799,18.5179138 16.4694144,19.0463719 15.4199759,20.0853741 C14.3796631,21.1512472 13.8230044,22.499263 13.75,24.1294218 L13.75,24.1294218 L16.5971721,24.1294218 C16.6975531,23.2337302 17.0169475,22.5395692 17.555355,22.0469388 C18.0755114,21.5543084 18.7279884,21.3079932 19.5127858,21.3079932 C20.3979643,21.325907 21.0823807,21.6080499 21.5660349,22.1544218 C22.031438,22.7007937 22.2641396,23.3412132 22.2641396,24.0756803 C22.2641396,24.3533447 22.2276374,24.6489229 22.154633,24.962415 C22.0451264,25.2938209 21.8398014,25.6520975 21.5386582,26.0372449 L21.5386582,26.0372449 L13.75,35.6032313 L13.75,38.25 L25.125,38.25 Z M32.8548193,38.125 L39.625,21.3131859 L39.625,18.5 L28.25,18.5 L28.25,24.1532922 L31.1143072,24.1532922 L31.1143072,21.3131859 L36.4180723,21.3131859 L29.6615964,38.125 L32.8548193,38.125 Z"/>
<filter id="dde-calendar64-c" width="142.5%" height="155.7%" x="-21.3%" y="-17.7%" filterUnits="objectBoundingBox">
<feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/>
<feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0.423732517 0 0 0 0 1 0 0 0 0.2 0"/>
</filter>
<linearGradient id="dde-calendar64-g" x1="69.809%" x2="57.001%" y1="71.097%" y2="57.701%">
<stop offset="0%" stop-color="#C6C6C6"/>
<stop offset="53.052%" stop-color="#E7E7E7"/>
<stop offset="100%" stop-color="#F4F4F4"/>
</linearGradient>
<path id="dde-calendar64-f" d="M54,36.5 C54,36.5 52.7578833,40.9842333 52,42.5 C51,44.5 49.9672131,44.1321429 48,46.5 C46.0327869,48.8678571 47.3606557,49.325 44.4098361,51.8142857 C42.8284824,53.1483019 38.5,54 38.5,54 C50.7336066,54 54,42.9964286 54,36.5 Z"/>
<filter id="dde-calendar64-e" width="125.8%" height="122.9%" x="-12.9%" y="-5.7%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
<feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" filter="url(#dde-calendar64-a)" transform="rotate(-8 65.252 -6.252)">
<rect width="54" height="54" fill="#FFF" rx="9.75"/>
<path fill="url(#dde-calendar64-b)" fill-opacity=".39" d="M54,37 L54,44.25 C54,49.6347763 49.6347763,54 44.25,54 L39,54 C44.125,53.375 47.7291667,51.3958333 49.8125,48.0625 C51.8958333,44.7291667 53.2916667,41.0416667 54,37 Z"/>
<path fill="#E06164" fill-rule="nonzero" d="M13.25875,13 L13.25875,9.815 C13.25875,9.2375 13.18,8.40625 13.13625,7.82 L13.17125,7.82 L13.67875,9.3075 L14.8075,12.37875 L15.4375,12.37875 L16.5575,9.3075 L17.07375,7.82 L17.10875,7.82 C17.05625,8.40625 16.9775,9.2375 16.9775,9.815 L16.9775,13 L17.9225,13 L17.9225,6.55125 L16.75,6.55125 L15.58625,9.815 C15.4375,10.24375 15.315,10.68125 15.16625,11.11 L15.1225,11.11 C14.97375,10.68125 14.8425,10.24375 14.69375,9.815 L13.5125,6.55125 L12.34875,6.55125 L12.34875,13 L13.25875,13 Z M19.795,13 L20.34625,11.1625 L22.58625,11.1625 L23.12875,13 L24.205,13 L22.07,6.55125 L20.8975,6.55125 L18.7625,13 L19.795,13 Z M22.34125,10.36625 L20.5825,10.36625 L20.845,9.5 C21.055,8.8 21.25625,8.09125 21.44,7.35625 L21.48375,7.35625 C21.67625,8.0825 21.86875,8.8 22.0875,9.5 L22.34125,10.36625 Z M26.06875,13 L26.06875,10.40125 L27.11,10.40125 L28.57125,13 L29.7175,13 L28.1425,10.27 C28.95625,10.01625 29.49,9.42125 29.49,8.42375 C29.49,7.0325 28.4925,6.55125 27.1625,6.55125 L25.05375,6.55125 L25.05375,13 L26.06875,13 Z M27.04,9.5875 L26.06875,9.5875 L26.06875,7.37375 L27.04,7.37375 C27.97625,7.37375 28.48375,7.645 28.48375,8.42375 C28.48375,9.2025 27.97625,9.5875 27.04,9.5875 Z M33.305,13.11375 C34.13625,13.11375 34.7925,12.78125 35.30875,12.18625 L34.76625,11.5475 C34.38125,11.9675 33.935,12.23 33.34,12.23 C32.2025,12.23 31.485,11.29375 31.485,9.7625 C31.485,8.24875 32.255,7.32125 33.36625,7.32125 C33.89125,7.32125 34.29375,7.5575 34.62625,7.89875 L35.1775,7.25125 C34.78375,6.8225 34.15375,6.4375 33.34875,6.4375 C31.72125,6.4375 30.44375,7.6975 30.44375,9.7975 C30.44375,11.90625 31.68625,13.11375 33.305,13.11375 Z M37.46125,13 L37.46125,10.06875 L40.2175,10.06875 L40.2175,13 L41.2325,13 L41.2325,6.55125 L40.2175,6.55125 L40.2175,9.185 L37.46125,9.185 L37.46125,6.55125 L36.44625,6.55125 L36.44625,13 L37.46125,13 Z"/>
<g fill-rule="nonzero">
<use fill="#000" filter="url(#dde-calendar64-c)" xlink:href="#dde-calendar64-d"/>
<use fill="#2D394F" xlink:href="#dde-calendar64-d"/>
</g>
<path fill="#2D394F" fill-rule="nonzero" d="M17.13,46.5 L17.13,44.68 C17.13,44.35 17.085,43.875 17.06,43.54 L17.08,43.54 L17.37,44.39 L18.015,46.145 L18.375,46.145 L19.015,44.39 L19.31,43.54 L19.33,43.54 C19.3,43.875 19.255,44.35 19.255,44.68 L19.255,46.5 L19.795,46.5 L19.795,42.815 L19.125,42.815 L18.46,44.68 L18.22,45.42 L18.22,45.42 L18.195,45.42 C18.11,45.175 18.035,44.925 17.95,44.68 L17.275,42.815 L16.61,42.815 L16.61,46.5 L17.13,46.5 Z M22.16,46.565 C23.105,46.565 23.765,45.83 23.765,44.645 C23.765,43.46 23.105,42.75 22.16,42.75 C21.215,42.75 20.56,43.46 20.56,44.645 C20.56,45.83 21.215,46.565 22.16,46.565 Z M22.16,46.06 C21.55,46.06 21.155,45.505 21.155,44.645 C21.155,43.78 21.55,43.255 22.16,43.255 C22.77,43.255 23.17,43.78 23.17,44.645 C23.17,45.505 22.77,46.06 22.16,46.06 Z M25.08,46.5 L25.08,44.765 C25.08,44.365 25.035,43.94 25.005,43.56 L25.03,43.56 L25.415,44.33 L26.635,46.5 L27.23,46.5 L27.23,42.815 L26.68,42.815 L26.68,44.535 C26.68,44.935 26.725,45.38 26.755,45.76 L26.73,45.76 L26.345,44.98 L25.125,42.815 L24.53,42.815 L24.53,46.5 L25.08,46.5 Z M29.185,46.5 C30.285,46.5 30.93,45.84 30.93,44.645 C30.93,43.445 30.285,42.815 29.155,42.815 L28.2,42.815 L28.2,46.5 L29.185,46.5 Z M29.115,46.025 L28.78,46.025 L28.78,43.29 L29.115,43.29 C29.905,43.29 30.33,43.725 30.33,44.645 C30.33,45.56 29.905,46.025 29.115,46.025 Z M31.8,46.5 L32.115,45.45 L33.395,45.45 L33.705,46.5 L34.32,46.5 L33.1,42.815 L32.43,42.815 L31.21,46.5 L31.8,46.5 Z M33.255,44.995 L32.25,44.995 L32.4,44.5 C32.52,44.1 32.635,43.695 32.74,43.275 L32.765,43.275 C32.875,43.69 32.985,44.1 33.11,44.5 L33.255,44.995 Z M35.99,46.5 L35.99,45.105 L37.1,42.815 L36.495,42.815 L36.065,43.795 C35.955,44.07 35.835,44.325 35.715,44.605 L35.695,44.605 C35.57,44.325 35.465,44.07 35.35,43.795 L34.925,42.815 L34.305,42.815 L35.41,45.105 L35.41,46.5 L35.99,46.5 Z"/>
<use fill="#000" filter="url(#dde-calendar64-e)" xlink:href="#dde-calendar64-f"/>
<use fill="url(#dde-calendar64-g)" xlink:href="#dde-calendar64-f"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
<defs>
<filter id="dde-introduction-a" width="127.6%" height="127.6%" x="-13.8%" y="-13.8%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
<feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<linearGradient id="dde-introduction-b" x1="42.153%" x2="42.153%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#00D8A5"/>
<stop offset="100%" stop-color="#0058FF"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" filter="url(#dde-introduction-a)" transform="translate(3 3)">
<circle cx="29" cy="29" r="29" fill="url(#dde-introduction-b)"/>
<g transform="translate(3 8)">
<path fill="#404040" stroke="#373737" stroke-width="1.5" d="M19.3823243,38.9794317 L39.8222282,38.9794317 C40.7887265,38.9794317 41.5722282,38.19593 41.5722282,37.2294317 L41.5722282,15.0743836 C41.5722282,8.9468109 36.604849,3.97943173 30.4772762,3.97943173 C24.3497035,3.97943173 19.3823243,8.9468109 19.3823243,15.0743836 L19.3823243,38.9794317 Z" transform="rotate(45 30.477 21.48)"/>
<path fill="#FFF" d="M15.1639045,9.4846976 L37.2312122,9.4846976 C38.6119241,9.4846976 39.7312122,10.6039857 39.7312122,11.9846976 L39.7312122,30.8500822 C39.7312122,32.2307941 38.6119241,33.3500822 37.2312122,33.3500822 L15.1639045,33.3500822 C8.57366052,33.3500822 3.2312122,28.0076339 3.2312122,21.4173899 C3.2312122,14.8271459 8.57366052,9.4846976 15.1639045,9.4846976 Z" transform="rotate(45 21.481 21.417)"/>
<rect width="12.459" height="1" x="27.215" y="25.279" fill="#606060" stroke="#373737" stroke-width="1.75" transform="rotate(45 33.445 25.282)"/>
<rect width="12.459" height="1" x="23.493" y="29.002" fill="#606060" stroke="#373737" stroke-width="1.75" transform="rotate(45 29.722 29.004)"/>
<path fill="#404040" stroke="#373737" stroke-width="1.75" d="M12.5308085,29.351265 L18.1510008,29.351265 L18.1510008,24.6108804 C18.1510008,23.0589071 16.8928779,21.8007842 15.3409046,21.8007842 C13.7889314,21.8007842 12.5308085,23.0589071 12.5308085,24.6108804 L12.5308085,29.351265 Z" transform="rotate(45 15.34 25.576)"/>
<path fill="#404040" stroke="#373737" stroke-width="1.75" d="M16.5528822,33.1978579 L21.8221129,33.1978579 L21.8221129,28.2819925 C21.8221129,26.8269346 20.6425554,25.6473771 19.1874975,25.6473771 C17.7324396,25.6473771 16.5528822,26.8269346 16.5528822,28.2819925 L16.5528822,33.1978579 Z" transform="rotate(45 19.187 29.423)"/>
<path fill="#404040" stroke="#373737" stroke-width="1.75" d="M20.2753914,36.9203672 L25.5446222,36.9203672 L25.5446222,32.0045018 C25.5446222,30.5494439 24.3650647,29.3698864 22.9100068,29.3698864 C21.4549489,29.3698864 20.2753914,30.5494439 20.2753914,32.0045018 L20.2753914,36.9203672 Z" transform="rotate(45 22.91 33.145)"/>
<path fill="#404040" stroke="#373737" stroke-width="1.75" d="M23.9465035,40.7669601 L27.9416958,40.7669601 C28.8391586,40.7669601 29.5666958,40.0394228 29.5666958,39.1419601 L29.5666958,36.0265754 C29.5666958,34.4746022 28.3085729,33.2164793 26.7565997,33.2164793 C25.2046264,33.2164793 23.9465035,34.4746022 23.9465035,36.0265754 L23.9465035,40.7669601 Z" transform="rotate(45 26.757 36.992)"/>
<path fill="#404040" stroke="#373737" stroke-width="1.75" d="M27.1749155,8.83972418 L27.1749155,15.5373646 C27.1749155,19.1336191 24.4251259,22.0489594 21.0330885,22.0489594 L21.0330885,8.83972418 L21.0330885,8.83972418" transform="rotate(45 24.104 15.444)"/>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 64 64">
<defs>
<filter id="deepin-album-a" width="131.7%" height="134.5%" x="-15.9%" y="-17.2%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
<feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<path id="deepin-album-c" d="M2.83312617,9.82192651 C2.83536468,6.50555966 5.51760761,3.8153153 8.84194795,3.81308556 L53.192074,3.78333859 C56.5084161,3.78111422 59.1950254,6.47140662 59.1927894,9.78412438 L59.1668738,48.1780735 C59.1646353,51.4944403 56.4823924,54.1846847 53.158052,54.1869144 L8.80792604,54.2166614 C5.49158392,54.2188858 2.80497458,51.5285934 2.80721063,48.2158756 L2.83312617,9.82192651 Z"/>
<filter id="deepin-album-b" width="110.6%" height="111.9%" x="-5.3%" y="-5.9%" filterUnits="objectBoundingBox">
<feMorphology in="SourceAlpha" operator="dilate" radius=".5" result="shadowSpreadOuter1"/>
<feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
<feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
</filter>
<rect id="deepin-album-e" width="56" height="50" x="3" y="4" rx="6"/>
<filter id="deepin-album-d" width="110.7%" height="112%" x="-5.4%" y="-6%" filterUnits="objectBoundingBox">
<feMorphology in="SourceAlpha" operator="dilate" radius=".5" result="shadowSpreadOuter1"/>
<feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
<feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
</filter>
<linearGradient id="deepin-album-h" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#FFF"/>
<stop offset="100%" stop-color="#FFF3E7"/>
</linearGradient>
<rect id="deepin-album-g" width="56.364" height="50.4" x="0" y="0" rx="6"/>
<filter id="deepin-album-f" width="110.6%" height="111.9%" x="-5.3%" y="-6%" filterUnits="objectBoundingBox">
<feMorphology in="SourceAlpha" operator="dilate" radius=".5" result="shadowSpreadOuter1"/>
<feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
<feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
</filter>
<linearGradient id="deepin-album-j" x1="50%" x2="50%" y1="100%" y2="0%">
<stop offset="0%" stop-color="#D14848"/>
<stop offset="100%" stop-color="#FF9E00"/>
</linearGradient>
<rect id="deepin-album-i" width="50.727" height="36.4" x="0" y="0" rx="4"/>
<linearGradient id="deepin-album-l" x1="50%" x2="41.314%" y1="34.201%" y2="69.988%">
<stop offset="0%" stop-color="#FF3C14" stop-opacity=".8"/>
<stop offset="100%" stop-color="#4A00C1" stop-opacity=".899"/>
</linearGradient>
<linearGradient id="deepin-album-m" x1="50%" x2="50%" y1="11.914%" y2="89.546%">
<stop offset="0%" stop-color="#FFD332" stop-opacity=".3"/>
<stop offset="100%" stop-color="#002DFF" stop-opacity=".5"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" filter="url(#deepin-album-a)" transform="translate(1 3)">
<g opacity=".5" transform="rotate(6 31 29)">
<use fill="#000" filter="url(#deepin-album-b)" xlink:href="#deepin-album-c"/>
<use fill="#FFF" fill-opacity=".8" xlink:href="#deepin-album-c"/>
</g>
<g opacity=".5">
<use fill="#000" filter="url(#deepin-album-d)" xlink:href="#deepin-album-e"/>
<use fill="#FFF" fill-opacity=".8" xlink:href="#deepin-album-e"/>
</g>
<g transform="rotate(-6 65.845 .213)">
<use fill="#000" filter="url(#deepin-album-f)" xlink:href="#deepin-album-g"/>
<use fill="url(#deepin-album-h)" xlink:href="#deepin-album-g"/>
<g transform="translate(2.818 2.8)">
<mask id="deepin-album-k" fill="#fff">
<use xlink:href="#deepin-album-i"/>
</mask>
<use fill="url(#deepin-album-j)" xlink:href="#deepin-album-i"/>
<ellipse cx="42.273" cy="7" fill="#FFF7A1" mask="url(#deepin-album-k)" rx="2.818" ry="2.8"/>
<path fill="url(#deepin-album-l)" d="M-1.40909091,36.4 L18.7414711,10.9192893 C20.4532434,8.75472559 23.225675,8.75105877 24.9403471,10.9192893 L45.0909091,36.4 L-1.40909091,36.4 Z" mask="url(#deepin-album-k)"/>
<path fill="url(#deepin-album-m)" d="M14.0909091,39.2 L31.4749163,16.5679177 C33.1581758,14.3764973 35.8870809,14.3762396 37.5705383,16.5679177 L54.9545455,39.2 L14.0909091,39.2 Z" mask="url(#deepin-album-k)"/>
</g>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
<defs>
<filter id="deepin-calculator-a" width="129.6%" height="129.6%" x="-14.8%" y="-14.8%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
<feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<radialGradient id="deepin-calculator-b" cx="50%" cy="9.268%" r="92.618%" fx="50%" fy="9.268%">
<stop offset="0%" stop-color="#35DCFF"/>
<stop offset="100%" stop-color="#0068FF"/>
</radialGradient>
<linearGradient id="deepin-calculator-c" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#FFF"/>
<stop offset="100%" stop-color="#FFF" stop-opacity=".8"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" filter="url(#deepin-calculator-a)" transform="translate(5 5)">
<path fill="url(#deepin-calculator-b)" d="M7.85454545,0 L46.1454545,0 C50.4834002,9.13107275e-17 54,3.51659978 54,7.85454545 L54,46.1454545 C54,50.4834002 50.4834002,54 46.1454545,54 L7.85454545,54 C3.51659978,54 7.04865012e-15,50.4834002 0,46.1454545 L0,7.85454545 C3.56933292e-16,3.51659978 3.51659978,3.46140295e-15 7.85454545,0 Z"/>
<polygon fill="#FFF" points="14.311 40.378 17.757 36.932 17.068 36.243 13.622 39.689 10.176 36.243 9.486 36.932 12.932 40.378 9.486 43.824 10.176 44.514 13.622 41.068 17.068 44.514 17.757 43.824 14.311 40.378"/>
<path fill="url(#deepin-calculator-c)" d="M54,27 L54,46.1454545 C54,50.4834002 50.4834002,54 46.1454545,54 L27,54 L27,27 L54,27 Z M45,42 L36,42 L36,43 L45,43 L45,42 Z M45,38 L36,38 L36,39 L45,39 L45,38 Z M27,0 L27,27 L0,27 L0,7.85454545 C0,3.51659978 3.51659978,0 7.85454545,0 L27,0 Z M14,8 L13,8 L13,13 L8,13 L8,14 L13,14 L13,19 L14,19 L14,14 L19,14 L19,13 L14,13 L14,8 Z"/>
<rect width="11" height="1" x="35" y="13" fill="#FFF"/>
</g>
</svg>
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
<defs>
<filter id="deepin-feedback-a" width="129.1%" height="138.2%" x="-14.5%" y="-23.6%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
<feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<linearGradient id="deepin-feedback-b" x1="26.222%" x2="66.963%" y1="-1.572%" y2="82.336%">
<stop offset="0%" stop-color="#90FF8A"/>
<stop offset="100%" stop-color="#00B9E4"/>
</linearGradient>
<linearGradient id="deepin-feedback-c" x1="45.043%" x2="16.292%" y1="61.352%" y2="35.889%">
<stop offset="0%" stop-color="#FFF" stop-opacity=".494"/>
<stop offset="100%" stop-color="#FFF"/>
</linearGradient>
<filter id="deepin-feedback-d" width="262.5%" height="132.5%" x="-81.2%" y="-16.2%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1"/>
<feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0"/>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<linearGradient id="deepin-feedback-e" x1="0%" x2="80.854%" y1="33.666%" y2="33.666%">
<stop offset="0%" stop-color="#E6D049"/>
<stop offset="100%" stop-color="#EC9500"/>
</linearGradient>
<linearGradient id="deepin-feedback-f" x1="0%" x2="89.296%" y1="55.519%" y2="55.519%">
<stop offset="0%" stop-color="#F6F6F6"/>
<stop offset="100%" stop-color="#747474"/>
</linearGradient>
<linearGradient id="deepin-feedback-g" x1="-3.437%" x2="86.205%" y1="31.932%" y2="31.932%">
<stop offset="0%" stop-color="#5E5E5E"/>
<stop offset="100%" stop-color="#373737"/>
</linearGradient>
<linearGradient id="deepin-feedback-h" x1="2.516%" x2="88.854%" y1="32.939%" y2="32.939%">
<stop offset="0%" stop-color="#FFEACA"/>
<stop offset="100%" stop-color="#E07431"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" filter="url(#deepin-feedback-a)" transform="translate(4 5)">
<path fill="url(#deepin-feedback-b)" d="M7.5,6 L47.5,6 C51.6421356,6 55,9.35786438 55,13.5 L55,39.5 C55.0036438,43.6421356 51.6457794,47 47.5036438,47 C47.5024289,47 47.501214,46.9999997 47.5000009,46.9963554 L15.848196,46.9809741 C15.5432901,46.9808259 15.2488437,47.092127 15.0202753,47.2939292 L8.03865662,53.457974 C7.77989887,53.6864302 7.38493389,53.661866 7.15647764,53.4031083 C7.05564579,53.2889025 7,53.1418 7,52.9894516 L7,46.9807441 L7,46.9807441 C3.13400675,46.9807441 -6.04135607e-15,43.8467374 0,39.9807441 L0,13.5 C-1.39544373e-15,9.35786438 3.35786438,6 7.5,6 Z"/>
<path fill="url(#deepin-feedback-c)" fill-rule="nonzero" d="M41.5,32 C42.3284271,32 43,32.6715729 43,33.5 C43,34.3284271 42.3284271,35 41.5,35 L12.5,35 C11.6715729,35 11,34.3284271 11,33.5 C11,32.6715729 11.6715729,32 12.5,32 L41.5,32 Z M41.5,25 C42.3284271,25 43,25.6715729 43,26.5 C43,27.3284271 42.3284271,28 41.5,28 L12.5,28 C11.6715729,28 11,27.3284271 11,26.5 C11,25.6715729 11.6715729,25 12.5,25 L41.5,25 Z M41.5,18 C42.3284271,18 43,18.6715729 43,19.5 C43,20.3284271 42.3284271,21 41.5,21 L12.5,21 C11.6715729,21 11,20.3284271 11,19.5 C11,18.6715729 11.6715729,18 12.5,18 L41.5,18 Z"/>
<g filter="url(#deepin-feedback-d)" transform="translate(41.5)">
<path fill="url(#deepin-feedback-e)" d="M1.75,0 L6.25,0 C6.94035594,-1.26816328e-16 7.5,0.559644063 7.5,1.25 L7.5,5 L7.5,5 L0.5,5 L0.5,1.25 C0.5,0.559644063 1.05964406,1.26816328e-16 1.75,0 Z"/>
<rect width="7" height="3" x=".5" y="6" fill="url(#deepin-feedback-f)"/>
<rect width="7" height="20" x=".5" y="10" fill="url(#deepin-feedback-g)"/>
<polygon fill="url(#deepin-feedback-h)" points=".5 31 7.5 31 6.5 35 1.5 35"/>
<path fill="#312F2F" d="M2,36 L6,36 L4.21706079,39.1201436 C4.14855829,39.240023 3.99584463,39.2816722 3.87596527,39.2131697 C3.83720745,39.1910224 3.80508654,39.1589014 3.78293921,39.1201436 L2,36 L2,36 Z"/>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 64 64">
<defs>
<filter id="deepin-image-viewer-a" width="132.3%" height="132.2%" x="-19.4%" y="-13.6%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
<feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<linearGradient id="deepin-image-viewer-b" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#FFF"/>
<stop offset="100%" stop-color="#D6D9ED"/>
</linearGradient>
<linearGradient id="deepin-image-viewer-d" x1="50%" x2="50%" y1="100%" y2="1.926%">
<stop offset="0%" stop-color="#4B7BCF"/>
<stop offset="100%" stop-color="#3A2EC8"/>
</linearGradient>
<rect id="deepin-image-viewer-c" width="49.125" height="33.75" x=".122" y=".096" rx="4"/>
<linearGradient id="deepin-image-viewer-f" x1="49.803%" x2="41.314%" y1="35.88%" y2="68.829%">
<stop offset="0%" stop-color="#40E2E8"/>
<stop offset="47.667%" stop-color="#2A7ECA"/>
<stop offset="100%" stop-color="#332075"/>
</linearGradient>
<linearGradient id="deepin-image-viewer-g" x1="50%" x2="50%" y1="11.914%" y2="100%">
<stop offset="0%" stop-color="#67CEFF" stop-opacity=".8"/>
<stop offset="100%" stop-color="#00CDFF"/>
</linearGradient>
<filter id="deepin-image-viewer-h" width="133.3%" height="129.4%" x="-18.2%" y="-17.6%" filterUnits="objectBoundingBox">
<feOffset dy="-1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
<feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0.0924666824 0 0 0 0 0.218528561 0 0 0 0 0.62647192 0 0 0 0.302474869 0"/>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<circle id="deepin-image-viewer-i" cx="12.51" cy="12.5" r="12.5"/>
<linearGradient id="deepin-image-viewer-m" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#FFF"/>
<stop offset="100%" stop-color="#E7E7E7"/>
</linearGradient>
<rect id="deepin-image-viewer-l" width="66.125" height="57.375" x=".021" y=".018" rx="6"/>
<filter id="deepin-image-viewer-k" width="109.1%" height="110.5%" x="-4.5%" y="-5.2%" filterUnits="objectBoundingBox">
<feMorphology in="SourceAlpha" operator="dilate" radius=".5" result="shadowSpreadOuter1"/>
<feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
<feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
</filter>
<linearGradient id="deepin-image-viewer-o" x1="50%" x2="50%" y1="100%" y2="1.926%">
<stop offset="0%" stop-color="#4068AD"/>
<stop offset="100%" stop-color="#352E86"/>
</linearGradient>
<rect id="deepin-image-viewer-n" width="59.531" height="41.484" x="0" y="0" rx="4"/>
<linearGradient id="deepin-image-viewer-q" x1="49.803%" x2="41.314%" y1="35.865%" y2="68.85%">
<stop offset="0%" stop-color="#40D0D5"/>
<stop offset="47.667%" stop-color="#2A7ECA"/>
<stop offset="100%" stop-color="#332075"/>
</linearGradient>
<linearGradient id="deepin-image-viewer-r" x1="50%" x2="50%" y1="11.914%" y2="100%">
<stop offset="0%" stop-color="#32BEFF" stop-opacity=".8"/>
<stop offset="100%" stop-color="#00CDFF"/>
</linearGradient>
<radialGradient id="deepin-image-viewer-u" cx="50%" cy="50%" r="55.707%" fx="50%" fy="50%">
<stop offset="0%" stop-color="#01001F" stop-opacity=".036"/>
<stop offset="81.152%" stop-color="#000636" stop-opacity=".219"/>
<stop offset="100%" stop-color="#01003C" stop-opacity=".688"/>
</radialGradient>
<circle id="deepin-image-viewer-t" cx="16.25" cy="16.375" r="12.5"/>
<filter id="deepin-image-viewer-s" width="160%" height="160%" x="-30%" y="-30%" filterUnits="objectBoundingBox">
<feOffset in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2.5"/>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
<feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.279134909 0 0 0 0 0.446591113 0 0 0 0 1 0 0 0 1 0"/>
</filter>
<radialGradient id="deepin-image-viewer-v" cx="20.808%" cy="86.4%" r="74.745%" fx="20.808%" fy="86.4%" gradientTransform="matrix(.4608 -.86004 1.0475 .68809 -.793 .448)">
<stop offset=".037%" stop-color="#C0A8FF" stop-opacity=".515"/>
<stop offset="100%" stop-color="#B385FF" stop-opacity="0"/>
</radialGradient>
</defs>
<g fill="none" fill-rule="evenodd" filter="url(#deepin-image-viewer-a)" transform="translate(1 2)">
<g transform="rotate(-8 61.633 4.299)">
<rect width="54.125" height="46.875" fill="url(#deepin-image-viewer-b)" rx="6"/>
<g transform="translate(2.378 2.404)">
<mask id="deepin-image-viewer-e" fill="#fff">
<use xlink:href="#deepin-image-viewer-c"/>
</mask>
<use fill="url(#deepin-image-viewer-d)" xlink:href="#deepin-image-viewer-c"/>
<circle cx="41.162" cy="6.607" r="2.5" fill="#FFF5D0" mask="url(#deepin-image-viewer-e)"/>
<path fill="url(#deepin-image-viewer-f)" d="M-1.25130914,34.6326666 L18.3001886,10.6365131 C20.0440846,8.49617585 22.8697676,8.49405102 24.6153949,10.6365131 L44.1668926,34.6326666 L-1.25130914,34.6326666 Z" mask="url(#deepin-image-viewer-e)"/>
<path fill="url(#deepin-image-viewer-g)" fill-opacity=".65" d="M13.8880914,37.2871024 L30.7373289,15.9962966 C32.453413,13.8278416 35.2320308,13.8231609 36.9518192,15.9962966 L53.8010566,37.2871024 L13.8880914,37.2871024 Z" mask="url(#deepin-image-viewer-e)" style="mix-blend-mode:soft-light"/>
</g>
</g>
<g filter="url(#deepin-image-viewer-h)" transform="translate(1 24.125)">
<circle cx="16.25" cy="16.125" r="15.875" fill="#FFF"/>
<g transform="translate(3.75 3.875)">
<mask id="deepin-image-viewer-j" fill="#fff">
<use xlink:href="#deepin-image-viewer-i"/>
</mask>
<use fill="#FFF" fill-opacity=".188" xlink:href="#deepin-image-viewer-i"/>
<g mask="url(#deepin-image-viewer-j)">
<g transform="rotate(-8 -113.252 135.79)">
<use fill="#000" filter="url(#deepin-image-viewer-k)" xlink:href="#deepin-image-viewer-l"/>
<use fill="url(#deepin-image-viewer-m)" xlink:href="#deepin-image-viewer-l"/>
<g transform="translate(3.313 3.102)">
<mask id="deepin-image-viewer-p" fill="#fff">
<use xlink:href="#deepin-image-viewer-n"/>
</mask>
<use fill="url(#deepin-image-viewer-o)" xlink:href="#deepin-image-viewer-n"/>
<ellipse cx="49.382" cy="7.878" fill="#FFF5D0" mask="url(#deepin-image-viewer-p)" rx="3.08" ry="3.091"/>
<path fill="url(#deepin-image-viewer-q)" d="M-1.65365104,41.4839457 L22.4749718,11.8540088 C24.2183245,9.71317253 27.0411082,9.70856826 28.7882103,11.8540088 L52.9168332,41.4839457 L-1.65365104,41.4839457 Z" mask="url(#deepin-image-viewer-p)"/>
<path fill="url(#deepin-image-viewer-r)" fill-opacity=".65" d="M16.5365104,44.6750185 L37.4165979,18.2764269 C39.1274946,16.1133487 41.9072472,16.1207334 43.6123029,18.2764269 L64.4923905,44.6750185 L16.5365104,44.6750185 Z" mask="url(#deepin-image-viewer-p)" style="mix-blend-mode:soft-light"/>
</g>
</g>
</g>
</g>
<use fill="#000" filter="url(#deepin-image-viewer-s)" xlink:href="#deepin-image-viewer-t"/>
<circle cx="16.25" cy="16.375" r="12" fill="url(#deepin-image-viewer-u)" stroke="#000" stroke-linejoin="square" stroke-opacity=".3"/>
<path fill="url(#deepin-image-viewer-v)" d="M9.64615967,5.58285651 C9.5158758,5.36430572 9.60680005,5.65083964 9.46533876,5.86132572 C6.33442923,10.5199351 7.52311058,16.6852411 11.9317583,20.1428265 C16.340406,23.600412 22.6396688,23.0040583 26.4164659,18.9327162 C24.1330414,18.2815795 21.9895096,17.3392865 20.0053325,16.150971 C15.7587394,13.6077037 12.2420832,9.93751009 9.64615967,5.58285651 Z" transform="rotate(168 17.062 13.953)" style="mix-blend-mode:lighten"/>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
<defs>
<filter id="deepin-movie-a" width="127.6%" height="127.6%" x="-13.8%" y="-13.8%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
<feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<linearGradient id="deepin-movie-b" x1="50%" x2="50%" y1="2.375%" y2="100%">
<stop offset="0%" stop-color="#3E3E3E"/>
<stop offset="100%" stop-color="#0F0F0F"/>
</linearGradient>
<linearGradient id="deepin-movie-c" x1="40.768%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#B0FAFF"/>
<stop offset="100%" stop-color="#0D96C2"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" filter="url(#deepin-movie-a)" transform="translate(3 3)">
<circle cx="29" cy="29" r="27.667" fill="url(#deepin-movie-b)" stroke="url(#deepin-movie-c)" stroke-width="2.667"/>
<path fill="#FF006B" d="M24.3882745,41.9106267 C21.9646974,43.29381 20,42.1599456 20,39.3721011 L20,19.1246679 C20,16.3394957 21.9757123,15.2092454 24.3882745,16.5861423 L42.1864454,26.7439097 C44.6100225,28.1270929 44.5990076,30.3759625 42.1864454,31.7528594 L24.3882745,41.9106267 Z"/>
<path fill="#FFB600" d="M24.223,41.9994253 L24.3882745,41.9106267 C23.0194768,42.6918266 21.797053,42.670136 20.9922844,42.0010412 L24.223,41.9994253 Z M24.3882745,41.9106267 L24.225,41.9994253 L24.223,41.9994253 L24.3882745,41.9106267 Z M28,18.6474253 L36,23.2134253 L36,35.2824253 L28,39.8484253 L28,18.6474253 Z"/>
<path fill="#1473FF" d="M24.3882745,16.5861423 L28,18.647 L28,39.848 L24.3882745,41.9106267 C21.9646974,43.29381 20,42.1599456 20,39.3721011 L20,19.1246679 C20,16.3394957 21.9757123,15.2092454 24.3882745,16.5861423 Z"/>
<path stroke="#FFF" stroke-opacity=".3" stroke-width="2" d="M23.8925997,41.0421185 L41.6907706,30.8843511 C43.4354382,29.8886349 43.4373799,28.6092422 41.6907706,27.6124179 L23.8925997,17.4546505 C22.1413803,16.455195 21,17.1131896 21,19.1246679 L21,39.3721011 C21,41.3903478 22.1339303,42.0458259 23.8925997,41.0421185 Z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 64 64">
<defs>
<filter id="deepin-music-a" width="127.6%" height="129.6%" x="-13.8%" y="-14.8%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
<feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<linearGradient id="deepin-music-b" x1="98.016%" x2="0%" y1="38.451%" y2="41.845%">
<stop offset="0%" stop-color="#0BA186"/>
<stop offset="100%" stop-color="#68C639"/>
</linearGradient>
<linearGradient id="deepin-music-c" x1="2.055%" x2="96.944%" y1="41.813%" y2="34.714%">
<stop offset="0%" stop-color="#417944" stop-opacity=".381"/>
<stop offset="100%" stop-color="#002A35"/>
</linearGradient>
<linearGradient id="deepin-music-d" x1="50%" x2="50%" y1="0%" y2="98.031%">
<stop offset="0%" stop-color="#8DF34C"/>
<stop offset="100%" stop-color="#00CCB3"/>
</linearGradient>
<linearGradient id="deepin-music-e" x1="50%" x2="50%" y1="0%" y2="98.031%">
<stop offset="0%" stop-color="#8DF34C"/>
<stop offset="100%" stop-color="#00CCB3"/>
</linearGradient>
<linearGradient id="deepin-music-h" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#FFF"/>
<stop offset="100%" stop-color="#FFF" stop-opacity=".7"/>
</linearGradient>
<path id="deepin-music-g" d="M35.9302044,14.0362092 C35.9766316,14.2799521 36,14.5275258 36,14.7756509 L36,35 C36,37.7614237 33.7614237,40 31,40 C28.2385763,40 26,37.7614237 26,35 C26,32.2385763 28.2385763,30 31,30 C32.1261445,30 33.1653335,30.3723009 34.0011995,31.0005351 L34,17.5701049 C34,16.8425868 33.41023,16.2528168 32.6827119,16.2528168 C32.6059652,16.2528168 32.5293654,16.2595238 32.4537865,16.2728612 L18.0883628,18.807936 C17.4588869,18.91902 17,19.4659774 17,20.1051797 L17,40 C17,42.7614237 14.7614237,45 12,45 C9.23857625,45 7,42.7614237 7,40 C7,37.2385763 9.23857625,35 12,35 C13.1261445,35 14.1653335,35.3723009 15.0011995,36.0005351 L15,17.2701788 C15,15.3727593 16.3485144,13.7431401 18.2124227,13.38811 L31.3086939,10.8935821 C33.4527013,10.4851997 35.521822,11.8922018 35.9302044,14.0362092 Z"/>
<filter id="deepin-music-f" width="113.8%" height="112.3%" x="-6.9%" y="-3.5%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
<feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" filter="url(#deepin-music-a)" transform="translate(3 5)">
<circle cx="34" cy="27" r="23.25" fill="#151E25" stroke="url(#deepin-music-b)" stroke-width="1.5" transform="rotate(90 34 27)"/>
<g stroke="url(#deepin-music-c)" stroke-width="1.5" opacity=".8" transform="translate(12.182 5.585)">
<path d="M22.5818182,41.6646341 C33.6110338,41.6646341 42.0681818,32.760162 42.0681818,21.4146341 C42.0681818,10.230868 33.001948,1.16463415 21.8181818,1.16463415 C10.6344156,1.16463415 1.56818182,10.230868 1.56818182,21.4146341 C1.56818182,32.4512638 11.2443941,41.6646341 22.5818182,41.6646341 Z" transform="rotate(90 21.818 21.415)"/>
<path d="M22.4727273,38.6646341 C31.8658971,38.6646341 39.0681818,31.0813988 39.0681818,21.4146341 C39.0681818,11.8877222 31.3450938,4.16463415 21.8181818,4.16463415 C12.2912699,4.16463415 4.56818182,11.8877222 4.56818182,21.4146341 C4.56818182,30.8142226 12.8129659,38.6646341 22.4727273,38.6646341 Z" transform="rotate(90 21.818 21.415)"/>
</g>
<ellipse cx="34.932" cy="28.317" fill="url(#deepin-music-d)" rx="11.195" ry="11.205" transform="rotate(90 34.932 28.317)"/>
<ellipse cx="34.932" cy="28.317" fill="#2A2A29" rx="7.244" ry="7.25" transform="rotate(90 34.932 28.317)"/>
<path fill="url(#deepin-music-e)" d="M10.2555408,-4.14336123e-16 L38.7444592,4.14336123e-16 C42.3105342,-2.4074122e-16 43.6036791,0.371302445 44.9073828,1.06853082 C46.2110865,1.76575919 47.2342408,2.78891348 47.9314692,4.09261719 C48.6286976,5.39632089 49,6.68946584 49,10.2555408 L49,43.7444592 C49,47.3105342 48.6286976,48.6036791 47.9314692,49.9073828 C47.2342408,51.2110865 46.2110865,52.2342408 44.9073828,52.9314692 C43.6036791,53.6286976 42.3105342,54 38.7444592,54 L10.2555408,54 C6.68946584,54 5.39632089,53.6286976 4.09261719,52.9314692 C2.78891348,52.2342408 1.76575919,51.2110865 1.06853082,49.9073828 C0.371302445,48.6036791 -1.15674773e-15,47.3105342 1.99086127e-15,43.7444592 L1.18305822e-15,10.2555408 C-6.87390896e-16,6.68946584 0.371302445,5.39632089 1.06853082,4.09261719 C1.76575919,2.78891348 2.78891348,1.76575919 4.09261719,1.06853082 C5.39632089,0.371302445 6.68946584,2.4074122e-16 10.2555408,-4.14336123e-16 Z"/>
<use fill="#000" filter="url(#deepin-music-f)" xlink:href="#deepin-music-g"/>
<path fill="url(#deepin-music-h)" stroke="#FFF" stroke-linejoin="square" stroke-opacity=".3" d="M35.4390351,14.1297653 C35.0823223,12.2570232 33.2749921,11.0280386 31.40225,11.3847514 L18.3059788,13.8792792 C16.6778969,14.1893901 15.5,15.6128257 15.5,17.2701468 L15.5012636,37.001861 L14.7007912,36.4002285 C13.9274983,35.819024 12.9885799,35.5 12,35.5 C9.51471863,35.5 7.5,37.5147186 7.5,40 C7.5,42.4852814 9.51471863,44.5 12,44.5 C14.4852814,44.5 16.5,42.4852814 16.5,40 L16.5,20.1051797 C16.5,19.2233568 17.1330655,18.4687921 18.0014701,18.3155442 L32.3668938,15.7804694 C32.47116,15.7620695 32.5768347,15.7528168 32.6827119,15.7528168 C33.6863724,15.7528168 34.5,16.5664444 34.5,17.5700602 L34.5012889,32.0018801 L33.7007912,31.4002285 C32.9274983,30.819024 31.9885799,30.5 31,30.5 C28.5147186,30.5 26.5,32.5147186 26.5,35 C26.5,37.4852814 28.5147186,39.5 31,39.5 C33.4852814,39.5 35.5,37.4852814 35.5,35 L35.5,14.7756509 C35.5,14.5589192 35.4795882,14.3426692 35.4390351,14.1297653 Z"/>
</g>
</svg>
This diff is collapsed.
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 64 64">
<defs>
<filter id="deepin-screenshot&amp;record-a" width="126.7%" height="132%" x="-13.3%" y="-16%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
<feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<linearGradient id="deepin-screenshot&amp;record-b" x1="50%" x2="50%" y1="0%" y2="96.107%">
<stop offset="0%" stop-color="#F0EDFF"/>
<stop offset="100%" stop-color="#BBA7F6"/>
</linearGradient>
<path id="deepin-screenshot&amp;record-c" d="M8.12120347,27 L8.12120347,35 L-7.10542736e-15,35 L-7.10542736e-15,27 L8.12120347,27 Z M52,26.9509657 L52,34.9509657 L44,34.9509657 L44,26.9509657 L52,26.9509657 Z M52,0 L52,8 L44,8 L44,0 L52,0 Z M8,0 L8,8 L-7.10542736e-15,8 L-7.10542736e-15,0 L8,0 Z"/>
<linearGradient id="deepin-screenshot&amp;record-g" x1="39.277%" x2="39.277%" y1="15.304%" y2="105.982%">
<stop offset="0%" stop-color="#6B6386"/>
<stop offset="72.102%" stop-color="#302B42"/>
<stop offset="100%" stop-color="#72639E"/>
</linearGradient>
<circle id="deepin-screenshot&amp;record-f" cx="16.591" cy="16.838" r="16"/>
<filter id="deepin-screenshot&amp;record-e" width="125%" height="125%" x="-12.5%" y="-6.2%" filterUnits="objectBoundingBox">
<feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1"/>
<feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/>
</filter>
<radialGradient id="deepin-screenshot&amp;record-h" cx="50%" cy="91.243%" r="23.464%" fx="50%" fy="91.243%" gradientTransform="matrix(0 1 -1.57176 0 1.934 .412)">
<stop offset="0%" stop-color="#8462FF"/>
<stop offset="100%" stop-color="#232129"/>
</radialGradient>
<circle id="deepin-screenshot&amp;record-i" cx="17" cy="17" r="11"/>
<radialGradient id="deepin-screenshot&amp;record-j" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" stop-color="#F53E84"/>
<stop offset="100%" stop-color="#4F2CA2"/>
</radialGradient>
<linearGradient id="deepin-screenshot&amp;record-k" x1="99.23%" x2=".77%" y1="27.849%" y2="67.669%">
<stop offset="0%" stop-color="#4B003F"/>
<stop offset="14.589%" stop-color="#33036D"/>
<stop offset="51.448%" stop-color="#C30B9D"/>
<stop offset="80.605%" stop-color="#591A85"/>
<stop offset="100%" stop-color="#470437"/>
</linearGradient>
<linearGradient id="deepin-screenshot&amp;record-l" x1="50%" x2="50%" y1="0%" y2="50%">
<stop offset="0%" stop-color="#FEE" stop-opacity=".85"/>
<stop offset="100%" stop-color="#FF578A" stop-opacity=".7"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" filter="url(#deepin-screenshot&amp;record-a)" transform="translate(2 7)">
<path fill="url(#deepin-screenshot&amp;record-b)" d="M13.8181595,3.0981834 C14.6988074,1.20829074 16.5948768,0 18.6798792,0 L41.3201208,0 C43.4051232,0 45.3011926,1.20829074 46.1818405,3.0981834 L46.923354,4.68949035 C47.5801083,6.09890182 48.9941262,7 50.5490432,7 L52,7 L52,7 C56.418278,7 60,10.581722 60,15 L60,42 C60,46.418278 56.418278,50 52,50 L8,50 C3.581722,50 0,46.418278 0,42 L0,15 C0,10.581722 3.581722,7 8,7 L9.45095676,7 C11.0058738,7 12.4198917,6.09890182 13.076646,4.68949035 L13.8181595,3.0981834 L13.8181595,3.0981834 Z"/>
<g transform="translate(4 11)">
<mask id="deepin-screenshot&amp;record-d" fill="#fff">
<use xlink:href="#deepin-screenshot&amp;record-c"/>
</mask>
<path stroke="#000" stroke-opacity=".4" d="M3.27338129,0.5 C1.7416851,0.5 0.5,1.7416851 0.5,3.27338129 L0.5,31.7266187 C0.5,33.2583149 1.7416851,34.5 3.27338129,34.5 L48,34.5 C49.9329966,34.5 51.5,32.9329966 51.5,31 L51.5,4 C51.5,2.06700338 49.9329966,0.5 48,0.5 L3.27338129,0.5 Z" mask="url(#deepin-screenshot&amp;record-d)"/>
</g>
<ellipse cx="50.614" cy="16.216" fill="#F55" stroke="#D51818" rx="1.841" ry="1.851"/>
<g transform="translate(13.41 11.162)">
<use fill="#000" filter="url(#deepin-screenshot&amp;record-e)" xlink:href="#deepin-screenshot&amp;record-f"/>
<use fill="url(#deepin-screenshot&amp;record-g)" xlink:href="#deepin-screenshot&amp;record-f"/>
<use fill="url(#deepin-screenshot&amp;record-h)" xlink:href="#deepin-screenshot&amp;record-i"/>
<circle cx="17" cy="17" r="11.5" stroke="#000"/>
<circle cx="17" cy="17" r="10.5" stroke="#FFF" stroke-linejoin="square" stroke-opacity=".05"/>
<circle cx="17" cy="17" r="7.5" fill="url(#deepin-screenshot&amp;record-j)" stroke="#080808"/>
<ellipse cx="17" cy="17.039" fill="url(#deepin-screenshot&amp;record-k)" rx="5" ry="5.039"/>
<circle cx="17" cy="17" r="3" fill="#38000E"/>
<ellipse cx="16.034" cy="12.405" fill="url(#deepin-screenshot&amp;record-l)" opacity=".5" rx="6.034" ry="5.405"/>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 64 64">
<defs>
<filter id="deepin-system-monitor-a" width="131%" height="127.6%" x="-15.5%" y="-13.8%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
<feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<radialGradient id="deepin-system-monitor-b" cx="38.256%" cy="21.126%" r="100.21%" fx="38.256%" fy="21.126%">
<stop offset="0%" stop-color="#665AFF"/>
<stop offset="100%" stop-color="#4300D7"/>
</radialGradient>
<radialGradient id="deepin-system-monitor-d" cx="50%" cy="52.28%" r="54.424%" fx="50%" fy="52.28%">
<stop offset="0%" stop-color="#00D8FF"/>
<stop offset="100%" stop-color="#3D00B5"/>
</radialGradient>
<circle id="deepin-system-monitor-c" cx="22" cy="22" r="22"/>
<path id="deepin-system-monitor-g" d="M9.99376941,32.8364486 C10.2101076,33.2691251 10.6073866,33.8650435 11.2045049,34.4621618 C12.2327072,35.4903641 13.5019789,36.125 15,36.125 C16.8603023,36.125 18.2331117,35.0886635 19.2376325,33.247042 C19.9209371,31.9943169 20.310236,30.8047926 21.0853593,27.9626737 C22.4336212,23.0190467 23.2849194,21.4583333 25,21.4583333 C26.6486243,21.4583333 27.3360864,22.9707499 28.2264797,27.8679128 C28.7447273,30.7182748 29.0264649,31.9102414 29.6008377,33.1738616 C30.4551359,35.0533176 31.7773414,36.125 33.6666667,36.125 C36.0541329,36.125 36.9596661,34.7998294 37.6747436,31.9395192 C37.7119549,31.7900881 37.7119549,31.7900881 37.7482295,31.6435992 C38.1899759,29.861765 38.4339745,29.4583333 39,29.4583333 C39.3977374,29.4583333 39.5859823,29.7112129 39.9922686,30.9652312 C40.0155691,31.0371492 40.1294238,31.3925851 40.1625345,31.4945172 C40.233328,31.712457 40.2938385,31.8918914 40.3563842,32.0668309 C41.4134072,35.0233081 43.2910729,36.4668144 47.1018527,36.1203799 C47.7206214,36.0641282 48.1766316,35.516916 48.1203799,34.8981473 C48.0641282,34.2793786 47.516916,33.8233684 46.8981473,33.8796201 C44.1980547,34.1250831 43.2102371,33.3656716 42.475045,31.3093506 C42.4209381,31.1580143 42.3670295,30.9981567 42.3024675,30.799401 C42.2711684,30.7030457 42.1576647,30.3487056 42.1327314,30.2717479 C41.4479973,28.1582899 40.7408447,27.2083333 39,27.2083333 C36.9341383,27.2083333 36.2487397,28.3415839 35.5643426,31.1021773 C35.5279528,31.2491276 35.5279528,31.2491276 35.491923,31.3938141 C35.0050775,33.3411963 34.6403116,33.875 33.6666667,33.875 C32.0180423,33.875 31.3305802,32.3625834 30.440187,27.4654205 C29.9219393,24.6150585 29.6402018,23.4230919 29.065829,22.1594717 C28.2115308,20.2800157 26.8893252,19.2083333 25,19.2083333 C23.1396977,19.2083333 21.7668883,20.2446699 20.7623675,22.0862914 C20.0790629,23.3390165 19.689764,24.5285407 18.9146407,27.3706596 C17.5663788,32.3142866 16.7150806,33.875 15,33.875 C14.1646877,33.875 13.4339594,33.5096359 12.7954951,32.8711715 C12.5597437,32.6354201 12.3554523,32.3800559 12.1860566,32.1259623 C12.0884592,31.9795662 12.028023,31.8738028 12.0062306,31.830218 C11.7283677,31.2744922 11.0526105,31.0492398 10.4968847,31.3271027 C9.9411589,31.6049656 9.71590651,32.2807228 9.99376941,32.8364486 Z"/>
<filter id="deepin-system-monitor-f" width="178.4%" height="276.9%" x="-39.2%" y="-88.4%" filterUnits="objectBoundingBox">
<feMorphology in="SourceAlpha" operator="dilate" radius=".5" result="shadowSpreadOuter1"/>
<feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="4.5"/>
<feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.243137255 0 0 0 0 0.423529412 0 0 0 0 1 0 0 0 1 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" filter="url(#deepin-system-monitor-a)" transform="translate(3 3)">
<circle cx="29" cy="29" r="29" fill="url(#deepin-system-monitor-b)"/>
<g transform="translate(7 7)">
<mask id="deepin-system-monitor-e" fill="#fff">
<use xlink:href="#deepin-system-monitor-c"/>
</mask>
<use fill="url(#deepin-system-monitor-d)" xlink:href="#deepin-system-monitor-c"/>
<path fill="#FFF" fill-opacity=".2" fill-rule="nonzero" d="M12.5,-1 L12.4996667,2 L21.4996667,2 L21.5,-1 L22.5,-1 L22.4996667,2 L31.9996667,2 L32,0.666666667 L33,0.666666667 L32.9996667,2 L34.6666667,2 L34.6666667,3 L32.9996667,3 L32.9996667,12 L40.9996667,12 L41,10 L42,10 L41.9996667,12 L43.5,12 L43.5,13 L41.9996667,13 L41.9996667,22 L43.5,22 L43.5,23 L41.9996667,23 L41.9996667,32 L42.6666667,32 L42.6666667,33 L41.9996667,33 L42,34 L41,34 L40.9996667,33 L32.9996667,33 L32.9996667,40 L35.3333333,40 L35.3333333,41 L32.9996667,41 L33,44 L32,44 L31.9996667,41 L22.4996667,41 L22.5,43.6666667 L21.5,43.6666667 L21.4996667,41 L12.4996667,41 L12.5,43.6666667 L11.5,43.6666667 L11.4996667,41 L8.66666667,41 L8.66666667,40 L11.4996667,40 L11.4996667,33 L2.99966667,33 L3,34 L2,34 L1.99966667,33 L0.666666667,33 L0.666666667,32 L1.99966667,32 L1.99966667,23 L1,23 L1,22 L1.99966667,22 L1.99966667,13 L1,13 L1,12 L1.99966667,12 L2,10 L3,10 L2.99966667,12 L11.4996667,12 L11.4996667,3 L8.66666667,3 L8.66666667,2 L11.4996667,2 L11.5,-1 L12.5,-1 Z M21.4996667,33 L12.4996667,33 L12.4996667,40 L21.4996667,40 L21.4996667,33 Z M31.9996667,33 L22.4996667,33 L22.4996667,40 L31.9996667,40 L31.9996667,33 Z M11.4996667,23 L2.99966667,23 L2.99966667,32 L11.4996667,32 L11.4996667,23 Z M21.4996667,23 L12.4996667,23 L12.4996667,32 L21.4996667,32 L21.4996667,23 Z M40.9996667,23 L32.9996667,23 L32.9996667,32 L40.9996667,32 L40.9996667,23 Z M31.9996667,23 L22.4996667,23 L22.4996667,32 L31.9996667,32 L31.9996667,23 Z M11.4996667,13 L2.99966667,13 L2.99966667,22 L11.4996667,22 L11.4996667,13 Z M21.4996667,13 L12.4996667,13 L12.4996667,22 L21.4996667,22 L21.4996667,13 Z M40.9996667,13 L32.9996667,13 L32.9996667,22 L40.9996667,22 L40.9996667,13 Z M31.9996667,13 L22.4996667,13 L22.4996667,22 L31.9996667,22 L31.9996667,13 Z M21.4996667,3 L12.4996667,3 L12.4996667,12 L21.4996667,12 L21.4996667,3 Z M31.9996667,3 L22.4996667,3 L22.4996667,12 L31.9996667,12 L31.9996667,3 Z" mask="url(#deepin-system-monitor-e)"/>
</g>
<rect width="20.25" height="9" x="19" y="45" fill="#0A8BFF" rx="4.5"/>
<path fill="#FFF" d="M24.5425,52.76 C25.2625,52.76 25.855,52.475 26.3125,51.9425 L25.7275,51.2525 C25.4275,51.575 25.0525,51.8 24.58,51.8 C23.7025,51.8 23.1325,51.0725 23.1325,49.865 C23.1325,48.6725 23.7625,47.9525 24.6025,47.9525 C25.0225,47.9525 25.345,48.1475 25.6225,48.4175 L26.2075,47.7125 C25.8475,47.3375 25.285,47 24.58,47 C23.1775,47 22,48.0725 22,49.9025 C22,51.755 23.14,52.76 24.5425,52.76 Z M27.205,52.655 L27.205,47.105 L29.0275,47.105 C30.2575,47.105 31.2025,47.5325 31.2025,48.845 C31.2025,50.1125 30.25,50.6825 29.0575,50.6825 L28.315,50.6825 L28.315,52.655 L27.205,52.655 Z M28.315,49.805 L28.9825,49.805 C29.7475,49.805 30.115,49.4825 30.115,48.845 C30.115,48.2 29.71,47.9825 28.945,47.9825 L28.315,47.9825 L28.315,49.805 Z M34.3375,52.76 C35.695,52.76 36.4825,52.0025 36.4825,50.1575 L36.4825,47.105 L35.4175,47.105 L35.4175,50.255 C35.4175,51.41 34.9975,51.8 34.3375,51.8 C33.685,51.8 33.2875,51.41 33.2875,50.255 L33.2875,47.105 L32.1775,47.105 L32.1775,50.1575 C32.1775,52.0025 32.9875,52.76 34.3375,52.76 Z"/>
<path stroke="#FFF" stroke-linecap="round" stroke-width="2" d="M39.0963015,49.6713244 C46.7376991,45.9320953 52,38.0805857 52,29 C52,16.2974508 41.7025492,6 29,6 C16.2974508,6 6,16.2974508 6,29 C6,38.1005783 11.2854982,45.9666623 18.9542048,49.6959624" opacity=".497"/>
<path stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M29,6 C16.2974508,6 6,16.2974508 6,29 C6,38.1005783 11.2854982,45.9666623 18.9542048,49.6959624"/>
<g fill-rule="nonzero">
<use fill="#000" filter="url(#deepin-system-monitor-f)" xlink:href="#deepin-system-monitor-g"/>
<use fill="#FFF" xlink:href="#deepin-system-monitor-g"/>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 64 64">
<defs>
<linearGradient id="voice-note-c" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#FD5E5E"/>
<stop offset="100%" stop-color="#ED5656"/>
</linearGradient>
<circle id="voice-note-b" cx="18" cy="18" r="18"/>
<filter id="voice-note-a" width="130.6%" height="130.6%" x="-15.3%" y="-9.7%" filterUnits="objectBoundingBox">
<feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/>
<feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.97254902 0 0 0 0 0.17254902 0 0 0 0 0.277440324 0 0 0 0.4 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd">
<g transform="translate(7 4)">
<path fill="#FFF" d="M8,0 L42,0 C46.418278,-8.11624501e-16 50,3.581722 50,8 L50,48 C50,52.418278 46.418278,56 42,56 L8,56 C3.581722,56 5.41083001e-16,52.418278 0,48 L0,8 C-5.41083001e-16,3.581722 3.581722,8.11624501e-16 8,0 Z"/>
<path fill="#000" fill-opacity=".1" d="M8,0 L8,3 L45,3 L45,4 L8,4 L8,8 L45,8 L45,9 L8,9 L8,13 L45,13 L45,14 L8,14 L8,18 L45,18 L45,19 L8,19 L8,23 L45,23 L45,24 L8,24 L8,28 L45,28 L45,29 L8,29 L8,33 L45,33 L45,34 L8,34 L8,38 L45,38 L45,39 L8,39 L8,43 L45,43 L45,44 L8,44 L8,48 L45,48 L45,49 L8,49 L8,55 L7,55 L7,49 L4,49 L4,48 L7,48 L7,44 L4,44 L4,43 L7,43 L7,39 L4,39 L4,38 L7,38 L7,34 L4,34 L4,33 L7,33 L7,29 L4,29 L4,28 L7,28 L7,24 L4,24 L4,23 L7,23 L7,19 L4,19 L4,18 L7,18 L7,14 L4,14 L4,13 L7,13 L7,9 L4,9 L4,8 L7,8 L7,4 L4,4 L4,3 L7,3 L7,0 L8,0 Z"/>
</g>
<g transform="translate(14 14)">
<use fill="#000" filter="url(#voice-note-a)" xlink:href="#voice-note-b"/>
<use fill="url(#voice-note-c)" xlink:href="#voice-note-b"/>
<path fill="#FFF" fill-rule="nonzero" d="M13,20 L13,21 C13,23.7614237 15.2385763,26 18,26 C20.7614237,26 23,23.7614237 23,21 L23,20 L24,20 L24,21 C24,23.9727145 21.8381232,26.4404956 19.0008069,26.9169061 L19.0007263,28.0400662 C21.2011091,28.2188645 22.8766089,28.9756671 22.9934809,29.8969763 L23,30 L13,30 C13,29.0323792 14.7178935,28.2252525 17.0002666,28.0399856 L17.0001915,26.9170737 C14.1623839,26.4410745 12,23.9730632 12,21 L12,20 L13,20 Z M22,20 L22,21 C22,23.209139 20.209139,25 18,25 C15.790861,25 14,23.209139 14,21 L14,20 L22,20 Z M14,15 L14,11 C14,8.790861 15.790861,7 18,7 C20.209139,7 22,8.790861 22,11 L22,15 L19,15 L19,16 L22,16 L22,17 L19,17 L19,18 L22,18 L22,19 L14,19 L14,18 L17,18 L17,17 L14,17 L14,16 L17,16 L17,15 L14,15 Z"/>
</g>
</g>
</svg>
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>deepin-sound-recorder</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="49.9997735%" y1="0%" x2="49.9997727%" y2="99.833549%" id="linearGradient-1">
<stop stop-color="#FF9BBA" offset="0%"></stop>
<stop stop-color="#DA0C0C" offset="100%"></stop>
</linearGradient>
<linearGradient x1="49.9997727%" y1="1.85111235%" x2="49.9997727%" y2="99.833549%" id="linearGradient-2">
<stop stop-color="#FF4B83" offset="0%"></stop>
<stop stop-color="#EE3A3A" offset="100%"></stop>
</linearGradient>
<linearGradient x1="49.9997735%" y1="3.9511297%" x2="49.9997727%" y2="99.1303297%" id="linearGradient-3">
<stop stop-color="#FF004F" offset="0%"></stop>
<stop stop-color="#E13333" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="deepin-sound-recorder">
<image id="Bitmap" x="1" y="2" width="62" height="62" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAYAAABzwahEAAAABGdBTUEAA1teXP8meAAABQhJREFUaAXlmol2ozAMANu973v//yv3ProammEVAwWT5hVcvacaHFvWSLKhaS8vziuXhfnyvvj44qroKO+Lj9ffzjlSaznb47pU7DnGVrjccp2VeYhjru9O+OniJ5jopmqHVn0Q1ygixN+4RhEhnOt45zPG8c53ji1jVomLrpock5yvszj/8GDsT7S/Q9c6ic1HodkegTAIcbnadu84RmqkBMY5FMd+Hdpobk0I6ONQWgKKnhQAAcLOYnGOpWlGfoYFy3ixscqBrPnkMAd4twJdVZWl0wdbsw3QKPMsQzKMVi0c49cIa7h9qACTUG2rBjxDsyhOfD+01QufOMEAEHwUqQr8EnCBzTTQlBmlfdeCH+5/wIWfrYQacCILNMCU9lbEg869L/yN/s2Bm21LitJmoa0Jhxx+LYa/CVxoxmCQTG8ROtzqxFLHV68PHw2bKfAMTXlzkm6pvIck1z1kHt89fCfLfgyciQifaeBH17OPH1QlvqNmXqaegBNxTOhnIi37em+Cz5lh4D9wWXKJs1fI9LnfxvL6t3lNtp8e/B+U/FjGgecUZzB7e6/iGx4sN5Z6zjaD91jiZZJggIXKlq8bU2acDxnEAbHlR1fn/IIfcgjeTxHcaDCglWwLOZp1wRkEvPd7PdCEza0ssMHYiaDc0Em29/Cigr81AhNsA3CzTalv4beuGqglY2GCrc+6F4LzCLM0lhjcyxiZel5LXXAH7AWoxk9OeMH7w+w+gJPUSfAWnt1TVTDIONlGiMZ9AIf1Mu9xAjB4mWdUIwIbjF2iBYeNjpYPN9g6aGAF7zvobFwGGYfXQLTIfsTmjXu75czL1rEKTobp4LWuVYHNBPelTQfKl4util+cdvBk3Chw6rWecZ9aV5Y68HTyq1urAhuMfcYBFZxAGAz6WxG5JsF5ZX3eCm3igAm2I3Cybcb58FloawJTBh/scT7kgGvpkJMngx/tZ7LOl/Do69BWBBa5YOwkH2SWO1/MURotnPAwwAJTv7/jerSkebWjPJjwLXTP8j6cB5i/AfonpS7rOeMA0sle4FtJ3nT8D4O43J3gOwz+Q0Nf5pBMHWJknaDwGPgaukf5EE6TZcCPsg1MmXH6iIwTCMA7Oncm+IzvGfoIYSrjDmLyi1CCsZe/sLwMX1+F8jezXOazpQ7s0aCDIY3E7WaFfwTgQAPaA43DbSBTGQdeIQjc8zzklB81FP13LTy6PocCDDjbVV/LRE4ebjGnEyaonAdvQreYeTINNL4Bzbbk6aTvcXksUxnPo4wWLZl/G0okWWQLwn7+GGqmZ6Fxegk444ycpUPZM5fo3qWwn6lCtqCZHjy6xhxcAu5+z/AEgGc8J6gRHrN/rj5Lm5cU3jOEtrxn110Cno2U8Myn9Hm9pfStiLg8i/Am9imUNcksmfb0FhofZ6UWHIMlPLCcqLw00BKARYvHuKWCXcqatzHWI8Moa3l661d0zYtlPD/y/wjncMqjOIVSdvn9+EvcU4ZkYo2QFF6e2E7YZUsBKqzAVllVsIUIe1XiPFoUJ1ECQDmq9OEgzuo49wRDhwmecw0cLbYYxzzVuWVZV0GHvc5p2rVSBiBD5GBwbYUYLOdaorQEAwUsQ3rNZ46Py/VbysUxcopoJ0MJWraOyesJI3jZ+jktYnt9t+KnDq+YOjol2xMwt0xyjK0QueU6q4s5xvvVrYuvNjAzsbRf3pfTS7Dyvhy/+v4fra1pWYxQ1MYAAAAASUVORK5CYII="></image>
<circle id="Combined-Shape" fill="url(#linearGradient-1)" cx="32" cy="32" r="28"></circle>
<circle id="Combined-Shape" fill="url(#linearGradient-2)" cx="32" cy="32" r="27"></circle>
<path d="M23,33.0167812 C23,37.983509 27.4690909,41.9930211 32,41.9930211 C36.5309091,41.9930211 41,38.9825527 41,33.0167812 L41,28.0069789 L23,28.0069789 L23,33.0167812 Z M43,33.0167812 C43,40.4877869 37.5309091,44 32,44 C26.4690909,44 21,39.7107116 21,33.0167812 L21,28 L43,28 L43,33.0167812 Z" id="Rectangle-41" fill="#E40F35" fill-rule="nonzero"></path>
<path d="M23,34.0167812 C23,38.983509 27.4690909,42.9930211 32,42.9930211 C36.5309091,42.9930211 41,39.9825527 41,34.0167812 L41,29.0069789 L23,29.0069789 L23,34.0167812 Z M43,34.0167812 C43,41.4877869 37.5309091,45 32,45 C26.4690909,45 21,40.7107116 21,34.0167812 L21,29.5052342 C21,28.6739163 21,29 21,29 L43,29 C43,29 43,28.6739163 43,29.5052342 L43,34.0167812 Z" id="Rectangle-41" fill="#FFFFFF" fill-rule="nonzero"></path>
<rect id="Combined-Shape" fill="url(#linearGradient-3)" x="25" y="13" width="14" height="27" rx="7"></rect>
<rect id="Combined-Shape" fill="#FFFFFF" x="25" y="14" width="14" height="27" rx="7"></rect>
<polygon id="Combined-Shape" fill="#E40F35" points="25 46 25 48 39 48 39 46"></polygon>
<polygon id="Combined-Shape" fill="#FFFFFF" points="33 47 33 43 31 43 31 47 25 47 25 49 39 49 39 47"></polygon>
<circle id="Oval" fill="#F94568" cx="32.5" cy="19.5" r="1.5"></circle>
<rect id="Rectangle-2" fill="#F94568" x="25" y="26" width="6" height="1"></rect>
<rect id="Rectangle-2" fill="#F94568" x="33" y="26" width="6" height="1"></rect>
<rect id="Rectangle-2" fill="#F94568" x="25" y="28" width="6" height="1"></rect>
<rect id="Rectangle-2" fill="#F94568" x="33" y="28" width="6" height="1"></rect>
<rect id="Rectangle-2" fill="#F94568" x="25" y="24" width="6" height="1"></rect>
<rect id="Rectangle-2" fill="#F94568" x="33" y="24" width="6" height="1"></rect>
</g>
</g>
</svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 64 64">
<defs>
<filter id="desktop-ai-assistant-a" width="126.7%" height="126.7%" x="-13.3%" y="-13.3%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/>
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
<feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<radialGradient id="desktop-ai-assistant-c" cx="41.862%" cy="21.344%" r="63.627%" fx="41.862%" fy="21.344%">
<stop offset="0%" stop-color="#FFF"/>
<stop offset="100%" stop-color="#B6E6FF"/>
</radialGradient>
<circle id="desktop-ai-assistant-b" cx="30" cy="30" r="30"/>
<linearGradient id="desktop-ai-assistant-d" x1="0%" x2="50%" y1="18.933%" y2="93.757%">
<stop offset="0%" stop-color="#0709B6"/>
<stop offset="100%" stop-color="#0091A0"/>
</linearGradient>
<linearGradient id="desktop-ai-assistant-f" x1="100%" x2="37.123%" y1="100%" y2="100%">
<stop offset="0%" stop-color="#D4FF00"/>
<stop offset="100%" stop-color="#07F"/>
</linearGradient>
<linearGradient id="desktop-ai-assistant-g" x1="100%" x2="37.123%" y1="100%" y2="100%">
<stop offset="0%" stop-color="#D4FF00"/>
<stop offset="100%" stop-color="#07F"/>
</linearGradient>
<linearGradient id="desktop-ai-assistant-h" x1="100%" x2="37.123%" y1="100%" y2="100%">
<stop offset="0%" stop-color="#D4FF00"/>
<stop offset="100%" stop-color="#07F"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" filter="url(#desktop-ai-assistant-a)" transform="translate(3 2)">
<mask id="desktop-ai-assistant-e" fill="#fff">
<use xlink:href="#desktop-ai-assistant-b"/>
</mask>
<use fill="url(#desktop-ai-assistant-c)" xlink:href="#desktop-ai-assistant-b"/>
<path fill="url(#desktop-ai-assistant-d)" stroke="#FFF" stroke-opacity=".5" d="M30.5,14.5 C31.6045695,14.5 32.5,15.3954305 32.5,16.5 L32.5,42.5 C32.5,43.6045695 31.6045695,44.5 30.5,44.5 C29.3954305,44.5 28.5,43.6045695 28.5,42.5 L28.5,16.5 C28.5,15.3954305 29.3954305,14.5 30.5,14.5 Z M37.5,18.5 C38.6045695,18.5 39.5,19.3954305 39.5,20.5 L39.5,39.5 C39.5,40.6045695 38.6045695,41.5 37.5,41.5 C36.3954305,41.5 35.5,40.6045695 35.5,39.5 L35.5,20.5 C35.5,19.3954305 36.3954305,18.5 37.5,18.5 Z M23.5,20.5 C24.6045695,20.5 25.5,21.3954305 25.5,22.5 L25.5,37.5 C25.5,38.6045695 24.6045695,39.5 23.5,39.5 C22.3954305,39.5 21.5,38.6045695 21.5,37.5 L21.5,22.5 C21.5,21.3954305 22.3954305,20.5 23.5,20.5 Z M16.5,22.5 C17.6045695,22.5 18.5,23.3954305 18.5,24.5 L18.5,34.5 C18.5,35.6045695 17.6045695,36.5 16.5,36.5 C15.3954305,36.5 14.5,35.6045695 14.5,34.5 L14.5,24.5 C14.5,23.3954305 15.3954305,22.5 16.5,22.5 Z M44.5,24.5 C45.6045695,24.5 46.5,25.3954305 46.5,26.5 L46.5,33.5 C46.5,34.6045695 45.6045695,35.5 44.5,35.5 C43.3954305,35.5 42.5,34.6045695 42.5,33.5 L42.5,26.5 C42.5,25.3954305 43.3954305,24.5 44.5,24.5 Z" mask="url(#desktop-ai-assistant-e)"/>
<path fill="url(#desktop-ai-assistant-f)" fill-opacity=".5" d="M59.3386095,40 C54.9528812,51.605768 43.7209553,59.8607645 30.5570449,59.8607645 C24.029874,59.8607645 17.9776923,57.8312273 12.9995652,54.3700005 C29.0445208,50.9210841 39.935529,44.4231194 58.6744035,40.1488638 Z" mask="url(#desktop-ai-assistant-e)"/>
<path fill="url(#desktop-ai-assistant-g)" fill-opacity=".5" d="M6.63372527,42.1196951 C28.6784887,40.7677249 32.1918147,49.4688462 52.5268081,51.1040828 C46.933839,57.0436443 39.0111561,60.75 30.2263192,60.75 C17.7412463,60.75 6.99757762,53.2637924 2.20490212,42.5181131 C3.61441308,42.3485597 5.08842629,42.2144069 6.63372527,42.1196951 Z" mask="url(#desktop-ai-assistant-e)"/>
<path fill="url(#desktop-ai-assistant-h)" fill-opacity=".5" d="M1.94707293,27.0165923 C25.7247618,26.4017968 35.0901588,43.0318802 52.6282501,50.3167032 C46.9994447,56.5683198 38.834804,60.5 29.75,60.5 C12.7672439,60.5 -1,46.7607383 -1,29.8125 C-1,28.9230592 -0.962083173,28.0424563 -0.887774628,27.1722134 C0.0364956686,27.0937501 0.981355335,27.0415227 1.94707293,27.0165923 Z" mask="url(#desktop-ai-assistant-e)"/>
</g>
</svg>
This diff is collapsed.
<template> <template>
<div class="app-container"> <div class="app-container">
<header class="header-nav"> <header class="header-nav">
<div class="left"> <div class="left" @click="onHomeClick">
<img src="../assets/images/evm-store.svg" alt="evue-logo" /> <img src="../assets/images/evm-store.svg" alt="evue-logo" />
<h3>EVM应用商店</h3> <h3>EVM应用商店</h3>
</div> </div>
<div class="center"> <div class="center">
<nav> <nav>
<ul> <ul>
<li>推荐</li> <router-link to="/gallery" tag="li">推荐</router-link>
<li>应用</li> <router-link to="/app-list" tag="li">应用</router-link>
<li>游戏</li> <router-link to="/app-list" tag="li">游戏</router-link>
<li>排行</li> <router-link to="/app-list" tag="li">排行</router-link>
<router-link to="/app-list" tag="li">开放平台</router-link>
</ul> </ul>
</nav> </nav>
</div> </div>
...@@ -23,13 +24,14 @@ ...@@ -23,13 +24,14 @@
type="text" type="text"
placeholder="搜索应用、游戏" placeholder="搜索应用、游戏"
/> />
<select> <dl v-show="selectShow">
<option>123</option> <dt>热词</dt>
<option>123</option> <dd>微聊</dd>
<option>123</option> <dd>支付宝</dd>
<option>123</option> <dd>计算器</dd>
<option>123</option> <dd>手表管家</dd>
</select> <dd>语音助手</dd>
</dl>
</div> </div>
<p class="submit-btn">上传应用</p> <p class="submit-btn">上传应用</p>
<img class="avatar" src="../assets/images/avatar.png" alt="avatar" /> <img class="avatar" src="../assets/images/avatar.png" alt="avatar" />
...@@ -39,6 +41,16 @@ ...@@ -39,6 +41,16 @@
<router-view></router-view> <router-view></router-view>
</main> </main>
<footer> <footer>
<p>
<a
href="https://www.yuque.com/docs/share/97df8f40-dc3c-4642-aeb1-9734bc3ef2c8"
target="_blank"
>EVM应用商店开发者协议</a
>
<a href="https://www.yuque.com/bytecode/evue" target="_blank"
>EVM应用开发标准</a
>
</p>
<p>Copyright © 武汉市字节码科技有限公司</p> <p>Copyright © 武汉市字节码科技有限公司</p>
<p>⭐⭐⭐⭐⭐</p> <p>⭐⭐⭐⭐⭐</p>
</footer> </footer>
...@@ -48,15 +60,20 @@ ...@@ -48,15 +60,20 @@
export default { export default {
name: "StoreLayout", name: "StoreLayout",
data() { data() {
return {}; return {
selectShow: false,
};
}, },
computed: {}, computed: {},
methods: { methods: {
onSearchFocus() { onSearchFocus() {
console.log(1); this.selectShow = true;
}, },
onSearchBlur() { onSearchBlur() {
console.log(2); this.selectShow = false;
},
onHomeClick() {
this.$router.push({ path: "/gallery" });
}, },
}, },
mounted() {}, mounted() {},
...@@ -69,9 +86,9 @@ export default { ...@@ -69,9 +86,9 @@ export default {
& > div.page-wrapper { & > div.page-wrapper {
margin: 10px 0px; margin: 10px 0px;
} }
& > .header-nav { & > header.header-nav {
display: flex; display: flex;
justify-content: space-between; justify-content: center;
padding: 12px 25px; padding: 12px 25px;
border-bottom: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2;
& > div { & > div {
...@@ -106,6 +123,31 @@ export default { ...@@ -106,6 +123,31 @@ export default {
& > div.right { & > div.right {
& > div.input-wrapper { & > div.input-wrapper {
margin-right: 15px; margin-right: 15px;
& > dl {
width: 200px;
height: auto;
position: absolute;
font-size: 14px;
margin: 5px 0px 0px 0px;
z-index: 1000;
background: #ffffff;
border-radius: 8px;
border: 1px solid #f5f5f5;
box-shadow: 1px 0px 3px 2px #dbdbdb;
& > dt {
font-size: 12px;
color: grey;
margin: 10px;
}
& > dd {
cursor: pointer;
padding: 10px;
margin-inline-start: 0px;
&:hover {
background: #eeeeee;
}
}
}
} }
& > img.avatar { & > img.avatar {
width: 32px; width: 32px;
...@@ -134,6 +176,13 @@ export default { ...@@ -134,6 +176,13 @@ export default {
padding: 25px 0px; padding: 25px 0px;
background-color: #f2f2f2; background-color: #f2f2f2;
& > p { & > p {
& > a {
margin-right: 20px;
color: royalblue;
&:last-child {
margin-right: 0px;
}
}
text-align: center; text-align: center;
} }
} }
......
...@@ -36,7 +36,7 @@ import StoreLayout from "@/layout/store"; ...@@ -36,7 +36,7 @@ import StoreLayout from "@/layout/store";
export const constantRoutes = [ export const constantRoutes = [
{ {
path: "/login", path: "/login",
component: () => import("@/views/system/index"), component: () => import("@/views/system/login"),
hidden: true, hidden: true,
}, },
{ {
...@@ -99,6 +99,17 @@ export const constantRoutes = [ ...@@ -99,6 +99,17 @@ export const constantRoutes = [
meta: { title: '个人中心', icon: 'shangcheng' } meta: { title: '个人中心', icon: 'shangcheng' }
}] }]
}, },
{
path: '/',
redirect: '/docs',
component: Layout,
children: [{
path: 'docs',
name: 'Document',
component: () => import('@/views/developer/docs'),
meta: { title: '开发文档', icon: 'shangcheng' }
}]
},
{ {
path: '/', path: '/',
redirect: '/home', redirect: '/home',
...@@ -106,7 +117,7 @@ export const constantRoutes = [ ...@@ -106,7 +117,7 @@ export const constantRoutes = [
children: [{ children: [{
path: 'home', path: 'home',
name: 'AppIndex', name: 'AppIndex',
component: () => import('@/views/app-store/index'), component: () => import('@/views/system/apps'),
meta: { title: '应用管理', icon: 'home' } meta: { title: '应用管理', icon: 'home' }
}] }]
}, },
...@@ -117,7 +128,7 @@ export const constantRoutes = [ ...@@ -117,7 +128,7 @@ export const constantRoutes = [
children: [{ children: [{
path: 'build', path: 'build',
name: 'AppBuild', name: 'AppBuild',
component: () => import('@/views/app-store/build'), component: () => import('@/views/system/build'),
meta: { title: '打包日志', icon: 'home' } meta: { title: '打包日志', icon: 'home' }
}] }]
}, },
...@@ -128,7 +139,7 @@ export const constantRoutes = [ ...@@ -128,7 +139,7 @@ export const constantRoutes = [
children: [{ children: [{
path: 'download', path: 'download',
name: 'AppDownload', name: 'AppDownload',
component: () => import('@/views/app-store/download'), component: () => import('@/views/system/download'),
meta: { title: '下载记录', icon: 'gongzuotai' } meta: { title: '下载记录', icon: 'gongzuotai' }
}] }]
}, },
...@@ -139,7 +150,7 @@ export const constantRoutes = [ ...@@ -139,7 +150,7 @@ export const constantRoutes = [
children: [{ children: [{
path: 'device', path: 'device',
name: 'Device', name: 'Device',
component: () => import('@/views/app-store/device'), component: () => import('@/views/system/device'),
meta: { title: '设备管理', icon: 'gongzuotai' } meta: { title: '设备管理', icon: 'gongzuotai' }
}] }]
}, },
...@@ -154,17 +165,6 @@ export const constantRoutes = [ ...@@ -154,17 +165,6 @@ export const constantRoutes = [
meta: { title: '个人中心', icon: 'shangcheng' } meta: { title: '个人中心', icon: 'shangcheng' }
}] }]
}, },
{
path: '/',
redirect: '/docs',
component: Layout,
children: [{
path: 'docs',
name: 'Document',
component: () => import('@/views/app-store/docs'),
meta: { title: '开发文档', icon: 'shangcheng' }
}]
},
{ {
path: '/', path: '/',
redirect: '/user', redirect: '/user',
......
...@@ -429,6 +429,12 @@ export default { ...@@ -429,6 +429,12 @@ export default {
flex-direction: row; flex-direction: row;
& > progress { & > progress {
margin-left: 15px; margin-left: 15px;
&::-webkit-progress-bar {
background-color: #d7d7d7;
}
&::-webkit-progress-value {
background-color: #27c3c5;
}
} }
} }
} }
...@@ -467,27 +473,27 @@ export default { ...@@ -467,27 +473,27 @@ export default {
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
padding: 10px 0px; padding: 10px 0px;
color: #27C3C5; color: #27c3c5;
border: 1px solid #27C3C5; border: 1px solid #27c3c5;
&:link { &:link {
color: #FFFFFF; color: #ffffff;
text-decoration: none; text-decoration: none;
background-color: none; background-color: none;
} }
&:visited { &:visited {
color: #27C3C5; color: #27c3c5;
text-decoration: none; text-decoration: none;
background-color: none; background-color: none;
} }
&:hover { &:hover {
color: #FFFFFF; color: #ffffff;
text-decoration: underline; text-decoration: underline;
background-color: #27C3C5; background-color: #27c3c5;
} }
&:active { &:active {
color: #FFFFFF; color: #ffffff;
text-decoration: underline; text-decoration: underline;
background-color: #27C3C5; background-color: #27c3c5;
} }
} }
&:last-child { &:last-child {
......
<template> <template>
<div class="app-container"> <div class="app-container">
<div style="width: 100%; margin: 20px auto; height: 200px"> <div style="width: 100%; margin: 20px auto; height: 260px">
<!-- Using the slider component --> <!-- Using the slider component -->
<slider ref="slider" :options="options"> <slider ref="slider" :options="options">
<!-- slideritem wrapped package with the components you need --> <!-- slideritem wrapped package with the components you need -->
...@@ -8,7 +8,9 @@ ...@@ -8,7 +8,9 @@
v-for="(item, index) in someList" v-for="(item, index) in someList"
:key="index" :key="index"
:style="item.style" :style="item.style"
>{{ item.html }}</slideritem >
<img :src="item.src" style="width: 100%;height: auto;" />
</slideritem
> >
<!-- Customizable loading --> <!-- Customizable loading -->
<div slot="loading">loading...</div> <div slot="loading">loading...</div>
...@@ -21,43 +23,43 @@ ...@@ -21,43 +23,43 @@
</div> </div>
<div class="content"> <div class="content">
<div class="item" @click="toApp"> <div class="item" @click="toApp">
<img src="../../assets/images/evue-logo.png" /> <img src="../../assets/images/com.qq.weixin.deepin.svg" />
<span>EVUE</span> <span>微聊</span>
<button>安装</button> <button>安装</button>
</div> </div>
<div class="item" @click="toApp"> <div class="item" @click="toApp">
<img src="../../assets/images/evue-logo.png" /> <img src="../../assets/images/dde-calendar.svg" />
<span>EVUE</span> <span>日历</span>
<button>安装</button> <button>安装</button>
</div> </div>
<div class="item" @click="toApp"> <div class="item" @click="toApp">
<img src="../../assets/images/evue-logo.png" /> <img src="../../assets/images/deepin-calculator.svg" />
<span>EVUE</span> <span>计算器</span>
<button>安装</button> <button>安装</button>
</div> </div>
<div class="item" @click="toApp"> <div class="item" @click="toApp">
<img src="../../assets/images/evue-logo.png" /> <img src="../../assets/images/deepin-album.svg" />
<span>EVUE</span> <span>相册</span>
<button>安装</button> <button>安装</button>
</div> </div>
<div class="item" @click="toApp"> <div class="item" @click="toApp">
<img src="../../assets/images/evue-logo.png" /> <img src="../../assets/images/deepin-music.svg" />
<span>EVUE</span> <span>音乐播放器</span>
<button>安装</button> <button>安装</button>
</div> </div>
<div class="item" @click="toApp"> <div class="item" @click="toApp">
<img src="../../assets/images/evue-logo.png" /> <img src="../../assets/images/deepin-phone-master.svg" />
<span>EVUE</span> <span>手表管家</span>
<button>安装</button> <button>安装</button>
</div> </div>
<div class="item" @click="toApp"> <div class="item" @click="toApp">
<img src="../../assets/images/evue-logo.png" /> <img src="../../assets/images/deepin-voice-recorder.svg" />
<span>EVUE</span> <span>录音机</span>
<button>安装</button> <button>安装</button>
</div> </div>
<div class="item" @click="toApp"> <div class="item" @click="toApp">
<img src="../../assets/images/evue-logo.png" /> <img src="../../assets/images/desktop-ai-assistant.svg" />
<span>EVUE</span> <span>语音助手</span>
<button>安装</button> <button>安装</button>
</div> </div>
</div> </div>
...@@ -69,12 +71,12 @@ ...@@ -69,12 +71,12 @@
</div> </div>
<div class="content"> <div class="content">
<div class="item"> <div class="item">
<img src="../../assets/images/evue-logo.png" alt="icon" /> <img src="../../assets/images/alipay.svg" alt="icon" />
<div class="text"> <div class="text">
<p class="title">EVUE</p> <p class="title">支付宝</p>
<p class="subtitle"> <p class="subtitle">
<star-rating <star-rating
v-bind:rating="3.5" v-bind:rating="4.5"
v-bind:increment="0.1" v-bind:increment="0.1"
v-bind:max-rating="5" v-bind:max-rating="5"
v-bind:star-size="15" v-bind:star-size="15"
...@@ -84,17 +86,17 @@ ...@@ -84,17 +86,17 @@
> >
</star-rating> </star-rating>
</p> </p>
<p class="subtitle">八零八零八附带上方</p> <p class="subtitle">生活好,支付宝</p>
</div> </div>
<button class="install">安装</button> <button class="install">安装</button>
</div> </div>
<div class="item"> <div class="item">
<img src="../../assets/images/evue-logo.png" alt="icon" /> <img src="../../assets/images/deepin-voice-note.svg" alt="icon" />
<div class="text"> <div class="text">
<p class="title">EVUE</p> <p class="title">语音记事本</p>
<p class="subtitle"> <p class="subtitle">
<star-rating <star-rating
v-bind:rating="3.5" v-bind:rating="3.7"
v-bind:increment="0.1" v-bind:increment="0.1"
v-bind:max-rating="5" v-bind:max-rating="5"
v-bind:star-size="15" v-bind:star-size="15"
...@@ -104,17 +106,17 @@ ...@@ -104,17 +106,17 @@
> >
</star-rating> </star-rating>
</p> </p>
<p class="subtitle">八零八零八附带上方</p> <p class="subtitle">想到就要记下来</p>
</div> </div>
<button class="install">安装</button> <button class="install">安装</button>
</div> </div>
<div class="item"> <div class="item">
<img src="../../assets/images/evue-logo.png" alt="icon" /> <img src="../../assets/images/dde-introduction.svg" alt="icon" />
<div class="text"> <div class="text">
<p class="title">EVUE</p> <p class="title">客服反馈</p>
<p class="subtitle"> <p class="subtitle">
<star-rating <star-rating
v-bind:rating="3.5" v-bind:rating="3.0"
v-bind:increment="0.1" v-bind:increment="0.1"
v-bind:max-rating="5" v-bind:max-rating="5"
v-bind:star-size="15" v-bind:star-size="15"
...@@ -124,17 +126,17 @@ ...@@ -124,17 +126,17 @@
> >
</star-rating> </star-rating>
</p> </p>
<p class="subtitle">八零八零八附带上方</p> <p class="subtitle">有问题,找客服</p>
</div> </div>
<button class="install">安装</button> <button class="install">安装</button>
</div> </div>
<div class="item"> <div class="item">
<img src="../../assets/images/evue-logo.png" alt="icon" /> <img src="../../assets/images/deepin-camera.svg" alt="icon" />
<div class="text"> <div class="text">
<p class="title">EVUE</p> <p class="title">相机</p>
<p class="subtitle"> <p class="subtitle">
<star-rating <star-rating
v-bind:rating="3.5" v-bind:rating="4.0"
v-bind:increment="0.1" v-bind:increment="0.1"
v-bind:max-rating="5" v-bind:max-rating="5"
v-bind:star-size="15" v-bind:star-size="15"
...@@ -144,17 +146,17 @@ ...@@ -144,17 +146,17 @@
> >
</star-rating> </star-rating>
</p> </p>
<p class="subtitle">八零八零八附带上方</p> <p class="subtitle">记录生活美好瞬间</p>
</div> </div>
<button class="install">安装</button> <button class="install">安装</button>
</div> </div>
<div class="item"> <div class="item">
<img src="../../assets/images/evue-logo.png" alt="icon" /> <img src="../../assets/images/deepin-draw.svg" alt="icon" />
<div class="text"> <div class="text">
<p class="title">EVUE</p> <p class="title">画板</p>
<p class="subtitle"> <p class="subtitle">
<star-rating <star-rating
v-bind:rating="3.5" v-bind:rating="3.1"
v-bind:increment="0.1" v-bind:increment="0.1"
v-bind:max-rating="5" v-bind:max-rating="5"
v-bind:star-size="15" v-bind:star-size="15"
...@@ -164,17 +166,17 @@ ...@@ -164,17 +166,17 @@
> >
</star-rating> </star-rating>
</p> </p>
<p class="subtitle">八零八零八附带上方</p> <p class="subtitle">天马行空般涂鸦</p>
</div> </div>
<button class="install">安装</button> <button class="install">安装</button>
</div> </div>
<div class="item"> <div class="item">
<img src="../../assets/images/evue-logo.png" alt="icon" /> <img src="../../assets/images/deepin-movie.svg" alt="icon" />
<div class="text"> <div class="text">
<p class="title">EVUE</p> <p class="title">视频</p>
<p class="subtitle"> <p class="subtitle">
<star-rating <star-rating
v-bind:rating="3.5" v-bind:rating="3.7"
v-bind:increment="0.1" v-bind:increment="0.1"
v-bind:max-rating="5" v-bind:max-rating="5"
v-bind:star-size="15" v-bind:star-size="15"
...@@ -184,7 +186,7 @@ ...@@ -184,7 +186,7 @@
> >
</star-rating> </star-rating>
</p> </p>
<p class="subtitle">八零八零八附带上方</p> <p class="subtitle">宅家看好剧,海量大片限免来袭</p>
</div> </div>
<button class="install">安装</button> <button class="install">安装</button>
</div> </div>
...@@ -203,18 +205,21 @@ export default { ...@@ -203,18 +205,21 @@ export default {
someList: [ someList: [
{ {
html: "slide1", html: "slide1",
src: "http://www.qingyy.net/Public/attached/2017/12/05/5a25f71cc3e68.png",
style: { style: {
background: "#1bbc9b", background: "#1bbc9b",
}, },
}, },
{ {
html: "slide2", html: "slide2",
src: "http://www.qingyy.net/Public/attached/2017/12/05/5a25f71cc3e68.png",
style: { style: {
background: "#4bbfc3", background: "#4bbfc3",
}, },
}, },
{ {
html: "slide3", html: "slide3",
src: "http://www.qingyy.net/Public/attached/2017/12/05/5a25f71cc3e68.png",
style: { style: {
background: "#7baabe", background: "#7baabe",
}, },
......
<template>
<div class="container">
<iframe src="https://www.yuque.com/books/share/07c6dc3d-5343-45dd-a7d2-fd5ccaa05825" height="100%" width="100%" name="demo" scrolling="auto" frameborder="0"></iframe>
</div>
</template>
<script>
export default {
name: "Document",
components: {},
data() {
return {};
},
computed: {},
methods: {},
beforeMount() {},
};
</script>
<style lang="scss" scoped>
.container {
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
& > img {
display: block;
}
}
</style>
\ No newline at end of file
<template>
<div class="container">
<iframe src="https://www.yuque.com/books/share/07c6dc3d-5343-45dd-a7d2-fd5ccaa05825" height="100%" width="100%" name="demo" scrolling="auto" frameborder="0"></iframe>
</div>
</template>
<script>
export default {
name: "Document",
components: {},
data() {
return {};
},
computed: {},
methods: {},
beforeMount() {},
};
</script>
<style lang="scss" scoped>
.container {
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
& > img {
display: block;
}
}
</style>
\ No newline at end of file
<template>
<div class="container">
<iframe src="https://www.yuque.com/books/share/07c6dc3d-5343-45dd-a7d2-fd5ccaa05825" height="100%" width="100%" name="demo" scrolling="auto" frameborder="0"></iframe>
</div>
</template>
<script>
export default {
name: "Document",
components: {},
data() {
return {};
},
computed: {},
methods: {},
beforeMount() {},
};
</script>
<style lang="scss" scoped>
.container {
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
& > img {
display: block;
}
}
</style>
\ No newline at end of file
...@@ -3,80 +3,108 @@ ...@@ -3,80 +3,108 @@
<div class="m-index"> <div class="m-index">
<div <div
class="banner" class="banner"
style="background: url(http://gtms01.alicdn.com/tps/i1/TB1rGYSGFXXXXawXXXXDcMi7VXX-1440-336.png) no-repeat center 0 #657284;" style="
background: url(http://gtms01.alicdn.com/tps/i1/TB1rGYSGFXXXXawXXXXDcMi7VXX-1440-336.png)
no-repeat center 0 #657284;
"
> >
<a class="btn" href="#newapp/upload"></a> <a class="btn" href="#newapp/upload"></a>
</div> </div>
<el-col :span="12" :offset="6"> <el-col :span="12" :offset="6">
<el-row> <el-row>
<div class="service-group"> <div class="service-group">
<p class="nav2"> <p class="nav2">
<a class="one one1" href="#certify/certify"></a> <a class="one one1" href="#certify/certify"></a>
开发者实名认证 开发者实名认证
</p> </p>
<p class="nav2"> <p class="nav2">
<a class="one one2" href="#newapp/upload"></a> <a class="one one2" href="#newapp/upload"></a>
上传新应用 上传新应用
</p> </p>
<p class="nav2"> <p class="nav2">
<a class="one one3" href="#claim/sift"></a> <a class="one one3" href="#claim/sift"></a>
认领新应用 认领新应用
</p> </p>
<p class="nav2"> <p class="nav2">
<a class="one one4" href="#myapp/spu_list"></a> <a class="one one4" href="#myapp/spu_list"></a>
我的应用 我的应用
</p> </p>
<p class="nav2"> <p class="nav2">
<a class="one one5" href="#generalize"></a> <a class="one one5" href="#generalize"></a>
申请推广 申请推广
</p> </p>
</div> </div>
</el-row> </el-row>
</el-col> </el-col>
</div> </div>
<div style="margin: 50px 0px;"> <div style="margin: 50px 0px">
<el-row> <el-row>
<el-col :span="12" :offset="6"> <el-col :span="12" :offset="6">
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<dl class="service"> <dl class="service">
<dt>EVM服务<s></s></dt> <dt>EVM服务<s></s></dt>
<dd><a target="_blank" href="http://zhushou.yunos.com">云手机助手</a></dd> <dd>
<dd><a target="_blank" href="http://my.yunos.com">云空间</a></dd> <a target="_blank" href="http://zhushou.yunos.com"
<dd><a target="_blank" href="http://zhuti.yunos.com">主题中心</a></dd> >云手机助手</a
<dd><a target="_blank" href="http://apps.yunos.com">应用中心</a></dd> >
</dl> </dd>
</el-col> <dd>
<el-col :span="6"> <a target="_blank" href="http://my.yunos.com">云空间</a>
<dl class="service"> </dd>
<dt>EVM版本<s></s></dt> <dd>
<dd><a target="_blank" href="http://www.yunos.com/yunos30.html">EVM 3.0</a></dd> <a target="_blank" href="http://zhuti.yunos.com">主题中心</a>
</dl> </dd>
</el-col> <dd>
<el-col :span="6"> <a target="_blank" href="http://apps.yunos.com">应用中心</a>
<dl class="service"> </dd>
<dt class="touchable">帮助中心</dt> </dl>
<dd><a target="_blank" href="#help/help">帮助中心首页</a></dd>
<dd><a target="_blank" href="#help/agreement">平台协议</a></dd>
<dd><a target="_blank" href="#help/document">开发者文档</a></dd>
<dd><a target="_blank" href="#help/qa">Q&A</a></dd>
</dl>
</el-col>
<el-col :span="6">
<dl class="service">
<dt>关注EVM<s></s></dt>
<dd>
<a class="g-lw-entry" href="javascript:void(0);" style="padding:0;border:none;">微信公众号</a>
</dd>
<dd>
<img width="120" height="120" title="扫描二维码关注 EVM 官方公众号" alt="EVM微信公众号" src="../../assets/images/evm-mp.jpg"/>
</dd>
</dl>
</el-col>
</el-row>
</el-col> </el-col>
</el-row> <el-col :span="6">
<dl class="service">
<dt>EVM版本<s></s></dt>
<dd>
<a target="_blank" href="http://www.yunos.com/yunos30.html"
>EVM 3.0</a
>
</dd>
</dl>
</el-col>
<el-col :span="6">
<dl class="service">
<dt class="touchable">帮助中心</dt>
<dd><a target="_blank" href="#help/help">帮助中心首页</a></dd>
<dd><a target="_blank" href="#help/agreement">平台协议</a></dd>
<dd><a target="_blank" href="#help/document">开发者文档</a></dd>
<dd><a target="_blank" href="#help/qa">Q&A</a></dd>
</dl>
</el-col>
<el-col :span="6">
<dl class="service">
<dt>关注EVM<s></s></dt>
<dd>
<a
class="g-lw-entry"
href="javascript:void(0);"
style="padding: 0; border: none"
>微信公众号</a
>
</dd>
<dd>
<img
width="120"
height="120"
title="扫描二维码关注 EVM 官方公众号"
alt="EVM微信公众号"
src="../../assets/images/evm-mp.jpg"
/>
</dd>
</dl>
</el-col>
</el-row>
</el-col>
</el-row>
</div> </div>
</div> </div>
</template> </template>
...@@ -103,27 +131,27 @@ export default { ...@@ -103,27 +131,27 @@ export default {
} }
dl.service { dl.service {
dt { dt {
margin: 15px 0px; margin: 15px 0px;
} }
dd { dd {
margin-inline-start: 20px!important; margin-inline-start: 20px !important;
} }
} }
.service-group { .service-group {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-around; justify-content: space-around;
& > p { & > p {
&.nav2 { &.nav2 {
padding: 4px 0 0 106px; padding: 4px 0 0 106px;
height: 120px; height: 120px;
font-size: 14px; font-size: 14px;
} }
& > a { & > a {
width: 15px; width: 15px;
height: 15px; height: 15px;
}
} }
}
} }
</style> </style>
<template>
<div class="app-container">
<el-form :inline="true" :model="form" size="mini">
<el-form-item><el-button type="warning" @click="onAdd">绑定设备</el-button></el-form-item>
</el-form>
<el-table v-loading="isLoading" element-loading-text="Loading" :data="list" size="mini" border stripe fit highlight-current-row>
<el-table-column prop="name" label="设备名称" align="center" min-width="100"></el-table-column>
<el-table-column prop="imei" label="IMEI" align="center" width="150"></el-table-column>
<el-table-column prop="create_at" label="创建时间" width="150"></el-table-column>
<el-table-column prop="create_by.username" label="创建者" width="150"></el-table-column>
<el-table-column prop="update_at" label="更新时间" width="150" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="update_by.username" label="更新者" width="150"></el-table-column>
<el-table-column label="操作" align="center" width="180" fixed="right">
<template slot-scope="scope">
<el-button size="mini" type="success" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="page-wrapper">
<el-pagination @current-change="handleCurrentChange" :current-page.sync="form.pagenum" background small :page-size="form.pagesize" :pager-count="5" layout="pager, prev, next, total" :total="total"></el-pagination>
</div>
<el-dialog
:title="dialogTitle"
:visible.sync="dialogVisible"
width="45%"
>
<el-form :model="post" status-icon :rules="rules" ref="post" size="mini" label-width="100px">
<el-form-item label="设备名称" prop="name">
<el-input type="text" v-model="post.name" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="IMEI" prop="imei">
<el-input type="text" v-model="post.imei" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="设备描述" prop="desc">
<el-input type="text" v-model="post.desc" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" size="mini" plain @click="submitForm('post')">提交</el-button>
<el-button type="success" size="mini" plain @click="onReset('post')">重置</el-button>
<el-button size="mini" @click="dialogVisible = false">关闭</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { getDeviceList, deleteDevice, addDevice, updateDevice } from '@/api/app-store'
import { mapTrim, compareObjectDiff } from '@/utils/index'
export default {
name: "Device",
data() {
return {
total: 0,
list: [],
isLoading: false,
roles: [],
depots: [],
form: {
uuid: null,
name: null,
pagesize: 15,
pagenum: 1
},
dialogTitle: "",
dialogVisible: false,
post: {
imei: null,
name: null,
type: "watch",
desc: null
},
rules: {
imei: [{ type: 'string', required: true, message: 'IMEI不能为空', trigger: 'blur' }],
name: [
{ type: 'string', required: true, message: '用户名不能为空', trigger: 'blur' },
{ min: 1, max: 20, message: '字符串长度在 1 到 20 之间', trigger: 'blur' }
]
}
}
},
methods: {
fetchData(params) {
this.isLoading = true
getDeviceList(Object.assign({
pagenum: this.form.pagenum,
pagesize: this.form.pagesize,
}, params)).then(res => {
if (res.code == 200) {
this.total = res.count
this.list = res.data
}
}).catch(err => {
// this.$message.error(err.message)
console.log(err.message)
}).finally(() => {
this.isLoading = false
})
},
fetchSelectData() {
getDeviceList({ "scope_type": "list" }).then(res => {
this.roles = res.data
}).catch(err => {
// this.$message.error(err.message)
console.log(err.message)
})
},
handleSizeChange(e) {
this.form.pagesize = e
this.fetchData(mapTrim(this.form))
},
handleCurrentChange(e) {
this.form.pagenum = e
this.fetchData(mapTrim(this.form))
},
handleEdit(index, row) {
this.post.name = row.name
this.post.imei = row.imei
this.post.desc = row.desc
this.currentValue = row
this.dialogTitle = "编辑"
this.dialogVisible = true
},
handleDelete(index, row) {
this.$alert('您确定要删除么?删除操作将不可恢复。如需取消操作,请点击右上角关闭按钮。', '删除提醒', {
confirmButtonText: '确定',
callback: action => {
if (action == 'confirm') deleteDevice(row.id).then(res => {
console.log(res)
this.total -= 1
this.$delete(this.list, index)
this.$message({ type: 'success', message: `成功删除第${ index }行` })
this.fetchData(mapTrim(this.form))
}).catch(err => {
this.$message.error(err.message)
})
}
})
},
submitForm(formName) {
this.$refs[formName].validate((valid) => {
let result = true
if (valid) {
if (this.dialogTitle === '添加') addDevice(mapTrim(this.post)).then(res => {
console.log(res)
this.$message({ type: 'success', message: res.message })
this.fetchData(mapTrim(this.form))
}).catch(err => {
this.$message.error(err.message)
})
else if (this.dialogTitle === '编辑') updateDevice(this.currentValue.uuid, compareObjectDiff(this.post, this.currentValue)).then(res => {
console.log(res)
// this.$set(this.list, this.currentIndex, Object.assign(this.currentValue, tmp))
this.$message({ type: 'success', message: '更新成功' })
this.fetchData(mapTrim(this.form))
}).catch(err => {
this.$message.error(err.message)
})
} else {
result = false
}
this.dialogVisible = false
return result
})
},
onAdd() {
this.dialogTitle = "添加"
this.dialogVisible = true
},
onSubmit() {
this.form.pagenum = 1
this.form.pagesize = 15
this.fetchData(mapTrim(this.form))
},
onReset(formName) {
this.form.name = null
this.form.pagesize = 15
this.form.pagenum = 1
this.$refs[formName].resetFields()
this.fetchData()
}
},
mounted() {
},
created() {
this.fetchData()
this.fetchSelectData()
}
}
</script>
<style lang="scss" scoped>
.app-container {
& > div.page-wrapper {
margin: 10px 0px;
}
}
</style>
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 to comment