Skip to content

U
unexpected-pages
Commit 7ebd94fc by 无尘
Options

add: 添加异常页面

parent d7f50a6a
Showing with 1308 additions and 2 deletions
403_images/error_403.svg 0 → 100644
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 335" style="enable-background:new 0 0 400 335;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FAFCFF;}
.st1{fill:#DBE5F1;}
.st2{fill:#DEE7F4;}
.st3{fill:#B9C7DB;}
.st4{fill:#FFFFFF;}
.st5{fill:none;stroke:#B9C7DB;stroke-width:4;stroke-miterlimit:10;}
.st6{fill:none;stroke:#B6C7D8;stroke-miterlimit:10;}
</style>
<path class="st5" d="M274.5,241.3c-5.3-5.3-4.4,4.4-6.7,6.7c-3.1,3.1-6.3,6-9.7,8.6H125.2c-3.4-2.7-6.6-5.6-9.7-8.7
c-28.4-28.5-38.6-70.5-26.6-109l-10.5-10.6c-5.3-5.3-5.3-13.8,0-19.2c5.2-5.3,13.7-5.3,19-0.1c0,0,0,0,0.1,0.1l6.6,6.8
c3.1,3.2,8.2,3.2,11.4,0l0,0c3.2-3.2,3.2-8.3,0-11.5L103.1,92c-3.2-3.2-3.2-8.3,0-11.5c3.1-3.2,8.2-3.2,11.4,0l0,0l17.2,17.2
c-0.9,3.7,0.9,7.6,4.4,9.3c3.5,1.7,7.7,0.6,9.9-2.5c2.3-3.1,2.1-7.4-0.5-10.3c-3.3-3.8-6.5-7.2-6.5-7.2l-7.3-7.4
c34.8-21.3,82.6-21.7,117.2,0c34.5,21.7,53.9,61.2,50,101.9l15.4,15.6c3.2,3.2,3.2,8.3,0,11.5c-3.1,3.2-8.2,3.2-11.4,0l0,0
l-15.1-15.3c-3.1-3.2-8.2-3.2-11.4,0l0,0c-3.2,3.2-3.2,8.3,0,11.5l17.1,17.2c5.2,5.3,5.2,13.8,0,19.1
C288.4,246.6,279.9,246.6,274.5,241.3C274.6,241.3,274.6,241.3,274.5,241.3L274.5,241.3z"/>
<path class="st3" d="M86.6,71.4c0,4.7,3.8,8.5,8.5,8.5c1.5,0,3-0.4,4.3-1.1c4.1-2.3,5.5-7.5,3.1-11.6c-1.5-2.6-4.3-4.3-7.4-4.3
C90.4,62.9,86.6,66.7,86.6,71.4"/>
<path class="st3" d="M216.4,145.4h24.3l-7.4,17.9c2.6,1.8,4.5,3.8,5.8,6c1.2,2.2,1.9,4.8,1.9,7.8c0,4.6-1.6,8.4-4.8,11.2
c-3.2,2.9-7.3,4.3-12.3,4.3c-2.5,0-5.1-0.4-7.5-1.1v-13.1c2,0.9,3.9,1.4,5.5,1.4s2.9-0.5,3.7-1.4c0.9-1,1.3-2.3,1.3-4.1
c0-1.9-0.8-3.4-2.4-4.6c-1.6-1.2-3.7-1.7-6.4-1.7l3.4-9.1h-5.1V145.4L216.4,145.4z M207.5,181.6c0,1.5-0.3,3-0.8,4.3
s-1.3,2.5-2.3,3.5s-2.2,1.8-3.4,2.3c-1.3,0.6-2.8,0.9-4.3,0.9h-9.6c-1.5,0-2.9-0.3-4.3-0.9c-1.3-0.6-2.5-1.3-3.4-2.3
c-0.4-0.4-0.8-0.9-1.2-1.4l11.7-17.3v6c0,0.6,0.2,1.1,0.6,1.4c0.4,0.4,0.8,0.6,1.4,0.6c1.1,0,2-0.8,2-1.9v-0.1v-11.9l10.9-16.1
c1.8,2,2.8,4.6,2.7,7.3L207.5,181.6L207.5,181.6L207.5,181.6z M177.1,185.9c-0.6-1.4-0.9-2.8-0.8-4.3V156c0-1.5,0.3-3,0.8-4.3
s1.3-2.5,2.3-3.5s2.2-1.8,3.4-2.3c1.3-0.6,2.8-0.9,4.3-0.9h9.6c1.5,0,2.9,0.3,4.3,0.9c1.3,0.5,2.4,1.3,3.4,2.3l-10.5,15.4v-2.7
c0-0.5-0.2-1.1-0.6-1.4c-0.4-0.4-0.9-0.6-1.4-0.6c-1.1,0-2,0.8-2,1.9v0.1v8.6l-12.1,17.9C177.5,186.9,177.3,186.4,177.1,185.9
L177.1,185.9z M243.8,192.7c3.5-7.4,5.3-15.5,5.3-23.7c0-30.5-24.4-55.2-54.6-55.2s-54.6,24.7-54.6,55.2c0,0.4,0,0.8,0,1.1
l19.6-24.6h11.4L154,171.3h5.5v-6.5l11.7-18.5v46.8h-11.7v-9.8h-17.8c5.1,19.2,20.1,34.3,39.2,39.2c-1.2,3.1-4.8,10.7-10.7,12
c-7.3,1.7,19.9,0.4,39.4-12.5c14.9-4.4,27.2-15,33.9-28.9L243.8,192.7L243.8,192.7z"/>
<path class="st4" d="M238.9,154.3l-24.4,35.4l0.5,0.3l24.4-35.4L238.9,154.3z"/>
<path class="st3" d="M266.2,66.6h8c0.7,0,1.3,0.6,1.3,1.3l0,0c0,0.4-0.1,0.7-0.4,1c-0.2,0.3-0.6,0.4-0.9,0.4h-8
c-0.4,0-0.7-0.1-0.9-0.4c-0.5-0.5-0.5-1.4,0-1.9C265.5,66.7,265.8,66.6,266.2,66.6 M116.5,201.9c-4.4,0-8,3.6-8,8.1s3.6,8.1,8,8.1
s8-3.6,8-8.1S120.9,201.9,116.5,201.9L116.5,201.9z M121.4,212.1c-0.8,2-2.8,3.3-4.9,3.3c-3,0-5.3-2.4-5.3-5.4c0-2.2,1.3-4.1,3.3-5
c2-0.8,4.3-0.4,5.8,1.2C121.8,207.7,122.2,210,121.4,212.1L121.4,212.1z M191.3,78.7c-4.4,0-8,3.6-8,8.1s3.6,8.1,8,8.1
c2.1,0,4.2-0.9,5.7-2.4s2.3-3.6,2.3-5.7C199.3,82.4,195.7,78.7,191.3,78.7z M196.3,88.9c-0.8,2-2.8,3.3-4.9,3.3
c-3,0-5.3-2.4-5.3-5.4c0-2.2,1.3-4.2,3.3-5s4.3-0.4,5.8,1.2C196.6,84.6,197.1,86.9,196.3,88.9L196.3,88.9z M270.2,162.6
c-4.4,0-8,3.6-8,8.1s3.6,8.1,8,8.1s8-3.6,8-8.1C278.2,166.3,274.6,162.6,270.2,162.6z M275.1,172.8c-0.8,2-2.8,3.3-4.9,3.3
c-3,0-5.3-2.4-5.3-5.4c0-2.2,1.3-4.2,3.3-5s4.3-0.4,5.8,1.2S275.9,170.8,275.1,172.8z M230.1,31.4c-4.4,0-8,3.6-8,8.1s3.6,8.1,8,8.1
c2.1,0,4.2-0.9,5.7-2.4s2.3-3.6,2.3-5.7C238.1,35,234.5,31.4,230.1,31.4z M235,41.6c-0.8,2-2.8,3.3-4.9,3.3c-3,0-5.3-2.4-5.3-5.4
c0-2.2,1.3-4.2,3.3-5s4.3-0.4,5.8,1.2C235.4,37.2,235.8,39.5,235,41.6z"/>
<path class="st3" d="M163.2,45.9h8.2c0.4,0,0.7,0.1,1,0.4c0.5,0.5,0.5,1.3,0,1.9l0,0c-0.3,0.3-0.6,0.4-1,0.4h-8.2
c-0.4,0-0.7-0.1-1-0.4c-0.5-0.5-0.5-1.3,0-1.9l0,0C162.4,46.1,162.8,45.9,163.2,45.9 M271.7,63.5v8c0,0.4-0.1,0.7-0.4,0.9
c-0.3,0.3-0.6,0.4-1,0.4c-0.7,0-1.4-0.6-1.4-1.3l0,0v-8c0-0.4,0.1-0.7,0.4-0.9c0.5-0.5,1.4-0.5,1.9,0
C271.6,62.8,271.7,63.2,271.7,63.5"/>
<path class="st3" d="M107.4,154.8h8.2c0.4,0,0.7,0.1,1,0.4c0.3,0.2,0.4,0.6,0.4,0.9c0,0.7-0.6,1.3-1.4,1.3h-8.2
c-0.5,0-0.9-0.3-1.2-0.7c-0.2-0.4-0.2-0.9,0-1.3C106.4,155.1,106.9,154.8,107.4,154.8 M169,42.7v8c0,0.4-0.1,0.7-0.4,0.9
c-0.5,0.5-1.4,0.5-2,0c-0.2-0.2-0.4-0.6-0.4-0.9v-8c0-0.4,0.1-0.7,0.4-0.9c0.5-0.5,1.4-0.5,1.9,0C168.8,42,169,42.3,169,42.7"/>
<path class="st3" d="M230.9,110.3h8.1c0.7,0,1.3,0.6,1.3,1.4c0,0.7-0.6,1.3-1.3,1.4h-8.1c-0.8,0-1.4-0.6-1.4-1.4
c0-0.4,0.1-0.7,0.4-1C230.2,110.4,230.6,110.3,230.9,110.3"/>
<path class="st3" d="M114.6,163.8v8.2c0,0.4-0.1,0.7-0.4,1c-0.5,0.5-1.4,0.5-1.9,0c-0.3-0.3-0.4-0.6-0.4-1v-8.2c0-0.4,0.1-0.7,0.4-1
c0.5-0.5,1.4-0.5,1.9,0l0,0C114.4,163.1,114.6,163.4,114.6,163.8"/>
<path class="st1" d="M126,272.7h60.4c0.7,0,1.3,0.6,1.3,1.3l0,0c0,0.7-0.6,1.3-1.3,1.4H126c-0.7,0-1.3-0.6-1.3-1.3
C124.7,273.3,125.3,272.7,126,272.7"/>
<path class="st1" d="M218.6,272.7h34.9c0.7,0,1.3,0.6,1.3,1.3c0,0.7-0.6,1.3-1.3,1.3h-34.9c-0.7,0-1.3-0.6-1.4-1.3
c0-0.4,0.1-0.7,0.4-1C217.9,272.9,218.2,272.7,218.6,272.7"/>
<path class="st1" d="M158.2,282.2h131.5c0.7,0,1.3,0.6,1.4,1.3c0,0.4-0.1,0.7-0.4,1c-0.3,0.3-0.6,0.4-1,0.4H158.2
c-0.7,0-1.3-0.6-1.3-1.3l0,0C156.9,282.8,157.5,282.2,158.2,282.2"/>
<path class="st1" d="M93.8,282.2h34.9c0.7,0,1.3,0.6,1.3,1.3l0,0c0,0.7-0.6,1.3-1.3,1.4l0,0H93.8c-0.7,0-1.3-0.6-1.4-1.3
c0-0.4,0.1-0.7,0.4-1C93.1,282.3,93.5,282.2,93.8,282.2"/>
<path class="st1" d="M197.1,272.7h8.1c0.7,0,1.3,0.6,1.3,1.3c0,0.7-0.6,1.3-1.3,1.3h-8.1c-0.7,0.1-1.4-0.5-1.4-1.3
c-0.1-0.7,0.5-1.4,1.3-1.4C197,272.7,197.1,272.7,197.1,272.7"/>
<path class="st1" d="M284.4,264.6h8.1c0.7,0,1.3,0.6,1.3,1.3l0,0c0,0.7-0.6,1.3-1.3,1.3h-8.1c-0.7,0-1.3-0.6-1.3-1.3
C283,265.3,283.6,264.6,284.4,264.6"/>
<path class="st1" d="M99.2,264.6h171.7c0.4,0,0.7,0.1,0.9,0.4c0.4,0.4,0.5,1,0.3,1.5c-0.2,0.5-0.7,0.8-1.2,0.8H99.1
c-0.7,0-1.3-0.6-1.3-1.3C97.8,265.3,98.4,264.6,99.2,264.6"/>
<path class="st3" d="M235,95.8v8.1c0,0.7-0.6,1.3-1.3,1.3s-1.3-0.6-1.3-1.3v-8.1c0-0.7,0.6-1.3,1.3-1.4C234.4,94.4,235,95,235,95.8"
/>
</svg>
404_images/error_404.svg 0 → 100644
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 335" style="enable-background:new 0 0 400 335;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FAFCFF;}
.st1{fill:#DBE5F1;}
.st2{fill:#DEE7F4;}
.st3{fill:#B9C7DB;}
.st4{fill:#FFFFFF;}
.st5{fill:none;stroke:#B9C7DB;stroke-width:4;stroke-miterlimit:10;}
.st6{fill:none;stroke:#B6C7D8;stroke-miterlimit:10;}
</style>
<path class="st0" d="M80.9,159.3c0,50.2,40.7,90.9,90.9,90.9s90.9-40.7,90.9-90.9l0,0c0-50.2-40.7-90.9-90.9-90.9
C121.6,68.3,80.9,109,80.9,159.3C80.9,159.2,80.9,159.3,80.9,159.3z"/>
<path class="st1" d="M96.3,264.2c-0.9,0-2,0-2.8-0.1l0.3-2.7c1.6,0.1,3.3,0.1,5.1,0l0.1,2.7C98,264.1,97.1,264.2,96.3,264.2z
M104.3,263.4l-0.4-2.7c1.6-0.3,3.3-0.7,5.1-1.1l0.7,2.5C107.9,262.8,106,263.2,104.3,263.4z M87.8,263c-1.9-0.5-3.6-1.3-5.2-2.3
l1.3-2.3c1.3,0.8,2.9,1.5,4.5,2L87.8,263L87.8,263z M114.8,260.6l-0.8-2.5c1.6-0.5,3.3-1.2,4.9-1.9l0.9,2.5
C118.2,259.6,116.6,260.1,114.8,260.6z M78.2,257.1c-1.2-1.3-2.3-2.9-3.2-4.7l2.4-1.2c0.8,1.5,1.7,2.9,2.8,4.1L78.2,257.1z
M125,256.7l-1.1-2.4c1.6-0.7,3.2-1.5,4.8-2.3l1.2,2.4C128.2,255.3,126.5,255.9,125,256.7z M134.6,251.9l-1.2-2.4
c1.5-0.8,3.1-1.7,4.7-2.5l1.3,2.3C137.7,250.2,136.1,251.1,134.6,251.9z M72.9,247.3c-0.5-1.7-0.9-3.5-1.2-5.5l2.7-0.4
c0.3,1.7,0.7,3.5,1.1,5.1L72.9,247.3L72.9,247.3z M144,246.6l-1.3-2.3c1.5-0.9,2.9-1.9,4.5-2.8l1.5,2.3
C146.9,244.6,145.5,245.6,144,246.6z M153,240.7l-1.5-2.3c1.5-0.9,2.9-2,4.4-3.1l1.6,2.1C155.9,238.7,154.4,239.6,153,240.7z
M71.3,236.4v-1.2c0-1.3,0-2.8,0.1-4.3l2.7,0.1c-0.1,1.3-0.1,2.8-0.1,4.1v1.1L71.3,236.4z M161.8,234.4l-1.6-2.1
c1.5-1.1,2.8-2.1,4.3-3.2l1.6,2.1C164.6,232.3,163.1,233.3,161.8,234.4z M170.2,227.9l-1.6-2.1c1.3-1.1,2.8-2.3,4.1-3.3l1.7,2
C173,225.6,171.7,226.8,170.2,227.9z M74.7,225.9l-2.7-0.4c0.3-1.7,0.5-3.5,0.9-5.3l2.7,0.5C75.3,222.5,75,224.3,74.7,225.9
L74.7,225.9z M178.5,221l-1.7-2c1.3-1.2,2.7-2.3,4-3.5l1.7,2C181.3,218.8,179.8,219.8,178.5,221z M76.9,215.6l-2.5-0.7l1.6-5.2
l2.5,0.8C77.9,212.2,77.4,214,76.9,215.6z M186.6,214l-1.7-2c1.3-1.2,2.7-2.4,3.9-3.6l1.9,2C189.2,211.6,188,212.8,186.6,214z
M194.4,206.6l-1.9-1.9c1.3-1.2,2.5-2.4,3.9-3.7l1.9,1.9C197.1,204.2,195.7,205.4,194.4,206.6z M80.2,205.5l-2.5-0.9
c0.7-1.6,1.3-3.3,2-4.9l2.5,1.1L80.2,205.5z M202.2,199.1l-1.9-1.9c1.2-1.2,2.5-2.5,3.7-3.9l1.9,1.9
C204.6,196.6,203.4,197.8,202.2,199.1z M84.5,195.6l-2.5-0.7c0.1-0.3,0.1-0.7,0.1-1.2c0-0.9-0.1-2-0.4-3.6l2.7-0.4
c0.3,1.7,0.4,3.1,0.4,4C84.6,194.4,84.6,195.1,84.5,195.6z M209.5,191.4l-2-1.9c1.2-1.3,2.4-2.5,3.6-3.9l2,1.7
C212,188.8,210.7,190,209.5,191.4z M80.8,184.9v-0.4c-0.3-1.5-0.5-3.2-0.9-4.9l2.7-0.4c0.3,1.7,0.7,3.3,0.9,4.9v0.4L80.8,184.9z
M215.5,184.8l-2-1.7c1.2-1.3,2.4-2.7,3.5-4l2,1.7C217.9,182.1,216.7,183.5,215.5,184.8z M222.6,176.8l-2-1.7c1.2-1.3,2.3-2.7,3.5-4
l2,1.7C225,174,223.8,175.5,222.6,176.8z M78.9,174.4c-0.3-1.9-0.5-3.6-0.7-5.3l2.7-0.3c0.1,1.7,0.4,3.5,0.7,5.2L78.9,174.4z
M229.6,168.5l-2.1-1.7c1.1-1.3,2.3-2.8,3.3-4.1l2.1,1.6C231.8,165.7,230.6,167.2,229.6,168.5z M77.7,163.6
c-0.1-1.9-0.1-3.6-0.1-5.5h2.7c0,1.7,0,3.5,0.1,5.2L77.7,163.6z M236.3,160.1l-2.1-1.6c1.1-1.5,2.1-2.8,3.2-4.3l2.1,1.6
C238.4,157.3,237.3,158.6,236.3,160.1z M80.4,152.9l-2.7-0.1c0.1-1.9,0.3-3.6,0.5-5.5l2.7,0.3C80.6,149.4,80.5,151.1,80.4,152.9z
M242.5,151.5l-2.1-1.6c1.1-1.5,2.1-2.9,3.1-4.3l2.1,1.5C244.7,148.6,243.6,150,242.5,151.5z M248.8,142.7l-2.3-1.5
c1.1-1.5,2-2.9,2.9-4.4l2.3,1.5C250.8,139.8,249.8,141.2,248.8,142.7z M81.7,142.4l-2.7-0.5c0.4-1.7,0.8-3.6,1.2-5.3l2.5,0.7
C82.4,139.1,82,140.7,81.7,142.4z M254.7,133.7l-2.3-1.5c0.9-1.5,1.9-3.1,2.8-4.5l2.3,1.3C256.6,130.7,255.6,132.1,254.7,133.7z
M84.5,132.4l-2.5-0.9c0.7-1.7,1.3-3.3,2.1-5.1l2.4,1.1C85.7,129.2,85,130.8,84.5,132.4z M260.2,124.5l-2.3-1.3
c0.9-1.6,1.7-3.1,2.7-4.7l2.3,1.3C262.1,121.4,261.1,122.9,260.2,124.5z M88.9,122.9l-2.3-1.3l0.9-1.6c0.5-0.9,1.1-2,1.7-2.9
l2.3,1.3c-0.5,1.1-1.2,2-1.7,2.9L88.9,122.9z M265.4,115.2L263,114c0.8-1.6,1.6-3.2,2.4-4.7l2.4,1.2
C267.1,111.9,266.3,113.5,265.4,115.2z M94.3,113.7l-2.3-1.3c0.9-1.5,1.9-3.1,2.8-4.5l2.3,1.5L94.3,113.7z M270.2,105.5l-2.4-1.1
c0.8-1.6,1.5-3.2,2.1-4.8l2.4,1.1C271.8,102.2,271,103.8,270.2,105.5z M100,104.9l-2.1-1.6l3.2-4.4l2.1,1.6
C102.1,101.9,101.1,103.3,100,104.9z M106.6,96.4l-2-1.7l3.6-4l1.9,1.9C108.8,93.8,107.6,95.1,106.6,96.4z M274.5,95.6l-2.5-0.9
c0.7-1.6,1.3-3.3,1.9-4.9l2.5,0.9C275.8,92.2,275.2,93.9,274.5,95.6z M113.9,88.9l-1.7-2c1.3-1.2,2.8-2.4,4.1-3.5l1.6,2.1
C116.6,86.7,115.1,87.7,113.9,88.9z M278.1,85.5l-2.5-0.8c0.5-1.7,1.1-3.5,1.5-5.1l2.5,0.7C279.2,81.9,278.8,83.6,278.1,85.5z
M122.1,82.4l-1.5-2.3c1.5-1.1,3.1-2,4.5-2.9l1.3,2.3C125,80.5,123.5,81.5,122.1,82.4z M131.2,77.2l-1.2-2.4
c1.6-0.8,3.3-1.5,4.9-2.3L136,75C134.4,75.7,132.8,76.4,131.2,77.2z M280.9,74.9l-2.7-0.5c0.4-1.7,0.7-3.5,0.8-5.2l2.7,0.4
C281.6,71.3,281.3,73.2,280.9,74.9z M140.9,73.2l-0.8-2.5l5.2-1.6l0.7,2.5C144.3,72.1,142.7,72.6,140.9,73.2z M151.1,70.4l-0.5-2.7
c1.7-0.4,3.6-0.8,5.3-1.1l0.4,2.7C154.6,69.7,152.8,70,151.1,70.4z M187.8,69.2c-1.5-0.1-3.2-0.4-5.2-0.5l0.3-2.7
c2.1,0.1,3.9,0.4,5.3,0.7L187.8,69.2z M194,68.9l-1.6-2.1c1.5-1.1,2.9-2.1,4.3-3.2l1.6,2.1C196.9,66.7,195.5,67.8,194,68.9z
M161.5,68.6l-0.3-2.7c1.7-0.3,3.6-0.4,5.3-0.4l0.1,2.7L161.5,68.6z M177.3,68.1c-1.6-0.1-3.2-0.1-4.8-0.1H172v-2.7h0.5
c1.6,0,3.2,0,4.9,0.1L177.3,68.1z M282.2,64.1l-2.7-0.1v-1.7c0-1.2,0-2.4-0.1-3.5l2.7-0.3c0.1,1.2,0.1,2.4,0.1,3.6V64.1z
M202.7,62.6l-1.5-2.3c1.5-1.1,2.9-2,4.4-2.9l1.5,2.3C205.6,60.6,204.2,61.7,202.7,62.6L202.7,62.6z M211.6,56.9l-1.5-2.3
c1.6-0.9,3.1-1.9,4.7-2.8l1.3,2.3C214.6,55,213.1,55.9,211.6,56.9z M278.6,53.8c-0.4-1.7-1.1-3.3-1.7-4.7l2.4-1.2
c0.8,1.6,1.5,3.3,2,5.3L278.6,53.8L278.6,53.8z M220.7,51.5l-1.3-2.4c1.6-0.9,3.2-1.7,4.8-2.5l1.2,2.4
C223.9,49.8,222.3,50.7,220.7,51.5z M230.2,46.7l-1.1-2.4c1.7-0.8,3.3-1.5,4.9-2.1l0.9,2.5C233.6,45.4,231.8,46,230.2,46.7z
M274.1,45l-0.9-0.9c-0.9-0.8-1.9-1.5-2.9-2.1l1.3-2.3c1.2,0.7,2.4,1.5,3.3,2.4c0.4,0.4,0.8,0.7,1.1,1.1L274.1,45L274.1,45z
M240,42.8l-0.8-2.5c1.7-0.7,3.5-1.2,5.2-1.6l0.7,2.5C243.5,41.7,241.7,42.3,240,42.8z M265.5,40.1c-1.6-0.4-3.2-0.7-5.1-0.8
l0.1-2.7c2,0.1,3.9,0.4,5.5,0.8L265.5,40.1L265.5,40.1z M250.2,40.1l-0.5-2.7c1.9-0.4,3.7-0.5,5.5-0.8l0.3,2.7
C253.8,39.5,252,39.7,250.2,40.1L250.2,40.1z"/>
<path class="st2" d="M92.1,178.4c5.6,5.9,32.8-11.2,60.8-38.2s46.2-53.7,40.6-59.6c0,0,0,0-0.1-0.1c-5.6-5.8-32.9,11.3-60.9,38.4
C104.6,145.9,86.5,172.6,92.1,178.4L92.1,178.4z"/>
<path class="st0" d="M122.1,117.3l5.7-5.7l25.5,25.5l-5.7,5.7L122.1,117.3z M163.8,147.2h148.4c3.7,0,6.7,2.9,6.7,6.7v61.5
c0,3.7-2.9,6.7-6.7,6.7H163.8c-3.7,0-6.7-2.9-6.7-6.7v-61.5C157.1,150.2,160,147.2,163.8,147.2z"/>
<path class="st3" d="M325.8,134.1v-5.6h2v5.6h5.6v2h-5.6v5.7h-2v-5.6h-5.6v-2L325.8,134.1L325.8,134.1z M86.6,202.5l-1.3-2.9
c-0.4-0.9-0.8-1.7-1.3-2.9l-0.8-3.3c-4-10.6-6.3-21.9-6.3-34c0-23.9,9-45.9,23.8-62.3L85.3,80.8c-1.6-1.7-1.6-4.5,0.1-6.2
c1.7-1.7,4.4-1.7,6.2-0.1l16.3,15.4c16.6-15,38.5-24.1,62.7-24.1c17.8,0,34.5,4.9,48.7,13.6c10.7,7.2,13.4,8.7,21,17.6
c5.7,6.7,6,6.4,10.7,14.2c0.8,0.1,7.5,11.8,7.5,15.6c2.4,6.3,4,13,4.9,19.7h48.4c2.7,0,5.1,1.1,7,2.9c1.9,1.9,2.9,4.4,2.9,7v57.8
c0,2.7-1.1,5.1-2.9,7c-1.9,1.9-4.4,2.9-7,2.9h-73.4c-17.1,17.8-41.2,28.9-67.8,28.9c-10.8,0-21.7-1.9-31.8-5.5
c-17.8-7.9-17.1-7.2-26.1-14.2s-10-9.4-22.7-25.9C88.6,205.3,87.7,204.5,86.6,202.5z M91.7,202.6c10.2,18.5,26.7,33,46.7,40.6
c8.6-5.3,23.7-16.8,25.5-19.3c-2.7,0-5.1-1.1-7-2.9s-2.9-4.4-2.9-7v-46.8c-9.6,6.3-20.6,10.8-31.7,13.5c-13.9,3.3-26.7,3.1-30.4-0.5
c-6.3-6.3,9.1-30.2,34.2-56.4l-23-24.2c-14,15.9-22.7,36.8-22.7,59.6c0,10.8,1.9,21.5,5.7,31.6l2,5.5
C88.8,197.4,89.3,198.9,91.7,202.6L91.7,202.6z M110.6,92.3l24.3,22.9l0.1-0.1c27-26.2,51.5-42,57.9-35.6c3.6,3.6,3.7,16.4,0.3,30.5
c-3.2,13-8.8,25.5-16.8,36.4h64.4c5.1-7,9.6-13.6,13.6-20.1c-13.1-33.4-45.7-57-83.7-57C147.5,69.4,126.5,78,110.6,92.3z M137.8,118
l17,16c11-11.4,20.5-22.7,26.7-32.2c6.6-9.9,9.1-16.8,7.5-18.5c-1.6-1.6-8.6,0.9-18.5,7.5C161,97.2,149.5,106.7,137.8,118z
M152.3,136.7L89,77c-0.3-0.3-0.8-0.3-1.1,0s-0.3,0.8,0,1.1l59.6,63.1C149.2,139.8,150.7,138.1,152.3,136.7z M144.9,143.8L129,127
c-10.6,11.1-19.7,21.9-25.7,31.2c-6.6,9.9-9.1,16.8-7.5,18.5c1.6,1.6,8.6-0.9,18.5-7.5C123.3,163,134.1,154.2,144.9,143.8
L144.9,143.8z M192,90.1c-4,11.5-18.7,30.8-38.6,50.7c-20.1,20.1-39.3,34.8-50.9,38.6c5.1,0.1,11.9-0.5,19-2.3
c16.3-3.9,32-11.9,44-23.9c12-11.9,20.2-27.7,24.2-44.1C191.3,102,192,95.2,192,90.1z M157.6,164.8v49.3c0,1.6,0.7,3.2,1.7,4.4
c1.2,1.2,2.7,1.7,4.4,1.7h147.9c3.3,0,6.2-2.8,6.2-6.2v-57.9c0-3.3-2.8-6.2-6.2-6.2H173.3c-0.1,0.3-0.4,0.4-0.5,0.7l3.1,2.8
c3.1,2.9,3.2,7.9,0.1,11c-2.9,3.1-7.9,3.2-11,0.1l-3.1-3.2C160.6,162.6,159.1,163.7,157.6,164.8z M170.3,153.5
c-1.7,2-3.7,3.7-5.6,5.6l2.8,2.9c1.7,1.7,4.3,1.7,5.9,0.1c0.8-0.8,1.2-1.9,1.2-2.9s-0.5-2.1-1.3-2.9
C173.3,156.3,170.3,153.5,170.3,153.5z M233,224h-68.7c-9.8,8-17,13.4-26.1,19.3c9.1,3.3,22.9,6,32.4,6
C194.8,249.1,216.9,239.5,233,224z M259.6,146.3c-0.8-5.3-3.7-15-5.3-20.1c-4.3,7.1-9.1,14.4-13.9,20.1H259.6z M196.5,206.7v-9
h-21.8v-5.1c1.9-3.5,4.1-7.4,7.1-11.8c2.8-4.4,6.8-10.3,12-17.6h8v29.5h6.2v4.8h-6.2v9h-5.3V206.7z M243.6,207.4c-5.1,0-9-2-11.8-6
s-4.1-9.5-4.1-16.3s1.5-12.2,4.3-16.3c2.8-4,6.7-6.2,11.8-6.2s9,2,11.8,6s4.1,9.5,4.1,16.3s-1.3,12.3-4.1,16.3
C252.6,205.4,248.7,207.4,243.6,207.4z M243.6,202.7c3.3,0,6-1.6,7.8-4.8c1.9-3.2,2.7-7.5,2.7-13c0-5.3-0.9-9.6-2.7-12.8
c-1.9-3.2-4.4-4.8-7.8-4.8c-3.3,0-5.9,1.6-7.8,4.8c-1.9,3.2-2.8,7.5-2.8,12.8s0.9,9.8,2.7,13C237.6,201.1,240.1,202.7,243.6,202.7z
M301.6,206.7v-9h-21.8v-5.1c1.9-3.5,4.1-7.4,7.1-11.8c2.8-4.4,6.8-10.3,12-17.6h8v29.5h6.2v4.8h-6.3v9h-5.2V206.7z M180.1,192.8
l16.4,0.1v-25.1h-0.1c-4.1,5.9-7.5,10.7-10,14.6C184,186.3,181.8,189.8,180.1,192.8L180.1,192.8z M285.2,192.8l16.4,0.1v-25.1h-0.1
c-4.1,5.9-7.5,10.7-10,14.6C288.9,186.3,286.9,189.8,285.2,192.8L285.2,192.8z M51.5,100.4l4-4l1.3,1.3l-4,4l4,4l-1.3,1.3l-4-4l-4,4
l-1.3-1.3l4-4l-4-4l1.3-1.3L51.5,100.4z M344.6,167.6V158h3.3v9.6h9.6v3.3h-9.6v9.6h-3.3v-9.6H335v-3.3H344.6z"/>
<path class="st4" d="M52.1,248.9c2.5,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7c-2.5,0-4.7,2.1-4.7,4.7S49.6,248.9,52.1,248.9z"/>
<path class="st3" d="M52.1,250.2c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S55.5,250.2,52.1,250.2z M52.1,240.8c-1.9,0-3.3,1.5-3.3,3.3
s1.5,3.3,3.3,3.3c1.9,0,3.3-1.5,3.3-3.3S54,240.8,52.1,240.8z"/>
<path class="st3" d="M276.6,70.1l5.2-6.4l2.8,7.9l6.4,5.2l-7.9,2.8l-5.2,6.4l-2.8-7.9l-6.4-5.2L276.6,70.1z"/>
<path class="st3" d="M277.4,88.7l-3.5-9.8l-8-6.6l9.8-3.5l6.6-8l3.5,9.8l8,6.6l-9.8,3.5L277.4,88.7z M271.4,73.3l4.9,4l2.1,6l4-4.9
l6-2.1l-4.9-4l-2.1-6l-4,4.9L271.4,73.3z"/>
<path class="st3" d="M109.7,274.7h60.4c0.7,0,1.3,0.6,1.3,1.3l0,0c0,0.7-0.6,1.3-1.3,1.4h-60.4c-0.7,0-1.3-0.6-1.3-1.3
C108.3,275.3,108.9,274.7,109.7,274.7"/>
<path class="st3" d="M202.3,274.7h34.9c0.7,0,1.3,0.6,1.3,1.3c0,0.7-0.6,1.3-1.3,1.3h-34.9c-0.7,0-1.3-0.6-1.4-1.3
c0-0.4,0.1-0.7,0.4-1C201.6,274.9,201.9,274.7,202.3,274.7"/>
<path class="st3" d="M141.9,284.2h131.5c0.7,0,1.3,0.6,1.4,1.3c0,0.4-0.1,0.7-0.4,1c-0.3,0.3-0.6,0.4-1,0.4H141.9
c-0.7,0-1.3-0.6-1.3-1.3l0,0C140.5,284.8,141.1,284.2,141.9,284.2"/>
<path class="st3" d="M77.5,284.2h34.9c0.7,0,1.3,0.6,1.3,1.3l0,0c0,0.7-0.6,1.3-1.3,1.4l0,0H77.5c-0.7,0-1.3-0.6-1.4-1.3
c0-0.4,0.1-0.7,0.4-1C76.8,284.3,77.1,284.2,77.5,284.2"/>
<path class="st3" d="M180.8,274.7h8.1c0.7,0,1.3,0.6,1.3,1.3c0,0.7-0.6,1.3-1.3,1.3h-8.1c-0.7,0.1-1.4-0.5-1.4-1.3
c-0.1-0.7,0.5-1.4,1.3-1.4C180.6,274.7,180.7,274.7,180.8,274.7"/>
<path class="st3" d="M268,266.6h8.1c0.7,0,1.3,0.6,1.3,1.3l0,0c0,0.7-0.6,1.3-1.3,1.3H268c-0.7,0-1.3-0.6-1.3-1.3
C266.7,267.3,267.3,266.6,268,266.6"/>
<path class="st3" d="M82.8,266.6h171.8c0.4,0,0.7,0.1,0.9,0.4c0.4,0.4,0.5,1,0.3,1.5s-0.7,0.8-1.2,0.8H82.8c-0.7,0-1.3-0.6-1.3-1.3
C81.5,267.3,82.1,266.6,82.8,266.6"/>
</svg>
500_images/error_500.svg 0 → 100644
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 335" style="enable-background:new 0 0 400 335;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FAFCFF;}
.st1{fill:#DBE5F1;}
.st2{fill:#DEE7F4;}
.st3{fill:#B9C7DB;}
.st4{fill:#FFFFFF;}
.st5{fill:none;stroke:#B9C7DB;stroke-width:4;stroke-miterlimit:10;}
.st6{fill:none;stroke:#B6C7D8;stroke-miterlimit:10;}
</style>
<path class="st3" d="M37.7,141.1c-2.4,0-4.4-1.9-4.4-4.4c0-2.4,1.9-4.4,4.4-4.4c2.4,0,4.4,1.9,4.4,4.4
C42,139.2,40.1,141.1,37.7,141.1z"/>
<path class="st3" d="M264.6,80.4c-2.1,0-3.8-1.7-3.8-3.8s1.7-3.8,3.8-3.8c2.1,0,3.8,1.7,3.8,3.8C268.4,78.7,266.7,80.4,264.6,80.4z
M264.6,74.4c-1.2,0-2.1,0.9-2.1,2.1s0.9,2.1,2.1,2.1s2.1-0.9,2.1-2.1C266.7,75.4,265.8,74.4,264.6,74.4z"/>
<path class="st3" d="M98.8,136.7c-2.6,0-4.7-2.1-4.7-4.7s2.1-4.7,4.7-4.7s4.7,2.1,4.7,4.7S101.4,136.7,98.8,136.7z M98.8,129.4
c-1.5,0-2.6,1.2-2.6,2.6s1.2,2.6,2.6,2.6c1.5,0,2.6-1.2,2.6-2.6S100.2,129.4,98.8,129.4z"/>
<path class="st3" d="M144.3,113.8h8.2c0.4,0,0.7,0.1,1,0.4c0.5,0.5,0.5,1.3,0,1.9l0,0c-0.3,0.3-0.6,0.4-1,0.4h-8.2
c-0.4,0-0.7-0.1-1-0.4c-0.5-0.5-0.5-1.3,0-1.9l0,0C143.6,113.9,143.9,113.8,144.3,113.8"/>
<path class="st3" d="M148.4,89.1v5.7c0,0.3-0.1,0.5-0.3,0.7c-0.4,0.4-0.9,0.4-1.3,0l0,0c-0.2-0.2-0.3-0.4-0.3-0.7v-5.7
c0-0.2,0.1-0.5,0.3-0.7c0.4-0.4,0.9-0.4,1.3,0l0,0C148.3,88.6,148.4,88.8,148.4,89.1"/>
<g>
<path class="st3" d="M193.5,123.6l5.1-5.1c0.2-0.2,0.5-0.4,0.8-0.4s0.6,0.1,0.8,0.3c0.5,0.5,0.4,1.2,0,1.7l-5.1,5.1
c-0.3,0.3-0.7,0.4-1.1,0.3c-0.4-0.1-0.7-0.4-0.8-0.8C193.1,124.3,193.2,123.9,193.5,123.6"/>
<path class="st3" d="M195.3,118.6l5,5c0.2,0.2,0.3,0.5,0.3,0.8c0,0.7-0.6,1.2-1.2,1.2c-0.3,0-0.6-0.1-0.8-0.3l-5-5
c-0.2-0.2-0.3-0.5-0.3-0.8c0-0.7,0.5-1.2,1.2-1.2C194.7,118.2,195,118.4,195.3,118.6"/>
</g>
<g>
<path class="st3" d="M355,85.8l5.1-5.1c0.2-0.2,0.5-0.4,0.8-0.4s0.6,0.1,0.8,0.3c0.5,0.5,0.4,1.2,0,1.7l-5.1,5.1
c-0.3,0.3-0.7,0.4-1.1,0.3s-0.7-0.4-0.8-0.8S354.7,86.1,355,85.8"/>
<path class="st3" d="M356.8,80.8l5,5c0.2,0.2,0.3,0.5,0.3,0.8c0,0.7-0.6,1.2-1.2,1.2c-0.3,0-0.6-0.1-0.8-0.3l-5-5
c-0.2-0.2-0.3-0.5-0.3-0.8c0-0.7,0.5-1.2,1.2-1.2C356.2,80.4,356.5,80.5,356.8,80.8"/>
</g>
<path class="st1" d="M87.8,267.9h99.5c1.2,0,2.2,0.6,2.2,1.3l0,0c0,0.7-1,1.3-2.2,1.4H87.8c-1.2,0-2.2-0.6-2.2-1.3
C85.6,268.5,86.6,267.9,87.8,267.9"/>
<path class="st1" d="M240.5,267.9H298c1.2,0,2.2,0.6,2.2,1.3c0,0.7-1,1.3-2.2,1.3h-57.5c-1.2,0-2.2-0.6-2.2-1.3c0-0.4,0.2-0.7,0.7-1
C239.3,268,239.9,267.9,240.5,267.9"/>
<path class="st1" d="M140.9,277.3h216.8c1.2,0,2.2,0.6,2.2,1.3c0,0.4-0.2,0.7-0.7,1c-0.4,0.3-1,0.4-1.6,0.4H140.9
c-1.2,0-2.2-0.6-2.2-1.3l0,0C138.7,277.9,139.7,277.3,140.9,277.3"/>
<path class="st1" d="M34.7,277.3h57.5c1.2,0,2.2,0.6,2.2,1.3l0,0c0,0.7-1,1.3-2.2,1.4l0,0H34.7c-1.2,0-2.2-0.6-2.2-1.3
c0-0.4,0.2-0.7,0.7-1C33.6,277.5,34.1,277.3,34.7,277.3"/>
<path class="st1" d="M205.1,267.9h13.3c1.2,0,2.2,0.6,2.2,1.3c0,0.7-1,1.3-2.2,1.3h-13.3c-1.2,0.1-2.3-0.5-2.4-1.3s0.8-1.4,2.1-1.4
C204.8,267.9,205,267.9,205.1,267.9"/>
<path class="st1" d="M348.8,259.8h13.3c1.2,0,2.2,0.6,2.2,1.3l0,0c0,0.7-1,1.3-2.2,1.3h-13.3c-1.2,0-2.2-0.6-2.2-1.3
C346.6,260.4,347.6,259.8,348.8,259.8"/>
<path class="st1" d="M43.6,259.8h283.1c0.6,0,1.1,0.1,1.6,0.4c0.6,0.4,0.8,1,0.5,1.5s-1.1,0.8-2,0.8H43.6c-1.2,0-2.2-0.6-2.2-1.3
S42.4,259.8,43.6,259.8"/>
<path class="st3" d="M180.3,240h-41.9c-0.6,0-1-0.4-1-1v-11.9c0-0.6,0.4-1,1-1s1,0.4,1,1v11h40v-41c0-0.6,0.4-1,1-1h10.5
c0.6,0,1,0.4,1,1s-0.4,1-1,1h-9.5v41C181.2,239.6,180.9,240,180.3,240L180.3,240z M237.5,240h-22c-0.6,0-1-0.4-1-1v-41H205
c-0.6,0-1-0.4-1-1s0.4-1,1-1h10.5c0.6,0,1,0.4,1,1v41h21c0.6,0,1,0.4,1,1S238,240,237.5,240z M105.9,231l2.7,18.2H95.7l2.7-18.2
H105.9 M107.5,229.1H96.7l-3.2,22h17.2L107.5,229.1z"/>
<path class="st6" d="M157.7,231.2H46.1c-5.1,0-9.2-4.1-9.2-9.2v-10.5h129.9v10.8C166.8,227.2,162.7,231.2,157.7,231.2L157.7,231.2z"
/>
<path class="st2" d="M167.4,210.9h-125v-47c0-3.6,3-6.7,6.7-6.7H163c2.5,0,4.6,2,4.6,4.6L167.4,210.9L167.4,210.9z"/>
<path class="st3" d="M158.8,154.2c3.9,0,7,3.1,7,7v61.9c0,3.9-3.1,7-7,7H45.4c-3.9,0-7-3.1-7-7v-61.9c0-3.9,3.1-7,7-7L158.8,154.2
M158.8,152.3H45.4c-5,0-9,4-9,9v61.9c0,5,4,9,9,9h113.4c5,0,9-4,9-9v-61.9C167.7,156.3,163.7,152.3,158.8,152.3z M116.2,251.8H88.1
c-0.6,0-1-0.4-1-1s0.4-1,1-1h28.1c0.6,0,1,0.4,1,1C117.1,251.4,116.7,251.8,116.2,251.8L116.2,251.8z"/>
<path class="st3" d="M37.6,210.6h129.1v1.9H37.6V210.6z"/>
<path class="st3" d="M101.7,222.9c1.4,0.9,3.3,0.6,4.2-0.8c0.9-1.4,0.6-3.3-0.8-4.2l0,0c-1.4-0.9-3.3-0.6-4.2,0.8
C99.9,220.1,100.3,222,101.7,222.9L101.7,222.9z"/>
<path class="st3" d="M102.1,223.7c-1.8,0-3.3-1.5-3.3-3.3s1.5-3.3,3.3-3.3s3.3,1.5,3.3,3.3S103.9,223.7,102.1,223.7z M102.1,218.1
c-1.3,0-2.4,1-2.4,2.4s1,2.4,2.4,2.4c1.3,0,2.4-1,2.4-2.4S103.4,218.1,102.1,218.1z M348.1,252.4H244.9c-3.5,0-6.5-2.9-6.5-6.5V114
c0-3.5,2.9-6.5,6.5-6.5h103.3c3.5,0,6.5,2.9,6.5,6.5v131.9C354.6,249.5,351.7,252.4,348.1,252.4L348.1,252.4z M244.9,109.5
c-2.5,0-4.6,2-4.6,4.6V246c0,2.5,2,4.6,4.6,4.6h103.3c2.5,0,4.6-2,4.6-4.6V114c0-2.5-2-4.6-4.6-4.6L244.9,109.5z"/>
<path class="st3" d="M238.9,131.9h114.3v1.9H238.9V131.9z M238.9,155.7h114.3v1.9H238.9V155.7z M238.9,179.5h114.3v1.9H238.9V179.5z
M239.8,202.4h114.3v1.9H239.8V202.4z M238.9,227.1h114.3v1.9H238.9V227.1z"/>
<g>
<path class="st3" d="M255,120.5c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9S255,119.4,255,120.5
L255,120.5z"/>
<path class="st3" d="M264.6,120.5c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9
C265.4,118.6,264.6,119.4,264.6,120.5L264.6,120.5z"/>
<path class="st3" d="M274.1,120.5c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9
C274.9,118.6,274.1,119.4,274.1,120.5L274.1,120.5z"/>
<path class="st3" d="M255,145.2c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9S255,144.2,255,145.2
L255,145.2z"/>
<path class="st3" d="M264.6,145.2c0,1.1,0.9,1.9,1.9,1.9s1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9
C265.4,143.3,264.6,144.2,264.6,145.2L264.6,145.2z"/>
<path class="st3" d="M274.1,145.2c0,1.1,0.9,1.9,1.9,1.9s1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9
C274.9,143.3,274.1,144.2,274.1,145.2L274.1,145.2z"/>
<path class="st3" d="M255,169c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9S255,168,255,169L255,169z"/>
<path class="st3" d="M264.6,169c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9
C265.4,167.1,264.6,168,264.6,169L264.6,169z"/>
<path class="st3" d="M274.1,169c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9
C274.9,167.1,274.1,168,274.1,169L274.1,169z"/>
<path class="st3" d="M255,191.9c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9S255,190.8,255,191.9
L255,191.9z"/>
<path class="st3" d="M264.6,191.9c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9S264.6,190.8,264.6,191.9
L264.6,191.9z"/>
<path class="st3" d="M274.1,191.9c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9S274.1,190.8,274.1,191.9
L274.1,191.9z"/>
<path class="st3" d="M255,215.7c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9S255,214.6,255,215.7
L255,215.7z"/>
<path class="st3" d="M264.6,215.7c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9
C265.4,213.8,264.6,214.6,264.6,215.7L264.6,215.7z"/>
<path class="st3" d="M274.1,215.7c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9
C274.9,213.8,274.1,214.6,274.1,215.7L274.1,215.7z"/>
<path class="st3" d="M255,239.5c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9S255,238.5,255,239.5
L255,239.5z"/>
<path class="st3" d="M264.6,239.5c0,1.1,0.9,1.9,1.9,1.9s1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9S264.6,238.5,264.6,239.5
L264.6,239.5z"/>
<path class="st3" d="M274.1,239.5c0,1.1,0.9,1.9,1.9,1.9s1.9-0.9,1.9-1.9l0,0c0-1.1-0.9-1.9-1.9-1.9S274.1,238.5,274.1,239.5
L274.1,239.5z"/>
</g>
<path class="st3" d="M310.3,126.2c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5C311.2,125.8,310.9,126.2,310.3,126.2z
M319.8,126.2c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5C320.8,125.8,320.4,126.2,319.8,126.2z M329.3,126.2
c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5C330.3,125.8,329.9,126.2,329.3,126.2z M338.9,126.2c-0.6,0-1-0.4-1-1v-9.5
c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5C339.8,125.8,339.4,126.2,338.9,126.2z M310.3,150c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1
v9.5C311.2,149.6,310.9,150,310.3,150z M319.8,150c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C320.8,149.6,320.4,150,319.8,150z M329.3,150c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C330.3,149.6,329.9,150,329.3,150z M338.9,150c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C339.8,149.6,339.4,150,338.9,150z M310.3,174.7c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C311.2,174.4,310.9,174.7,310.3,174.7L310.3,174.7z M319.8,174.7c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C320.8,174.4,320.4,174.7,319.8,174.7L319.8,174.7z M329.3,174.7c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C330.3,174.4,329.9,174.7,329.3,174.7L329.3,174.7z M338.9,174.7c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C339.8,174.4,339.4,174.7,338.9,174.7L338.9,174.7z M310.3,197.6c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C311.2,197.2,310.9,197.6,310.3,197.6z M319.8,197.6c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C320.8,197.2,320.4,197.6,319.8,197.6z M329.3,197.6c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C330.3,197.2,329.9,197.6,329.3,197.6z M338.9,197.6c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C339.8,197.2,339.4,197.6,338.9,197.6z M310.3,221.4c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C311.2,221,310.9,221.4,310.3,221.4z M319.8,221.4c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C320.8,221,320.4,221.4,319.8,221.4z M329.3,221.4c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C330.3,221,329.9,221.4,329.3,221.4z M338.9,221.4c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C339.8,221,339.4,221.4,338.9,221.4z M310.3,245.2c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C311.2,244.8,310.9,245.2,310.3,245.2z M319.8,245.2c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C320.8,244.8,320.4,245.2,319.8,245.2z M329.3,245.2c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C330.3,244.8,329.9,245.2,329.3,245.2z M338.9,245.2c-0.6,0-1-0.4-1-1v-9.5c0-0.6,0.4-1,1-1s1,0.4,1,1v9.5
C339.8,244.8,339.4,245.2,338.9,245.2z M353.6,149.9V148c6.6,0,11.8-5.3,11.8-11.8s-5.3-11.8-11.8-11.8v-1.9
c7.6,0,13.7,6.2,13.7,13.7S361.2,149.9,353.6,149.9z"/>
<path class="st3" d="M353.6,165.1v-1.9c6.6,0,11.8-5.3,11.8-11.8s-5.3-11.8-11.8-11.8v-1.9c7.6,0,13.7,6.2,13.7,13.7
C367.3,158.9,361.2,165.1,353.6,165.1z M353.6,204.2v-1.9c6.6,0,11.8-5.3,11.8-11.8s-5.3-11.8-11.8-11.8v-1.9
c7.6,0,13.7,6.2,13.7,13.7C367.3,198,361.2,204.2,353.6,204.2z"/>
<path class="st3" d="M353.6,219.4v-1.9c6.6,0,11.8-5.3,11.8-11.8s-5.3-11.8-11.8-11.8V192c7.6,0,13.7,6.2,13.7,13.7
C367.3,213.2,361.2,219.4,353.6,219.4z"/>
<path class="st3" d="M353.6,238.5v-1.9c6.6,0,11.8-5.3,11.8-11.8s-5.3-11.8-11.8-11.8v-2c7.6,0,13.7,6.2,13.7,13.7
C367.3,232.3,361.2,238.5,353.6,238.5z M235,231.9h3.8v14.3H235V231.9z"/>
<path class="st3" d="M190.3,193.8h2.9v6.7h-2.9V193.8z M202.7,193.8h2.9v6.7h-2.9V193.8z"/>
<path class="st3" d="M192.2,189.5c-0.2,0-0.3-0.1-0.4-0.2l-2.9-4.8c-0.1-0.2-0.1-0.5,0.2-0.7c0.2-0.1,0.5-0.1,0.7,0.2l2.9,4.8
c0.1,0.2,0.1,0.5-0.2,0.7H192.2z M197.4,188c-0.3,0-0.5-0.2-0.5-0.5V182c0-0.3,0.2-0.5,0.5-0.5s0.5,0.2,0.5,0.5v5.5
C197.9,187.8,197.7,188,197.4,188z M202.6,189.4c-0.1,0-0.2,0-0.3-0.1c-0.2-0.2-0.3-0.5-0.1-0.7l3-4.7c0.2-0.2,0.5-0.3,0.7-0.1
s0.3,0.5,0.1,0.7l-3,4.7C202.9,189.3,202.7,189.4,202.6,189.4z"/>
<path class="st3" d="M69.7,190.5l5.7-0.9c0.6,1.9,1.9,2.9,4.2,3c2.4-0.2,3.7-1.2,4-3.3c-0.1-2.2-1.5-3.3-4.2-3.4
c-1.7,0.1-3,0.5-4,1.1h-4.7l1-11.2h16.1v3.6H76.5l-0.6,4.6c1.5-0.8,3.2-1.1,5-1.1c5.3,0.1,8.2,2.2,8.4,6.3c-0.2,4.3-3.4,6.5-9.7,6.7
C74.4,195.6,71.1,193.9,69.7,190.5L69.7,190.5z M111.2,185.5c0.2,6.9-3.1,10.3-9.9,10.1c-6.6-0.1-9.8-3.4-9.9-10
c0.2-6.7,3.5-10.2,9.9-10.4C107.8,175.2,111.1,178.7,111.2,185.5z M105.1,185.6c0.1-4.9-1.1-7.2-3.7-7c-2.7-0.1-4,2.3-4,7
c0,4.6,1.3,7,4,7C104,192.5,105.2,190.2,105.1,185.6z M133.1,185.5c0.2,6.9-3.1,10.3-9.9,10.1c-6.6-0.1-9.8-3.4-9.9-10
c0.2-6.7,3.5-10.2,9.9-10.4C129.7,175.2,133,178.7,133.1,185.5z M127,185.6c0.1-4.9-1.1-7.2-3.7-7c-2.7-0.1-4,2.3-4,7
c0,4.6,1.3,7,4,7C125.9,192.5,127.1,190.2,127,185.6z"/>
</svg>
README.md
异常页面 # 异常页面
\ No newline at end of file
>说明: 需要将下面的文件克隆到项目响应的目录, 异常页面需要配置路由
## 目录结构(需要的文件)
>需要引入到项目的文件,如下所示: (单独的 403,404,500页面为防止各个页面以后改动准备,暂时没有用到)
```
project
└── src
├── assets
| ├── 403_images
│ | └── error_403.svg
│ ├── 404_images
│ | └── error_404.svg
│ ├── 500_images
│ └── error_500.svg
└── views
├── errorPage
| └── index.vue (注:项目不一样需要修改返回首页的地址)
```
## 路由配置(仅供参考)
```
const errorPage = (r) => {
import('view/errorPage/index.vue').then((module) => {
r(module)
})
};
{
path: '/403',
name: '无权访问',
component: errorPage
},
{
path: '/404',
name: 'error404',
component: errorPage
},
{
path: '/500',
name: 'error500',
component: errorPage
},
```
## 修改 返回首页 地址
>注意修改 `href` 的地址,不同的项目返回的地址需要各自修改
```
<a href="report/#/memberSummary" class="bullshit__return-home">返回首页</a>
```
\ No newline at end of file
errorPage/403.vue 0 → 100644
<template>
<div style="background:#f0f2f5;margin-top: -20px;height:100%;">
<div class="wscn-http404">
<div class="pic-404">
<img class="pic-404__parent" :src="img_403" alt="403">
</div>
<div class="bullshit">
<!-- <div class="bullshit__oops">403</div> -->
<div class="bullshit__headline">{{ message }}</div>
<a href="#/companyGroup" class="bullshit__return-home">返回首页</a>
</div>
</div>
</div>
</template>
<script>
import img_403 from '@/assets/403_images/error_403.svg'
export default {
name: 'page403',
data() {
return {
img_403
}
},
computed: {
message() {
return '抱歉，你无权访问该页面'
}
}
}
</script>
<style lang="scss" scoped>
.wscn-http404 {
position: relative;
width: 1200px;
margin: 20px auto 60px;
padding: 0 100px;
overflow: hidden;
.pic-404 {
position: relative;
float: left;
width: 600px;
padding: 150px 152px 150px 0;
text-align: right;
overflow: hidden;
&__parent {
width: 100%;
max-width: 430px;
}
&__child {
position: absolute;
&.left {
width: 80px;
top: 17px;
left: 220px;
opacity: 0;
animation-name: cloudLeft;
animation-duration: 2s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-delay: 1s;
}
&.mid {
width: 46px;
top: 10px;
left: 420px;
opacity: 0;
animation-name: cloudMid;
animation-duration: 2s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-delay: 1.2s;
}
&.right {
width: 62px;
top: 100px;
left: 500px;
opacity: 0;
animation-name: cloudRight;
animation-duration: 2s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-delay: 1s;
}
@keyframes cloudLeft {
0% {
top: 17px;
left: 220px;
opacity: 0;
}
20% {
top: 33px;
left: 188px;
opacity: 1;
}
80% {
top: 81px;
left: 92px;
opacity: 1;
}
100% {
top: 97px;
left: 60px;
opacity: 0;
}
}
@keyframes cloudMid {
0% {
top: 10px;
left: 420px;
opacity: 0;
}
20% {
top: 40px;
left: 360px;
opacity: 1;
}
70% {
top: 130px;
left: 180px;
opacity: 1;
}
100% {
top: 160px;
left: 120px;
opacity: 0;
}
}
@keyframes cloudRight {
0% {
top: 100px;
left: 500px;
opacity: 0;
}
20% {
top: 120px;
left: 460px;
opacity: 1;
}
80% {
top: 180px;
left: 340px;
opacity: 1;
}
100% {
top: 200px;
left: 300px;
opacity: 0;
}
}
}
}
.bullshit {
position: relative;
float: left;
width: 300px;
padding: 150px 0;
overflow: hidden;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
height: 360px;
&__oops {
color: #434e59;
font-size: 72px;
font-weight: 600;
line-height: 72px;
margin-bottom: 24px;
/*animation-name: slideUp;
animation-duration: 0.5s;
animation-fill-mode: forwards;*/
}
&__headline {
color: rgba(0,0,0,.45);
font-size: 20px;
line-height: 28px;
margin-bottom: 16px;
/*animation-name: slideUp;
animation-duration: 0.5s;
animation-delay: 0.1s;
animation-fill-mode: forwards;*/
}
&__return-home {
display: inline-block;
height: 32px;
line-height: 32px;
font-weight: 400;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
background-image: none;
white-space: nowrap;
padding: 0 15px;
font-size: 14px;
border-radius: 4px;
border: 1px solid #1890ff;
color: #fff;
background-color: #1890ff;
text-shadow: 0 -1px 0 rgba(0,0,0,.12);
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.035);
box-shadow: 0 2px 0 rgba(0,0,0,.035);
cursor: pointer;
/*animation-name: slideUp;
animation-duration: 0.5s;
animation-delay: 0.3s;
animation-fill-mode: forwards;*/
}
@keyframes slideUp {
0% {
transform: translateY(60px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
}
}
</style>
errorPage/404.vue 0 → 100644
<template>
<div style="background:#f0f2f5;margin-top: -20px;height:100%;">
<div class="wscn-http404">
<div class="pic-404">
<img class="pic-404__parent" :src="img_404" alt="404">
</div>
<div class="bullshit">
<!-- <div class="bullshit__oops">404</div> -->
<div class="bullshit__headline">{{ message }}</div>
<a href="#/companyGroup" class="bullshit__return-home">返回首页</a>
</div>
</div>
</div>
</template>
<script>
import img_404 from '@/assets/404_images/error_404.svg'
export default {
name: 'page404',
data() {
return {
img_404
}
},
computed: {
message() {
return '抱歉，你访问的页面不存在'
}
},
mounted(){
console.log(this.$route.path)
}
}
</script>
<style lang="scss" scoped>
.wscn-http404 {
position: relative;
width: 1200px;
margin: 20px auto 60px;
padding: 0 100px;
overflow: hidden;
.pic-404 {
position: relative;
float: left;
width: 600px;
padding: 150px 152px 150px 0;
text-align: right;
overflow: hidden;
&__parent {
width: 100%;
max-width: 430px;
}
&__child {
position: absolute;
&.left {
width: 80px;
top: 17px;
left: 220px;
opacity: 0;
animation-name: cloudLeft;
animation-duration: 2s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-delay: 1s;
}
&.mid {
width: 46px;
top: 10px;
left: 420px;
opacity: 0;
animation-name: cloudMid;
animation-duration: 2s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-delay: 1.2s;
}
&.right {
width: 62px;
top: 100px;
left: 500px;
opacity: 0;
animation-name: cloudRight;
animation-duration: 2s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-delay: 1s;
}
@keyframes cloudLeft {
0% {
top: 17px;
left: 220px;
opacity: 0;
}
20% {
top: 33px;
left: 188px;
opacity: 1;
}
80% {
top: 81px;
left: 92px;
opacity: 1;
}
100% {
top: 97px;
left: 60px;
opacity: 0;
}
}
@keyframes cloudMid {
0% {
top: 10px;
left: 420px;
opacity: 0;
}
20% {
top: 40px;
left: 360px;
opacity: 1;
}
70% {
top: 130px;
left: 180px;
opacity: 1;
}
100% {
top: 160px;
left: 120px;
opacity: 0;
}
}
@keyframes cloudRight {
0% {
top: 100px;
left: 500px;
opacity: 0;
}
20% {
top: 120px;
left: 460px;
opacity: 1;
}
80% {
top: 180px;
left: 340px;
opacity: 1;
}
100% {
top: 200px;
left: 300px;
opacity: 0;
}
}
}
}
.bullshit {
position: relative;
float: left;
width: 300px;
padding: 150px 0;
overflow: hidden;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
height: 360px;
&__oops {
color: #434e59;
font-size: 72px;
font-weight: 600;
line-height: 72px;
margin-bottom: 24px;
/*animation-name: slideUp;
animation-duration: 0.5s;
animation-fill-mode: forwards;*/
}
&__headline {
color: rgba(0,0,0,.45);
font-size: 20px;
line-height: 28px;
margin-bottom: 16px;
/*animation-name: slideUp;
animation-duration: 0.5s;
animation-delay: 0.1s;
animation-fill-mode: forwards;*/
}
&__return-home {
display: inline-block;
height: 32px;
line-height: 32px;
font-weight: 400;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
background-image: none;
white-space: nowrap;
padding: 0 15px;
font-size: 14px;
border-radius: 4px;
border: 1px solid #1890ff;
color: #fff;
background-color: #1890ff;
text-shadow: 0 -1px 0 rgba(0,0,0,.12);
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.035);
box-shadow: 0 2px 0 rgba(0,0,0,.035);
cursor: pointer;
/*animation-name: slideUp;
animation-duration: 0.5s;
animation-delay: 0.3s;
animation-fill-mode: forwards;*/
}
@keyframes slideUp {
0% {
transform: translateY(60px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
}
}
</style>
errorPage/500.vue 0 → 100644
<template>
<div style="background:#f0f2f5;margin-top: -20px;height:100%;">
<div class="wscn-http404">
<div class="pic-404">
<img class="pic-404__parent" :src="img_500" alt="500">
</div>
<div class="bullshit">
<!-- <div class="bullshit__oops">500</div> -->
<div class="bullshit__headline">{{ message }}</div>
<a href="#/companyGroup" class="bullshit__return-home">返回首页</a>
</div>
</div>
</div>
</template>
<script>
import img_500 from '@/assets/500_images/error_500.svg'
export default {
name: 'page500',
data() {
return {
img_500
}
},
computed: {
message() {
return '抱歉，服务器出错了'
}
}
}
</script>
<style lang="scss" scoped>
.wscn-http404 {
position: relative;
width: 1200px;
margin: 20px auto 60px;
padding: 0 100px;
overflow: hidden;
.pic-404 {
position: relative;
float: left;
width: 600px;
padding: 150px 152px 150px 0;
text-align: right;
overflow: hidden;
&__parent {
width: 100%;
max-width: 430px;
}
&__child {
position: absolute;
&.left {
width: 80px;
top: 17px;
left: 220px;
opacity: 0;
animation-name: cloudLeft;
animation-duration: 2s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-delay: 1s;
}
&.mid {
width: 46px;
top: 10px;
left: 420px;
opacity: 0;
animation-name: cloudMid;
animation-duration: 2s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-delay: 1.2s;
}
&.right {
width: 62px;
top: 100px;
left: 500px;
opacity: 0;
animation-name: cloudRight;
animation-duration: 2s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-delay: 1s;
}
@keyframes cloudLeft {
0% {
top: 17px;
left: 220px;
opacity: 0;
}
20% {
top: 33px;
left: 188px;
opacity: 1;
}
80% {
top: 81px;
left: 92px;
opacity: 1;
}
100% {
top: 97px;
left: 60px;
opacity: 0;
}
}
@keyframes cloudMid {
0% {
top: 10px;
left: 420px;
opacity: 0;
}
20% {
top: 40px;
left: 360px;
opacity: 1;
}
70% {
top: 130px;
left: 180px;
opacity: 1;
}
100% {
top: 160px;
left: 120px;
opacity: 0;
}
}
@keyframes cloudRight {
0% {
top: 100px;
left: 500px;
opacity: 0;
}
20% {
top: 120px;
left: 460px;
opacity: 1;
}
80% {
top: 180px;
left: 340px;
opacity: 1;
}
100% {
top: 200px;
left: 300px;
opacity: 0;
}
}
}
}
.bullshit {
position: relative;
float: left;
width: 300px;
padding: 150px 0;
overflow: hidden;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
height: 360px;
&__oops {
color: #434e59;
font-size: 72px;
font-weight: 600;
line-height: 72px;
margin-bottom: 24px;
/*animation-name: slideUp;
animation-duration: 0.5s;
animation-fill-mode: forwards;*/
}
&__headline {
color: rgba(0,0,0,.45);
font-size: 20px;
line-height: 28px;
margin-bottom: 16px;
/*animation-name: slideUp;
animation-duration: 0.5s;
animation-delay: 0.1s;
animation-fill-mode: forwards;*/
}
&__return-home {
display: inline-block;
height: 32px;
line-height: 32px;
font-weight: 400;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
background-image: none;
white-space: nowrap;
padding: 0 15px;
font-size: 14px;
border-radius: 4px;
border: 1px solid #1890ff;
color: #fff;
background-color: #1890ff;
text-shadow: 0 -1px 0 rgba(0,0,0,.12);
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.035);
box-shadow: 0 2px 0 rgba(0,0,0,.035);
cursor: pointer;
/*animation-name: slideUp;
animation-duration: 0.5s;
animation-delay: 0.3s;
animation-fill-mode: forwards;*/
}
@keyframes slideUp {
0% {
transform: translateY(60px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
}
}
</style>
errorPage/index.vue 0 → 100644
<template>
<div style="background:#f0f2f5;margin-top: -20px;height:100%;">
<div class="wscn-http404">
<div class="pic-404">
<img class="pic-404__parent" :src="imgSrc" alt="404">
</div>
<div class="bullshit">
<!-- <div class="bullshit__oops">404</div> -->
<div class="bullshit__headline">{{ message }}</div>
<a href="report/#/memberSummary" class="bullshit__return-home">返回首页</a>
</div>
</div>
</div>
</template>
<script>
import img_403 from '@/assets/403_images/error_403.svg';
import img_404 from '@/assets/404_images/error_404.svg';
import img_500 from '@/assets/500_images/error_500.svg'
export default {
name: 'errpage',
data() {
return {
imgSrc: '',
message: '',
srcList: {
403: img_403,
404: img_404,
500: img_500
},
msgList: {
403: '抱歉，你无权访问该页面',
404: '抱歉，你访问的页面不存在',
500: '抱歉，服务器出错了'
}
}
},
mounted(){
var that = this;
var path = that.$route.path.split('/')[1];
that.imgSrc = that.srcList[path];
that.message = that.msgList[path];
}
}
</script>
<style lang="scss" scoped>
.wscn-http404 {
position: relative;
width: 1200px;
margin: 20px auto 60px;
padding: 0 100px;
overflow: hidden;
.pic-404 {
position: relative;
float: left;
width: 600px;
padding: 150px 152px 150px 0;
text-align: right;
overflow: hidden;
&__parent {
width: 100%;
max-width: 430px;
}
&__child {
position: absolute;
&.left {
width: 80px;
top: 17px;
left: 220px;
opacity: 0;
animation-name: cloudLeft;
animation-duration: 2s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-delay: 1s;
}
&.mid {
width: 46px;
top: 10px;
left: 420px;
opacity: 0;
animation-name: cloudMid;
animation-duration: 2s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-delay: 1.2s;
}
&.right {
width: 62px;
top: 100px;
left: 500px;
opacity: 0;
animation-name: cloudRight;
animation-duration: 2s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-delay: 1s;
}
@keyframes cloudLeft {
0% {
top: 17px;
left: 220px;
opacity: 0;
}
20% {
top: 33px;
left: 188px;
opacity: 1;
}
80% {
top: 81px;
left: 92px;
opacity: 1;
}
100% {
top: 97px;
left: 60px;
opacity: 0;
}
}
@keyframes cloudMid {
0% {
top: 10px;
left: 420px;
opacity: 0;
}
20% {
top: 40px;
left: 360px;
opacity: 1;
}
70% {
top: 130px;
left: 180px;
opacity: 1;
}
100% {
top: 160px;
left: 120px;
opacity: 0;
}
}
@keyframes cloudRight {
0% {
top: 100px;
left: 500px;
opacity: 0;
}
20% {
top: 120px;
left: 460px;
opacity: 1;
}
80% {
top: 180px;
left: 340px;
opacity: 1;
}
100% {
top: 200px;
left: 300px;
opacity: 0;
}
}
}
}
.bullshit {
position: relative;
float: left;
width: 300px;
padding: 150px 0;
overflow: hidden;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
height: 360px;
&__oops {
color: #434e59;
font-size: 72px;
font-weight: 600;
line-height: 72px;
margin-bottom: 24px;
/*animation-name: slideUp;
animation-duration: 0.5s;
animation-fill-mode: forwards;*/
}
&__headline {
color: rgba(0,0,0,.45);
font-size: 20px;
line-height: 28px;
margin-bottom: 16px;
/*animation-name: slideUp;
animation-duration: 0.5s;
animation-delay: 0.1s;
animation-fill-mode: forwards;*/
}
&__return-home {
display: inline-block;
height: 32px;
line-height: 32px;
font-weight: 400;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
background-image: none;
white-space: nowrap;
padding: 0 15px;
font-size: 14px;
border-radius: 4px;
border: 1px solid #1890ff;
color: #fff;
background-color: #1890ff;
text-shadow: 0 -1px 0 rgba(0,0,0,.12);
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.035);
box-shadow: 0 2px 0 rgba(0,0,0,.035);
cursor: pointer;
/*animation-name: slideUp;
animation-duration: 0.5s;
animation-delay: 0.3s;
animation-fill-mode: forwards;*/
}
@keyframes slideUp {
0% {
transform: translateY(60px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
}
}
</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