github/magic-boot
github/magic-boot
3
0
Fork 0
mirror of https://gitee.com/ssssssss-team/magic-boot.git synced 2025-01-19 03:52:50 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

代码优化等

Browse Source
This commit is contained in:
吕金泽 2022-03-13 00:57:08 +08:00
parent 3114b2c205
commit 6401c76e65
23 changed files with 524 additions and 434 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

236
magic-boot-ui/src/assets/images/login-bg.svg
View File

@ -1,138 +1,98 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin:auto;background:#7aceff;display:block;z-index:1;position:relative" width="1920" height="1080" preserveAspectRatio="xMidYMid" viewBox="0 0 1920 1080">
<g transform="translate(960,540) scale(1,1) translate(-960,-540)"><g transform="translate(-100 416.03196572326607) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 416.03196572326607;1920 416.03196572326607" dur="500s" repeatCount="indefinite" begin="-5.139372331517178s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 596.4001678117764) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 596.4001678117764;1920 596.4001678117764" dur="500s" repeatCount="indefinite" begin="-130.3016475134896s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 26.545882090192208) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 26.545882090192208;1920 26.545882090192208" dur="500s" repeatCount="indefinite" begin="-418.3960343898864s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 571.769019413317) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 571.769019413317;1920 571.769019413317" dur="500s" repeatCount="indefinite" begin="-479.907328466289s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 299.0294986971487) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 299.0294986971487;1920 299.0294986971487" dur="500s" repeatCount="indefinite" begin="-227.05389635543605s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 963.5414388315442) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 963.5414388315442;1920 963.5414388315442" dur="500s" repeatCount="indefinite" begin="-257.66135282842185s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 381.5964835751399) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 381.5964835751399;1920 381.5964835751399" dur="500s" repeatCount="indefinite" begin="-307.0477827472562s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 645.4789577105932) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 645.4789577105932;1920 645.4789577105932" dur="500s" repeatCount="indefinite" begin="-202.62184460542164s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 869.0735193051235) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 869.0735193051235;1920 869.0735193051235" dur="500s" repeatCount="indefinite" begin="-255.24368861928292s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 361.72520676524846) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 361.72520676524846;1920 361.72520676524846" dur="500s" repeatCount="indefinite" begin="-483.79414705548476s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 86.68805096063784) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 86.68805096063784;1920 86.68805096063784" dur="500s" repeatCount="indefinite" begin="-320.8829128692832s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 488.9772963132972) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 488.9772963132972;1920 488.9772963132972" dur="250s" repeatCount="indefinite" begin="-170.39139507921476s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 4.576774043616565) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 4.576774043616565;1920 4.576774043616565" dur="250s" repeatCount="indefinite" begin="-316.15263864899003s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 214.60993590372678) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 214.60993590372678;1920 214.60993590372678" dur="250s" repeatCount="indefinite" begin="-398.4521377828001s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 1078.2795968790304) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1078.2795968790304;1920 1078.2795968790304" dur="250s" repeatCount="indefinite" begin="-91.39136730030228s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 696.282800231443) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 696.282800231443;1920 696.282800231443" dur="250s" repeatCount="indefinite" begin="-9.791027044726896s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 561.7712540738951) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 561.7712540738951;1920 561.7712540738951" dur="250s" repeatCount="indefinite" begin="-193.89859611923643s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 1027.434371957216) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1027.434371957216;1920 1027.434371957216" dur="250s" repeatCount="indefinite" begin="-208.13490311748794s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 723.5576871943198) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 723.5576871943198;1920 723.5576871943198" dur="250s" repeatCount="indefinite" begin="-397.71421883595184s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 138.14742803728817) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 138.14742803728817;1920 138.14742803728817" dur="250s" repeatCount="indefinite" begin="-468.4075429967608s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 1064.1245308500543) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1064.1245308500543;1920 1064.1245308500543" dur="250s" repeatCount="indefinite" begin="-127.52573851087668s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 867.7256355602567) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 867.7256355602567;1920 867.7256355602567" dur="250s" repeatCount="indefinite" begin="-404.38720114464013s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 585.4335678795345) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 585.4335678795345;1920 585.4335678795345" dur="166.66666666666666s" repeatCount="indefinite" begin="-232.32351534757112s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 55.826384663633284) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 55.826384663633284;1920 55.826384663633284" dur="166.66666666666666s" repeatCount="indefinite" begin="-310.35651449581314s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 550.8735693730529) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 550.8735693730529;1920 550.8735693730529" dur="166.66666666666666s" repeatCount="indefinite" begin="-250.08402103222537s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 468.8701205905754) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 468.8701205905754;1920 468.8701205905754" dur="166.66666666666666s" repeatCount="indefinite" begin="-487.8153302121583s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 507.2526567834844) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 507.2526567834844;1920 507.2526567834844" dur="166.66666666666666s" repeatCount="indefinite" begin="-233.64601277250242s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 345.3058813907401) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 345.3058813907401;1920 345.3058813907401" dur="166.66666666666666s" repeatCount="indefinite" begin="-487.12855908306886s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 1031.1827146601443) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1031.1827146601443;1920 1031.1827146601443" dur="166.66666666666666s" repeatCount="indefinite" begin="-10.720882299359303s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 18.27432163445976) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 18.27432163445976;1920 18.27432163445976" dur="166.66666666666666s" repeatCount="indefinite" begin="-239.34624845076246s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 254.00652063210185) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 254.00652063210185;1920 254.00652063210185" dur="166.66666666666666s" repeatCount="indefinite" begin="-97.67550616205378s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 853.1521302679544) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 853.1521302679544;1920 853.1521302679544" dur="166.66666666666666s" repeatCount="indefinite" begin="-215.52668400815244s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 120.29600539710484) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 120.29600539710484;1920 120.29600539710484" dur="166.66666666666666s" repeatCount="indefinite" begin="-121.43545841045444s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 739.4135223183714) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 739.4135223183714;1920 739.4135223183714" dur="125s" repeatCount="indefinite" begin="-433.4250149061785s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 239.0788419164232) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 239.0788419164232;1920 239.0788419164232" dur="125s" repeatCount="indefinite" begin="-407.9383077190322s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 573.1972400632184) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 573.1972400632184;1920 573.1972400632184" dur="125s" repeatCount="indefinite" begin="-456.49760543175864s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 915.5433684236687) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 915.5433684236687;1920 915.5433684236687" dur="125s" repeatCount="indefinite" begin="-40.03727141414903s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 824.8766336499561) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 824.8766336499561;1920 824.8766336499561" dur="125s" repeatCount="indefinite" begin="-16.039906214160293s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 499.265059924676) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 499.265059924676;1920 499.265059924676" dur="125s" repeatCount="indefinite" begin="-35.858363803996426s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 1022.1802798581422) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1022.1802798581422;1920 1022.1802798581422" dur="125s" repeatCount="indefinite" begin="-190.07909527181744s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 1062.112161307141) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1062.112161307141;1920 1062.112161307141" dur="125s" repeatCount="indefinite" begin="-108.16335769140706s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 249.76500277280388) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 249.76500277280388;1920 249.76500277280388" dur="125s" repeatCount="indefinite" begin="-360.72984703184443s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 989.5257835559386) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 989.5257835559386;1920 989.5257835559386" dur="125s" repeatCount="indefinite" begin="-358.39639108375485s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 763.1858129038242) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 763.1858129038242;1920 763.1858129038242" dur="125s" repeatCount="indefinite" begin="-57.071504489237036s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 394.96112430266106) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 394.96112430266106;1920 394.96112430266106" dur="125s" repeatCount="indefinite" begin="-175.51156196107908s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g></g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1920" height="1080" preserveAspectRatio="xMidYMid" viewBox="0 0 1920 1080">
<g transform="translate(960,540) scale(1,-1) translate(-960,-540)"><path id="path0" d="M 1349.9098887622815 185.16915627008808 c 0 26.590437311255734 -6.5061708314774656 7.6376788021692 -14.143849633646665 7.6376788021692 S 1321.6221894949883 211.7595935813438 1321.6221894949883 185.16915627008808 s 6.5061708314774656 -7.6376788021692 14.143849633646665 -7.6376788021692 S 1349.9098887622815 158.57871895883235 1349.9098887622815 185.16915627008808 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="14.632267999638175" fill="#ff708e">
<animateMotion begin="-11.590466641060427s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path0"/>
</animateMotion>
</circle><path id="path1" d="M 1299.6932195239785 317.12638037505536 c 0 34.821134259509634 -8.520064765624698 10.001815159646386 -18.521879925271083 10.001815159646386 S 1262.6494596734362 351.947514634565 1262.6494596734362 317.12638037505536 s 8.520064765624698 -10.001815159646386 18.521879925271083 -10.001815159646386 S 1299.6932195239785 282.30524611554574 1299.6932195239785 317.12638037505536 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="17.30792014672236" fill="#de9dd6">
<animateMotion begin="-8.95589724484751s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path1"/>
</animateMotion>
</circle><path id="path2" d="M 111.25272199046691 375.8719982330086 c 0 28.024935326008073 -6.8571650265764434 8.049715465981043 -14.906880492557486 8.049715465981043 S 81.43896100535193 403.89693355901665 81.43896100535193 375.8719982330086 s 6.8571650265764434 -8.049715465981043 14.906880492557486 -8.049715465981043 S 111.25272199046691 347.8470629070005 111.25272199046691 375.8719982330086 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="12.669302833148285" fill="#e0ff77">
<animateMotion begin="-5.565159510466704s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path2"/>
</animateMotion>
</circle><path id="path3" d="M 1504.755000906474 640.8630363818409 c 0 33.780400040902855 -8.26541703128474 9.702880862812522 -17.96829789409726 9.702880862812522 S 1468.8184051182793 674.6434364227437 1468.8184051182793 640.8630363818409 s 8.26541703128474 -9.702880862812522 17.96829789409726 -9.702880862812522 S 1504.755000906474 607.082636340938 1504.755000906474 640.8630363818409 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="9.146958137129836" fill="#de9dd6">
<animateMotion begin="-14.752788268299275s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path3"/>
</animateMotion>
</circle><path id="path4" d="M 1438.7194047124874 900.4906795633224 c 0 32.724571530537666 -8.00707601279113 9.399610971537415 -17.406686984328545 9.399610971537415 S 1403.9060307438301 933.21525109386 1403.9060307438301 900.4906795633224 s 8.00707601279113 -9.399610971537415 17.406686984328545 -9.399610971537415 S 1438.7194047124874 867.7661080327847 1438.7194047124874 900.4906795633224 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="15.677317452896688" fill="#ff708e">
<animateMotion begin="-1.1425743261292354s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path4"/>
</animateMotion>
</circle><path id="path5" d="M 1377.8259677685908 190.2989727154286 c 0 33.5014862564454 -8.197172169130257 9.622767328978998 -17.819939498109257 9.622767328978998 S 1342.1860887723722 223.80045897187398 1342.1860887723722 190.2989727154286 s 8.197172169130257 -9.622767328978998 17.819939498109257 -9.622767328978998 S 1377.8259677685908 156.7974864589832 1377.8259677685908 190.2989727154286 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="10.545617900229804" fill="#51cacc">
<animateMotion begin="-9.925167277224837s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path5"/>
</animateMotion>
</circle><path id="path6" d="M 699.5619032555242 173.64339385556056 c 0 22.890529496325936 -5.600874238462728 6.574939323412769 -12.175813561875497 6.574939323412769 S 675.2102761317731 196.5339233518865 675.2102761317731 173.64339385556056 s 5.600874238462728 -6.574939323412769 12.175813561875497 -6.574939323412769 S 699.5619032555242 150.75286435923462 699.5619032555242 173.64339385556056 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="8.823697641429444" fill="#ff708e">
<animateMotion begin="-7.101400252511483s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path6"/>
</animateMotion>
</circle><path id="path7" d="M 1502.3184744544892 748.3256840717742 c 0 29.56321240330199 -7.233551971020699 8.491561009459081 -15.72511298047978 8.491561009459081 S 1470.8682484935298 777.8888964750762 1470.8682484935298 748.3256840717742 s 7.233551971020699 -8.491561009459081 15.72511298047978 -8.491561009459081 S 1502.3184744544892 718.7624716684721 1502.3184744544892 748.3256840717742 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="15.097313756793348" fill="#e0ff77">
<animateMotion begin="-16.2767664139038s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path7"/>
</animateMotion>
</circle><path id="path8" d="M 875.9912218633518 184.51950247788722 c 0 36.37142976127214 -8.899392388396373 10.447112803769658 -19.34650519216603 10.447112803769658 S 837.2982114790199 220.89093223915935 837.2982114790199 184.51950247788722 s 8.899392388396373 -10.447112803769658 19.34650519216603 -10.447112803769658 S 875.9912218633518 148.14807271661508 875.9912218633518 184.51950247788722 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="17.19104452482677" fill="#51cacc">
<animateMotion begin="-1.8652637198274213s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path8"/>
</animateMotion>
</circle><path id="path9" d="M 1479.2399634419357 61.33508696828571 c 0 34.11872390217692 -8.348198401596479 9.800058993178476 -18.148257394774955 9.800058993178476 S 1442.943448652386 95.45381087046263 1442.943448652386 61.33508696828571 s 8.348198401596479 -9.800058993178476 18.148257394774955 -9.800058993178476 S 1479.2399634419357 27.21636306610879 1479.2399634419357 61.33508696828571 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="15.855811877531224" fill="#9df871">
<animateMotion begin="-3.035988641499956s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path9"/>
</animateMotion>
</circle><path id="path10" d="M 571.4191895582195 191.5481744110148 c 0 20.79300718126673 -5.087650693288667 5.972459509512785 -11.060110202801452 5.972459509512785 S 549.2989691526167 212.34118159228154 549.2989691526167 191.5481744110148 s 5.087650693288667 -5.972459509512785 11.060110202801452 -5.972459509512785 S 571.4191895582195 170.75516722974805 571.4191895582195 191.5481744110148 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="16.72806401591559" fill="#ff708e">
<animateMotion begin="-1.7963849564032675s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path10"/>
</animateMotion>
</circle><path id="path11" d="M 105.18777938216608 104.43185429353139 c 0 26.00935428319513 -6.36399094163285 7.470771974960303 -13.834762916593153 7.470771974960303 S 77.51825354897979 130.44120857672652 77.51825354897979 104.43185429353139 s 6.36399094163285 -7.470771974960303 13.834762916593153 -7.470771974960303 S 105.18777938216608 78.42250001033625 105.18777938216608 104.43185429353139 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="16.44114740668901" fill="#51cacc">
<animateMotion begin="-3.6172728417846622s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path11"/>
</animateMotion>
</circle><path id="path12" d="M 53.5023681447867 1041.9723638812375 c 0 22.600107101926067 -5.5298134398329735 6.491520125021317 -12.021333564854292 6.491520125021317 S 29.459701015078114 1064.5724709831636 29.459701015078114 1041.9723638812375 s 5.5298134398329735 -6.491520125021317 12.021333564854292 -6.491520125021317 S 53.5023681447867 1019.3722567793114 53.5023681447867 1041.9723638812375 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="16.253802352244648" fill="#9df871">
<animateMotion begin="-2.2741458273148574s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path12"/>
</animateMotion>
</circle><path id="path13" d="M 1489.2513333213988 969.2237471962012 c 0 21.52668839880468 -5.2671684380054 6.183197731571558 -11.450366169576958 6.183197731571558 S 1466.350600982245 990.7504355950059 1466.350600982245 969.2237471962012 s 5.2671684380054 -6.183197731571558 11.450366169576958 -6.183197731571558 S 1489.2513333213988 947.6970587973965 1489.2513333213988 969.2237471962012 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="15.194742236185608" fill="#ff708e">
<animateMotion begin="-11.741976075373328s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path13"/>
</animateMotion>
</circle><path id="path14" d="M 1845.6473677110291 551.4828587242023 c 0 22.591554773482507 -5.527720848830826 6.489063605149231 -12.016784453980057 6.489063605149231 S 1821.613798803069 574.0744134976848 1821.613798803069 551.4828587242023 s 5.527720848830826 -6.489063605149231 12.016784453980057 -6.489063605149231 S 1845.6473677110291 528.8913039507198 1845.6473677110291 551.4828587242023 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="14.99698402981728" fill="#de9dd6">
<animateMotion begin="-18.600839623781276s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path14"/>
</animateMotion>
</circle><path id="path15" d="M 1922.0685155799683 945.9007213755189 c 0 31.615027706616466 -7.735591885661475 9.080912213602602 -16.81650409926408 9.080912213602602 S 1888.43550738144 977.5157490821354 1888.43550738144 945.9007213755189 s 7.735591885661475 -9.080912213602602 16.81650409926408 -9.080912213602602 S 1922.0685155799683 914.2856936689024 1922.0685155799683 945.9007213755189 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="8.827700721901026" fill="#9df871">
<animateMotion begin="-19.16890602299407s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path15"/>
</animateMotion>
</circle><path id="path16" d="M 100.86860223361062 27.378621310533717 c 0 34.76624257836834 -8.50663382236672 9.98604840016963 -18.49268222253635 9.98604840016963 S 63.883237788537926 62.14486388890206 63.883237788537926 27.378621310533717 s 8.50663382236672 -9.98604840016963 18.49268222253635 -9.98604840016963 S 100.86860223361062 -7.387621267834625 100.86860223361062 27.378621310533717 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="16.13956668595096" fill="#ff708e">
<animateMotion begin="-2.2692229534473984s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path16"/>
</animateMotion>
</circle><path id="path17" d="M 1178.9411193810608 445.72324429352415 c 0 30.400067965806628 -7.438314502271834 8.731934415710414 -16.17024891798225 8.731934415710414 S 1146.6006215450964 476.12331225933076 1146.6006215450964 445.72324429352415 s 7.438314502271834 -8.731934415710414 16.17024891798225 -8.731934415710414 S 1178.9411193810608 415.32317632771753 1178.9411193810608 445.72324429352415 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="15.357762329732441" fill="#51cacc">
<animateMotion begin="-10.157359703650904s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path17"/>
</animateMotion>
</circle><path id="path18" d="M 673.5817480982976 183.535715578992 c 0 25.221915941567396 -6.171319858043086 7.244592876833188 -13.415912734876274 7.244592876833188 S 646.7499226285449 208.7576315205594 646.7499226285449 183.535715578992 s 6.171319858043086 -7.244592876833188 13.415912734876274 -7.244592876833188 S 673.5817480982976 158.3137996374246 673.5817480982976 183.535715578992 z" fill="none" stroke="none"/>
<circle cx="0" cy="0" r="9.556473475843394" fill="#51cacc">
<animateMotion begin="-0.8141051610736438s" dur="20s" repeatCount="indefinite">
<mpath xlink:href="#path18"/>
</animateMotion>
</circle></g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 12 KiB

138
magic-boot-ui/src/assets/images/login-bg1.svg Normal file
View File

@ -0,0 +1,138 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin:auto;background:#7aceff;display:block;z-index:1;position:relative" width="1920" height="1080" preserveAspectRatio="xMidYMid" viewBox="0 0 1920 1080">
<g transform="translate(960,540) scale(1,1) translate(-960,-540)"><g transform="translate(-100 416.03196572326607) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 416.03196572326607;1920 416.03196572326607" dur="500s" repeatCount="indefinite" begin="-5.139372331517178s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 596.4001678117764) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 596.4001678117764;1920 596.4001678117764" dur="500s" repeatCount="indefinite" begin="-130.3016475134896s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 26.545882090192208) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 26.545882090192208;1920 26.545882090192208" dur="500s" repeatCount="indefinite" begin="-418.3960343898864s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 571.769019413317) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 571.769019413317;1920 571.769019413317" dur="500s" repeatCount="indefinite" begin="-479.907328466289s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 299.0294986971487) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 299.0294986971487;1920 299.0294986971487" dur="500s" repeatCount="indefinite" begin="-227.05389635543605s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 963.5414388315442) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 963.5414388315442;1920 963.5414388315442" dur="500s" repeatCount="indefinite" begin="-257.66135282842185s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 381.5964835751399) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 381.5964835751399;1920 381.5964835751399" dur="500s" repeatCount="indefinite" begin="-307.0477827472562s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 645.4789577105932) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 645.4789577105932;1920 645.4789577105932" dur="500s" repeatCount="indefinite" begin="-202.62184460542164s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 869.0735193051235) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 869.0735193051235;1920 869.0735193051235" dur="500s" repeatCount="indefinite" begin="-255.24368861928292s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 361.72520676524846) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 361.72520676524846;1920 361.72520676524846" dur="500s" repeatCount="indefinite" begin="-483.79414705548476s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 86.68805096063784) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 86.68805096063784;1920 86.68805096063784" dur="500s" repeatCount="indefinite" begin="-320.8829128692832s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(0.55)"></path>
</g><g transform="translate(-100 488.9772963132972) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 488.9772963132972;1920 488.9772963132972" dur="250s" repeatCount="indefinite" begin="-170.39139507921476s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 4.576774043616565) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 4.576774043616565;1920 4.576774043616565" dur="250s" repeatCount="indefinite" begin="-316.15263864899003s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 214.60993590372678) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 214.60993590372678;1920 214.60993590372678" dur="250s" repeatCount="indefinite" begin="-398.4521377828001s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 1078.2795968790304) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1078.2795968790304;1920 1078.2795968790304" dur="250s" repeatCount="indefinite" begin="-91.39136730030228s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 696.282800231443) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 696.282800231443;1920 696.282800231443" dur="250s" repeatCount="indefinite" begin="-9.791027044726896s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 561.7712540738951) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 561.7712540738951;1920 561.7712540738951" dur="250s" repeatCount="indefinite" begin="-193.89859611923643s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 1027.434371957216) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1027.434371957216;1920 1027.434371957216" dur="250s" repeatCount="indefinite" begin="-208.13490311748794s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 723.5576871943198) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 723.5576871943198;1920 723.5576871943198" dur="250s" repeatCount="indefinite" begin="-397.71421883595184s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 138.14742803728817) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 138.14742803728817;1920 138.14742803728817" dur="250s" repeatCount="indefinite" begin="-468.4075429967608s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 1064.1245308500543) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1064.1245308500543;1920 1064.1245308500543" dur="250s" repeatCount="indefinite" begin="-127.52573851087668s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 867.7256355602567) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 867.7256355602567;1920 867.7256355602567" dur="250s" repeatCount="indefinite" begin="-404.38720114464013s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#ffffff" transform="scale(0.7)"></path>
</g><g transform="translate(-100 585.4335678795345) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 585.4335678795345;1920 585.4335678795345" dur="166.66666666666666s" repeatCount="indefinite" begin="-232.32351534757112s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 55.826384663633284) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 55.826384663633284;1920 55.826384663633284" dur="166.66666666666666s" repeatCount="indefinite" begin="-310.35651449581314s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 550.8735693730529) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 550.8735693730529;1920 550.8735693730529" dur="166.66666666666666s" repeatCount="indefinite" begin="-250.08402103222537s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 468.8701205905754) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 468.8701205905754;1920 468.8701205905754" dur="166.66666666666666s" repeatCount="indefinite" begin="-487.8153302121583s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 507.2526567834844) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 507.2526567834844;1920 507.2526567834844" dur="166.66666666666666s" repeatCount="indefinite" begin="-233.64601277250242s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 345.3058813907401) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 345.3058813907401;1920 345.3058813907401" dur="166.66666666666666s" repeatCount="indefinite" begin="-487.12855908306886s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 1031.1827146601443) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1031.1827146601443;1920 1031.1827146601443" dur="166.66666666666666s" repeatCount="indefinite" begin="-10.720882299359303s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 18.27432163445976) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 18.27432163445976;1920 18.27432163445976" dur="166.66666666666666s" repeatCount="indefinite" begin="-239.34624845076246s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 254.00652063210185) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 254.00652063210185;1920 254.00652063210185" dur="166.66666666666666s" repeatCount="indefinite" begin="-97.67550616205378s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 853.1521302679544) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 853.1521302679544;1920 853.1521302679544" dur="166.66666666666666s" repeatCount="indefinite" begin="-215.52668400815244s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 120.29600539710484) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 120.29600539710484;1920 120.29600539710484" dur="166.66666666666666s" repeatCount="indefinite" begin="-121.43545841045444s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#f1f2f3" transform="scale(0.85)"></path>
</g><g transform="translate(-100 739.4135223183714) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 739.4135223183714;1920 739.4135223183714" dur="125s" repeatCount="indefinite" begin="-433.4250149061785s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 239.0788419164232) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 239.0788419164232;1920 239.0788419164232" dur="125s" repeatCount="indefinite" begin="-407.9383077190322s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 573.1972400632184) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 573.1972400632184;1920 573.1972400632184" dur="125s" repeatCount="indefinite" begin="-456.49760543175864s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 915.5433684236687) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 915.5433684236687;1920 915.5433684236687" dur="125s" repeatCount="indefinite" begin="-40.03727141414903s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 824.8766336499561) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 824.8766336499561;1920 824.8766336499561" dur="125s" repeatCount="indefinite" begin="-16.039906214160293s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 499.265059924676) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 499.265059924676;1920 499.265059924676" dur="125s" repeatCount="indefinite" begin="-35.858363803996426s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 1022.1802798581422) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1022.1802798581422;1920 1022.1802798581422" dur="125s" repeatCount="indefinite" begin="-190.07909527181744s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 1062.112161307141) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 1062.112161307141;1920 1062.112161307141" dur="125s" repeatCount="indefinite" begin="-108.16335769140706s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 249.76500277280388) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 249.76500277280388;1920 249.76500277280388" dur="125s" repeatCount="indefinite" begin="-360.72984703184443s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 989.5257835559386) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 989.5257835559386;1920 989.5257835559386" dur="125s" repeatCount="indefinite" begin="-358.39639108375485s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 763.1858129038242) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 763.1858129038242;1920 763.1858129038242" dur="125s" repeatCount="indefinite" begin="-57.071504489237036s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g><g transform="translate(-100 394.96112430266106) rotate(0)">
<animateTransform attributeName="transform" type="translate" keyTimes="0;1" values="-100 394.96112430266106;1920 394.96112430266106" dur="125s" repeatCount="indefinite" begin="-175.51156196107908s"></animateTransform>
<path d="M84.717,33.597c0.791-2.503,1.186-5.138,1.186-7.773C85.903,11.594,74.308,0,60.079,0 c-9.881,0-18.445,5.534-22.793,13.702c-1.581-0.527-3.426-0.791-5.138-0.791c-9.486,0-17.128,7.642-17.128,17.128 c0,1.186,0.132,2.372,0.395,3.426C6.719,34.783,0,42.424,0,51.515C0,61.66,8.169,69.829,18.314,69.829h63.373 C91.831,69.829,100,61.66,100,51.515C99.868,42.556,93.281,35.046,84.717,33.597z" fill="#bddeff" transform="scale(1)"></path>
</g></g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
magic-boot-ui/src/assets/images/logo-magic-boot.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

4
magic-boot-ui/src/components/magic/advanced/mb-form.vue
View File

@ -36,7 +36,7 @@
default: () => {}
}
})
const emit = defineEmits(['reload-table'])
const emit = defineEmits(['reload'])
props.form.props = props.form.props || {}
proxy.$common.setDefaultValue(props.form.props, 'labelPosition', 'right')
@ -91,7 +91,7 @@
props.detail.formData = {}
}
d.hide()
emit('reload-table')
emit('reload')
}).catch(() => d.hideLoading())
}
})

12
magic-boot-ui/src/components/magic/basic/mb-dialog.vue
View File

@ -1,5 +1,5 @@
<template>
<el-dialog :fullscreen="fullscreen" :width="width" :title="title" v-model="dialogVisible" :close-on-click-modal="false" :append-to-body="true" draggable @opened="opened">
<el-dialog :fullscreen="fullscreen" :width="width" :title="title" v-model="dialogVisible" :close-on-click-modal="false" :key="dialogKey" :append-to-body="true" draggable @opened="opened">
<slot name="content" />
<template #footer>
<div slot="footer" class="dialog-footer">
@ -36,12 +36,17 @@ export default {
opened: {
type: Function,
default: () => {}
},
autoKey: {
type: Boolean,
default: true
}
},
data() {
return {
dialogVisible: false,
confirmLoading: false
confirmLoading: false,
dialogKey: 'mbDialog',
}
},
created() {
@ -66,6 +71,9 @@ export default {
this.confirmLoading = false
},
show() {
if(this.autoKey){
this.dialogKey = Math.random()
}
this.dialogVisible = true
},
hide() {

6
magic-boot-ui/src/components/magic/basic/mb-editor-table.vue
View File

@ -49,16 +49,16 @@ export default {
this.tableOptions.cols.push({
type: 'dynamic',
field: col.field,
title: col.title
label: col.label
})
}
this.tableOptions.cols.push({
title: '操作',
label: '操作',
type: 'btns',
width: 85,
fixed: 'right',
btns: [{
title: '删除',
label: '删除',
type: 'danger',
click: (row, index) => {
this.tableOptions.data.splice(index, 1)

3
magic-boot-ui/src/components/magic/basic/mb-input.vue
View File

@ -1,5 +1,5 @@
<template>
<el-input v-model="modelValue" :type="type" :value="value" :placeholder="placeholder || (label && '请输入' + label)" v-bind="props.props" />
<el-input v-model="modelValue" :type="type" :placeholder="placeholder || (label && '请输入' + label)" v-bind="props.props" />
</template>
<script setup>
@ -9,7 +9,6 @@
modelValue: String,
label: String,
placeholder: String,
value: String,
type: String,
props: Object
})

6
magic-boot-ui/src/components/magic/basic/mb-table-column.vue
View File

@ -1,7 +1,7 @@
<template>
<el-table-column
:key="col.field"
:label="col.title"
:label="col.label"
:prop="col.field"
:align="col.align || 'center'"
:width="col.width"
@ -23,8 +23,8 @@
/>
<div v-else-if="col.type == 'btns'">
<template v-for="btn in col.btns">
<el-button v-if="btn.if === undefined ? true : btn.if(scope.row)" :icon="btn.icon" :key="btn.title" v-permission="btn.permission" :type="btn.type" :size="btn.size || 'small'" :class="btn.class" @click="btn.click(scope.row, scope.$index)">
{{ btn.title }}
<el-button v-if="btn.if === undefined ? true : btn.if(scope.row)" :icon="btn.icon" :key="btn.label" v-permission="btn.permission" :type="btn.type" :size="btn.size || 'small'" :class="btn.class" @click="btn.click(scope.row, scope.$index)">
{{ btn.label }}
</el-button>
</template>
</div>

7
magic-boot-ui/src/components/magic/basic/mb-treeselect.vue
View File

@ -3,7 +3,8 @@
</template>
<script setup>
import { ref, getCurrentInstance } from "vue";
import { ref, getCurrentInstance, watch } from "vue"
const emit = defineEmits(['update:modelValue'])
const { proxy } = getCurrentInstance()
const props = defineProps({
modelValue: {
@ -20,6 +21,10 @@
props: Object
})
watch(() => props.modelValue, (value) => {
emit('update:modelValue', value)
})
const options = ref([])
proxy.$get(props.url).then(res => {

1
magic-boot-ui/src/icons/error.svg Normal file
View File

@ -0,0 +1 @@
<svg class="icon" viewBox="0 0 1028 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M875.086452 153.730058C676.053818-45.302575 353.260522-45.302575 154.128323 153.730058s-199.032634 521.825929 0 720.958129 521.825929 199.032634 720.958129 0 199.032634-521.825929 0-720.958129zM725.836868 725.438604c-9.757478 9.757478-25.488922 9.757478-35.246399 0L514.557604 549.405739 338.624306 725.438604c-9.757478 9.757478-25.488922 9.757478-35.2464 0s-9.757478-25.488922 0-35.2464l176.032865-176.032864-176.032865-175.933299c-9.757478-9.757478-9.757478-25.488922 0-35.246399 9.757478-9.757478 25.488922-9.757478 35.2464 0l176.032864 176.032865 176.032865-176.032865c9.757478-9.757478 25.488922-9.757478 35.246399 0 9.757478 9.757478 9.757478 25.488922 0 35.246399L549.804004 514.15934 725.836868 690.192204c9.657912 9.757478 9.657912 25.488922 0 35.2464z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 899 B

10
magic-boot-ui/src/views/examples/test-mb-list.vue
View File

@ -2,7 +2,7 @@
<mb-list ref="magicList" v-bind="listOptions" />
<mb-dialog ref="formDialog" @confirm-click="magicForm.save($event)" width="50%">
<template #content>
<mb-form ref="magicForm" @reload-table="magicList.reload" :key="magicFormKey" v-bind="formOptions" />
<mb-form ref="magicForm" @reload="magicList.reload" v-bind="formOptions" />
</template>
</mb-dialog>
</template>
@ -13,7 +13,6 @@ const { proxy } = getCurrentInstance()
const formDialog = ref()
const magicList = ref()
const magicForm = ref()
const magicFormKey = ref()
const listOptions = reactive({
search: {
noReset: 'id'
@ -22,7 +21,7 @@ const listOptions = reactive({
type: 'add',
permission: 'user:save',
click: () => {
magicFormKey.value = Math.random()
formOptions.form.rows[0].cols[1].rules = [{ required: true, message: '请输入密码', trigger: 'change' }]
formOptions.detail.formData = null
formDialog.value.show()
}
@ -96,7 +95,7 @@ const listOptions = reactive({
icon: 'ElEdit',
click: (row) => {
// magicForm.value.getDetail(row.id)
magicFormKey.value = Math.random()
formOptions.form.rows[0].cols[1].rules = []
formOptions.detail.formData = proxy.$common.copyNew(row)
formDialog.value.show()
}
@ -148,7 +147,6 @@ const formOptions = reactive({
span: 12,
name: 'password',
label: '密码',
rules: [{ required: true, message: '请输入密码', trigger: 'change' }],
props: {
type: 'password',
autocomplete: 'new-password'
@ -173,7 +171,7 @@ const formOptions = reactive({
name: 'officeId',
label: '组织机构',
defaultValue: null,
// rules: [{ required: true, message: '请选择组织机构', trigger: 'change' }],
rules: [{ required: true, message: '请选择组织机构', trigger: 'change' }],
props: {
url: 'user/offices'
}

371
magic-boot-ui/src/views/login.vue
View File

@ -1,221 +1,202 @@
<template>
<div class="login-container">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on" label-position="left">
<div class="login-box">
<div class="title-container">
Magic-Boot
</div>
<el-form-item prop="username">
<span class="svg-container">
<svg-icon icon-class="user" />
</span>
<el-input ref="username" v-model="loginForm.username" placeholder="用户名" name="username" type="text" tabindex="1" auto-complete="on" />
</el-form-item>
<el-form-item prop="password">
<span class="svg-container">
<svg-icon icon-class="password" />
</span>
<el-input :key="passwordType" ref="password" v-model="loginForm.password" :type="passwordType" placeholder="密码" name="password" tabindex="2" auto-complete="on" @keyup.enter.native="handleLogin" />
<span class="show-pwd" @click="showPwd">
<svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
</span>
</el-form-item>
<el-button :loading="loading" type="primary" size="medium" style="width:100%;margin-bottom:20px;font-size: 14px;" @click.native.prevent="handleLogin">登录</el-button>
<div class="magic-login">
<div class="magic-login-box">
<!-- <div class="magic-login-logo"></div>-->
<div class="magic-login-text">{{ $global.title }}</div>
<div class="magic-login-row error" v-if="error"><mb-icon icon="error"/><span>{{ error }}</span></div>
<div class="magic-login-row">
<mb-icon icon="user"/>
<input ref="username" class="magic-input" v-model="loginForm.username" placeholder="用户名" name="username" type="text" tabindex="1" auto-complete="on" />
</div>
</el-form>
<div class="copyright">Copyright © 2020-{{new Date().getYear() + 1900}} <a href="https://ssssssss.org.cn" target="_blank">ssssssss.org.cn</a> All rights reserved.</div>
<div class="magic-login-row">
<mb-icon icon="password"/>
<input class="magic-input" ref="password" v-model="loginForm.password" type="password" placeholder="密码" name="password" tabindex="2" auto-complete="on" @keyup.enter.native="handleLogin" />
</div>
<div class="magic-login-row">
<button :loading="loading" class="magic-button" type="primary" size="medium" @click.native.prevent="handleLogin">登录</button>
</div>
</div>
<div class="magic-login-copyright">Copyright © 2020-{{new Date().getYear() + 1900}} <a href="https://ssssssss.org.cn" target="_blank">ssssssss.org.cn</a> All rights reserved.</div>
</div>
</template>
<script>
import { login } from '@/scripts/auth'
<script setup>
import { reactive, ref, getCurrentInstance } from 'vue'
import { login } from '@/scripts/auth'
const { proxy } = getCurrentInstance()
export default {
name: 'Login',
data() {
return {
loginForm: {
username: '',
password: ''
},
loginRules: {
username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
password: [{ required: true, trigger: 'blur', message: '请输入密码' }]
},
loading: false,
passwordType: 'password',
redirect: undefined
}
},
watch: {
$route: {
handler: function(route) {
this.redirect = route.query && route.query.redirect
},
immediate: true
}
},
methods: {
showPwd() {
if (this.passwordType === 'password') {
this.passwordType = ''
} else {
this.passwordType = 'password'
}
this.$nextTick(() => {
this.$refs.password.focus()
const loginForm = reactive({
username: '',
password: ''
})
const loading = ref(false)
function handleLogin() {
if(!loginForm.username){
proxy.$message({
message: '请输入用户名',
type: 'error',
duration: 2000,
showClose: true
})
},
handleLogin() {
this.$refs.loginForm.validate(valid => {
if (valid) {
this.loading = true
login(this.loginForm).then((res) => {
console.log(this.$router)
this.$router.push({ path: '/home' })
this.loading = false
}).catch(() => {
this.loading = false
})
}
return
}else if(!loginForm.password){
proxy.$message({
message: '请输入密码',
type: 'error',
duration: 2000,
showClose: true
})
return
}else{
loading.value = true
login(loginForm).then((res) => {
proxy.$router.push({ path: '/home' })
loading.value = false
}).catch(() => {
loading.value = false
})
}
}
}
</script>
<style lang="scss">
/* 修复input 背景不协调 和光标变色 */
/* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */
$bg: white;
$light_gray: rgba(0,0,0,.65);
$cursor: rgba(0,0,0,.65);
@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
.login-container .el-input input {
color: $cursor;
}
<style scoped>
*{
box-sizing: border-box;
}
/* reset element-ui css */
.login-container {
.el-input {
display: inline-block;
height: 30px;
width: 85%;
input {
background: transparent;
border: 0px;
-webkit-appearance: none;
border-radius: 0px;
padding: 3px;
color: $light_gray;
height: 30px;
caret-color: $cursor;
&:-webkit-autofill {
box-shadow: 0 0 0px 1000px $bg inset !important;
-webkit-text-fill-color: $cursor !important;
}
}
}
.el-form-item {
border: 1px solid #D9D9D9;
background: white;
color: rgba(0,0,0,.65);
border-radius: 5px;
}
}
</style>
<style lang="scss" scoped>
$dark_gray:#889aa4;
$light_gray: rgba(0,0,0,.65);
.login-container {
min-height: 100%;
input{
width: 100%;
background-image: url(../assets/images/login-bg.svg);
overflow: hidden;
.login-form {
position: relative;
width: 450px;
max-width: 100%;
padding: 160px 35px 35px;
margin: 0 auto;
overflow: hidden;
.login-box {
background: white;
padding: 20px;
border-radius: 5px;
box-shadow: 0 7px 25px rgba(0,0,0,.08);
}
}
.tips {
font-size: 14px;
color: #fff;
margin-bottom: 10px;
span {
&:first-of-type {
margin-right: 16px;
}
}
}
.svg-container {
padding-left: 10px;
color: $dark_gray;
width: 25px;
display: inline-block;
}
.title-container {
position: relative;
text-align: center;
margin-bottom: 20px;
font-family: PoetsenOne;
color: #808080;
font-size: 26px;
.title {
font-size: 26px;
color: $light_gray;
margin: 0px auto 40px auto;
text-align: center;
font-weight: bold;
}
}
.show-pwd {
position: absolute;
right: 10px;
font-size: 16px;
color: $dark_gray;
cursor: pointer;
user-select: none;
}
}
.copyright{
label {
width: 60px;
text-align: right;
display: inline-block;
}
.magic-login{
position: fixed;
background: #fff;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-image: url(../assets/images/login-bg.svg);
}
.magic-login .magic-login-box{
border-radius: 5px;
width: 450px;
box-shadow: 0 7px 25px rgba(0,0,0,.08);
position: absolute;
box-sizing: border-box;
/*padding-top:60px;*/
padding-top:30px;
top:33.333333%;
margin-top: -125px;
background-color: #fff;
}
.magic-login-logo{
background-image: url(../assets/images/logo-magic-boot.png);
width: 128px;
height: 128px;
background-size: 90px 90px;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: -64px;
left: 50%;
margin-left: -64px;
border-radius: 64px;
box-shadow: 0 0 20px 5px rgba(0,0,0,.08);
padding: 10px;
background-color: #fff;
}
.magic-login-text{
height: 70px;
line-height: 70px;
display: block;
text-align: center;
color: white;
font-family: PoetsenOne;
font-size: 28px;
color: #808080;
}
.magic-login-text span{
font-size: 16px;
}
.magic-login-copyright{
text-align: center;
color: #999;
font-size: 18px;
font-family: Avenir,Helvetica,Arial,sans-serif;
position: absolute;
bottom: 50px;
width: 100%;
}
.copyright a{
.magic-login-copyright a{
text-decoration: none;
color: #2196f3;
outline: 0;
}
.magic-login-row{
width: 400px;
margin:25px auto;
position: relative;
}
.magic-login-row.error{
background-color: #fff1f0;
border: 1px solid #ffa39e;
color: #000;
border-radius: 4px;
padding:10px 0;
padding-left: 40px;
}
.magic-login-row.error span{
font-size: 14px;
word-break: break-all;
}
.magic-login-row svg{
position: absolute;
width: 20px;
height: 20px;
top: 15px;
left: 15px;
}
.magic-login-row :deep(.magic-icon-error){
fill: red;
}
.magic-login-box .magic-input{
height: 50px;
line-height: 50px;
background-color: transparent;
display: block;
border: 1px solid #D9D9D9;
border-radius: 4px;
padding-left: 40px;
color: rgba(0,0,0,.65);
transition: all .3s;
font-size: 16px;
outline: 0;
}
.magic-login-box .magic-input:focus{
border-color:#0784de;
}
.magic-login-box .magic-button{
width: 100%;
height: 50px;
line-height: 50px;
background-color: #2196f3;
color: #fff;
border-radius: 4px;
font-size: 18px;
border: 1px solid #ADADAD;
border-color: #2196f3;
transition: all .3s;
cursor: pointer;
}
.magic-login-box .magic-button:hover,
.magic-login-box .magic-button:focus{
background-color: #4db5ff !important;
border-color: #4db5ff !important;
}
.magic-login-box .magic-button:active{
background-color: #1272cc;
border-color: #1272cc;
}
</style>

10
magic-boot-ui/src/views/lowcode/component-list.vue
View File

@ -55,21 +55,21 @@ const tableOptions = reactive({
cols: [
{
field: 'name',
title: '组件名称'
label: '组件名称'
},
{
field: 'descRibe',
title: '组件描述'
label: '组件描述'
},
{
title: '操作',
label: '操作',
type: 'btns',
width: 270,
fixed: 'right',
btns: [
{
permission: 'component:save',
title: '修改',
label: '修改',
type: 'text',
icon: 'ElEdit',
click: (row) => {
@ -78,7 +78,7 @@ const tableOptions = reactive({
},
{
permission: 'component:delete',
title: '删除',
label: '删除',
type: 'text',
icon: 'ElDelete',
click: (row) => {

14
magic-boot-ui/src/views/system/dict/dict-items.vue
View File

@ -77,29 +77,29 @@ const tableOptions = reactive({
cols: [
{
field: 'label',
title: '类型'
label: '类型'
},
{
field: 'value',
title: '值'
label: '值'
},
{
field: 'sort',
title: '排序'
label: '排序'
},
{
field: 'remarks',
title: '备注'
label: '备注'
},
{
title: '操作',
label: '操作',
type: 'btns',
width: 160,
fixed: 'right',
btns: [
{
permission: 'dict:items:save',
title: '修改',
label: '修改',
type: 'text',
icon: 'ElEdit',
click: (row) => {
@ -108,7 +108,7 @@ const tableOptions = reactive({
},
{
permission: 'dict:items:delete',
title: '删除',
label: '删除',
type: 'text',
icon: 'ElDelete',
click: (row) => {

18
magic-boot-ui/src/views/system/dict/dict-list.vue
View File

@ -87,37 +87,37 @@ const tableOptions = reactive({
cols: [
{
field: 'type',
title: '类型'
label: '类型'
},
{
field: 'descRibe',
title: '描述'
label: '描述'
},
{
field: 'dictType',
title: '字典类型',
label: '字典类型',
width: 200,
dictType: 'dict_type'
},
{
field: 'remarks',
title: '备注',
label: '备注',
width: 200
},
{
field: 'sort',
title: '排序',
label: '排序',
width: 100
},
{
title: '操作',
label: '操作',
type: 'btns',
width: 220,
fixed: 'right',
btns: [
{
permission: 'dict:save',
title: '修改',
label: '修改',
type: 'text',
icon: 'ElEdit',
click: (row) => {
@ -126,7 +126,7 @@ const tableOptions = reactive({
},
{
permission: 'dict:delete',
title: '删除',
label: '删除',
type: 'text',
icon: 'ElDelete',
click: (row) => {
@ -142,7 +142,7 @@ const tableOptions = reactive({
},
{
permission: 'dict:items:view',
title: '字典项',
label: '字典项',
type: 'text',
icon: 'ElList',
click: (row) => {

30
magic-boot-ui/src/views/system/menu/menu-list.vue
View File

@ -25,7 +25,7 @@
</el-row>
<mb-table ref="table" v-bind="tableOptions" v-if="menuData && menuData.length > 0 && refreshTable" />
<mb-dialog ref="menuFormDialog" width="970px" :title="dialogTitle" @confirm-click="menuFormRef.save($event)">
<template #content>
<menu-form ref="menuFormRef" :title="dialogTitle" :menu-tree="menuTree" :menu-data="menuData" @reload-table="reloadTable" />
@ -57,26 +57,26 @@ const tableOptions = reactive({
cols: [
{
field: 'name',
title: '菜单名称',
label: '菜单名称',
align: 'left',
type: 'html'
},
{
field: 'url',
title: '路径',
label: '路径',
align: 'left',
type: 'html'
},
{
field: 'permission',
title: '权限标识',
label: '权限标识',
width: 150,
align: 'left',
type: 'html'
},
{
field: 'icon',
title: '图标',
label: '图标',
width: 55,
align: 'center',
templet: (row) => {
@ -85,16 +85,16 @@ const tableOptions = reactive({
},
{
field: 'sort',
title: '序号',
label: '序号',
width: 60
},
{
title: '排序',
label: '排序',
type: 'btns',
width: 150,
btns: [
{
title: '上移',
label: '上移',
type: 'text',
icon: 'ElSortUp',
click: (row) => {
@ -108,7 +108,7 @@ const tableOptions = reactive({
}
},
{
title: '下移',
label: '下移',
type: 'text',
icon: 'ElSortDown',
click: (row) => {
@ -125,7 +125,7 @@ const tableOptions = reactive({
},
{
field: 'isShow',
title: '是否显示',
label: '是否显示',
type: 'switch',
width: 100,
change: (row) => {
@ -137,7 +137,7 @@ const tableOptions = reactive({
},
{
field: 'keepAlive',
title: '是否缓存',
label: '是否缓存',
type: 'switch',
width: 100,
change: (row) => {
@ -148,14 +148,14 @@ const tableOptions = reactive({
}
},
{
title: '操作',
label: '操作',
type: 'btns',
width: 260,
fixed: 'right',
align: 'left',
btns: [
{
title: '添加下级菜单',
label: '添加下级菜单',
type: 'text',
permission: 'menu:save',
icon: 'ElPlus',
@ -164,7 +164,7 @@ const tableOptions = reactive({
}
},
{
title: '修改',
label: '修改',
type: 'text',
permission: 'menu:save',
icon: 'ElEdit',
@ -173,7 +173,7 @@ const tableOptions = reactive({
}
},
{
title: '删除',
label: '删除',
type: 'text',
permission: 'menu:delete',
icon: 'ElDelete',

10
magic-boot-ui/src/views/system/monitor/login-log.vue
View File

@ -20,23 +20,23 @@
cols: [
{
field: 'username',
title: '登录名'
label: '登录名'
},
{
field: 'failPassword',
title: '失败密码'
label: '失败密码'
},
{
field: 'type',
title: '登录状态'
label: '登录状态'
},
{
field: 'ip',
title: 'ip'
label: 'ip'
},
{
field: 'createDate',
title: '操作时间'
label: '操作时间'
}
]
})

16
magic-boot-ui/src/views/system/monitor/oper-log.vue
View File

@ -20,35 +20,35 @@
cols: [
{
field: 'apiName',
title: '接口名'
label: '接口名'
},
{
field: 'apiPath',
title: '路径'
label: '路径'
},
{
field: 'apiMethod',
title: '方法'
label: '方法'
},
{
field: 'userIp',
title: 'ip'
label: 'ip'
},
{
field: 'costTime',
title: '耗时'
label: '耗时'
},
{
field: 'userAgent',
title: '用户代理'
label: '用户代理'
},
{
field: 'username',
title: '操作人'
label: '操作人'
},
{
field: 'createDate',
title: '操作时间'
label: '操作时间'
}
]
})

24
magic-boot-ui/src/views/system/office/office-list.vue
View File

@ -94,13 +94,13 @@ const tableOptions = reactive({
cols: [
{
field: 'name',
title: '机构名称',
label: '机构名称',
align: 'left',
type: 'html'
},
{
field: 'code',
title: '机构编码',
label: '机构编码',
width: 300,
align: 'left',
type: 'html'
@ -108,22 +108,22 @@ const tableOptions = reactive({
{
field: 'type',
dictType: 'office_type',
title: '机构类型',
label: '机构类型',
width: 300,
align: 'left'
},
{
field: 'sort',
title: '序号',
label: '序号',
width: 60
},
{
title: '排序',
label: '排序',
type: 'btns',
width: 150,
btns: [
{
title: '上移',
label: '上移',
type: 'text',
icon: 'ElSortUp',
click: (row) => {
@ -137,7 +137,7 @@ const tableOptions = reactive({
}
},
{
title: '下移',
label: '下移',
type: 'text',
icon: 'ElSortDown',
click: (row) => {
@ -153,14 +153,14 @@ const tableOptions = reactive({
]
},
{
title: '操作',
label: '操作',
type: 'btns',
width: 310,
fixed: 'right',
align: 'left',
btns: [
{
title: '添加下级机构',
label: '添加下级机构',
type: 'text',
permission: 'office:save',
icon: 'ElPlus',
@ -169,7 +169,7 @@ const tableOptions = reactive({
}
},
{
title: '修改',
label: '修改',
type: 'text',
permission: 'office:save',
icon: 'ElEdit',
@ -178,7 +178,7 @@ const tableOptions = reactive({
}
},
{
title: '删除',
label: '删除',
type: 'text',
permission: 'office:delete',
icon: 'ElDelete',
@ -192,7 +192,7 @@ const tableOptions = reactive({
},
{
permission: 'office:user:list',
title: '用户列表',
label: '用户列表',
type: 'text',
icon: 'ElUserFilled',
click: (row) => {

18
magic-boot-ui/src/views/system/role/role-list.vue
View File

@ -99,32 +99,32 @@ const tableOptions = reactive({
cols: [
{
field: 'name',
title: '角色名称'
label: '角色名称'
},
{
field: 'code',
title: '角色编码'
label: '角色编码'
},
{
field: 'descRibe',
title: '角色描述'
label: '角色描述'
},
{
field: 'permission',
title: '数据权限',
label: '数据权限',
templet: (row) => {
return permissionData[row.permission].label
}
},
{
title: '操作',
label: '操作',
type: 'btns',
width: 270,
fixed: 'right',
btns: [
{
permission: 'role:save',
title: '修改',
label: '修改',
type: 'text',
icon: 'ElEdit',
click: (row) => {
@ -133,7 +133,7 @@ const tableOptions = reactive({
},
{
permission: 'role:delete',
title: '删除',
label: '删除',
type: 'text',
icon: 'ElDelete',
click: (row) => {
@ -146,7 +146,7 @@ const tableOptions = reactive({
},
{
permission: 'role:permission',
title: '权限',
label: '权限',
type: 'text',
icon: 'ElPlus',
click: (row) => {
@ -156,7 +156,7 @@ const tableOptions = reactive({
},
{
permission: 'role:user:list',
title: '用户列表',
label: '用户列表',
type: 'text',
icon: 'ElUserFilled',
click: (row) => {

2
magic-boot-ui/src/views/system/test/test-list.vue
View File

@ -45,7 +45,7 @@ const tableOptions = reactive({
cols: [
{
field: 'name',
title: 'name'
label: 'name'
},
]
})

20
magic-boot-ui/src/views/system/user/user-list.vue
View File

@ -82,30 +82,30 @@ const tableOptions = reactive({
cols: [
{
field: 'username',
title: '登录名称',
label: '登录名称',
sortable: 'custom'
},
{
field: 'name',
title: '姓名/昵称',
label: '姓名/昵称',
sortable: 'custom'
},
{
field: 'officeName',
title: '所属机构'
label: '所属机构'
},
{
field: 'roles',
title: '角色'
label: '角色'
},
{
field: 'phone',
title: '手机号',
label: '手机号',
sortable: 'custom'
},
{
field: 'isLogin',
title: '禁止登录',
label: '禁止登录',
type: 'switch',
width: 100,
change: (row) => {
@ -117,18 +117,18 @@ const tableOptions = reactive({
},
{
field: 'createDate',
title: '创建时间',
label: '创建时间',
width: 180
},
{
title: '操作',
label: '操作',
type: 'btns',
width: 140,
fixed: 'right',
btns: [
{
permission: 'user:save',
title: '修改',
label: '修改',
type: 'text',
icon: 'ElEdit',
click: (row) => {
@ -137,7 +137,7 @@ const tableOptions = reactive({
},
{
permission: 'user:delete',
title: '删除',
label: '删除',
type: 'text',
icon: 'ElDelete',
click: (row) => {

2
magic-boot/pom.xml
View File

@ -14,7 +14,7 @@
<description>magic-boot</description>
<properties>
<java.version>1.8</java.version>
<magic-api.version>2.0.0-beta.2</magic-api.version>
<magic-api.version>2.0.0-beta.3</magic-api.version>
<druid.version>1.1.10</druid.version>
<hutool-all.version>5.7.13</hutool-all.version>
<sa-token.version>1.26.0</sa-token.version>