OSDN Git Service

update the create welcome page styles
authorZhiting Lin <zlin035@uottawa.ca>
Mon, 20 Jul 2020 07:00:16 +0000 (15:00 +0800)
committerZhiting Lin <zlin035@uottawa.ca>
Mon, 20 Jul 2020 07:00:16 +0000 (15:00 +0800)
build/webpack.base.conf.js
src/assets/fonts/iconfont.eot
src/assets/fonts/iconfont.svg
src/assets/fonts/iconfont.ttf
src/assets/fonts/iconfont.woff
src/assets/fonts/iconfont.woff2
src/assets/language/cn.js
src/assets/language/en.js
src/assets/style.css
src/views/welcome/creation.vue
src/views/welcome/welcome.vue

index 4713d93..7f17868 100644 (file)
@@ -94,7 +94,7 @@ module.exports = {
   },
   plugins: [
     page({
-      title: 'popup title',
+      title: 'Byone',
       name: 'popup',
       chunks: ['popup']
     }),
index 5cfcf0c..32ceea6 100644 (file)
Binary files a/src/assets/fonts/iconfont.eot and b/src/assets/fonts/iconfont.eot differ
index 127da4e..44658f5 100644 (file)
@@ -20,61 +20,82 @@ Created by iconfont
   />
     <missing-glyph />
     
-    <glyph glyph-name="icon--check" unicode="&#58885;" d="M0 896m170.666667 0l682.666666 0q170.666667 0 170.666667-170.666667l0-682.666666q0-170.666667-170.666667-170.666667l-682.666666 0q-170.666667 0-170.666667 170.666667l0 682.666666q0 170.666667 170.666667 170.666667ZM216.007111 353.223111l65.649778 65.820445 131.697778-131.640889 329.329777 328.988444 65.820445-65.820444-329.329778-328.988445-65.820444-65.991111z"  horiz-adv-x="1024" />
+    <glyph glyph-name="Setting_fiiled" unicode="&#58917;" d="M549.333333 783.402667a74.666667 74.666667 0 0 1-74.666666 0L184.789333 616.106667a74.666667 74.666667 0 0 1-37.333333-64.682667v-334.72c0-26.666667 14.250667-51.328 37.333333-64.682667l289.877334-167.338666a74.666667 74.666667 0 0 1 74.666666 0l289.877334 167.338666a74.666667 74.666667 0 0 1 37.333333 64.682667V551.381333a74.666667 74.666667 0 0 1-37.333333 64.682667L549.333333 783.36zM512 277.333333a106.666667 106.666667 0 1 1 0 213.333334 106.666667 106.666667 0 0 1 0-213.333334z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--openeye" unicode="&#58886;" d="M861.226667 384a442.624 442.624 0 0 1-698.453334 0 442.624 442.624 0 0 1 698.453334 0zM125.952 439.466667a505.386667 505.386667 0 0 0 772.650667-0.682667l22.229333-28.544a42.666667 42.666667 0 0 0 0-52.48l-22.784-29.226667a505.386667 505.386667 0 0 0-772.650667 0.682667l-22.229333 28.544a42.666667 42.666667 0 0 0 0 52.48zM617.557333 399.36a106.666667 106.666667 0 1 0-90.197333 90.197333 64 64 0 0 1 90.197333-90.197333z"  horiz-adv-x="1024" />
+    <glyph glyph-name="wallet_line" unicode="&#58913;" d="M117.333333 618.666667c0 41.216 33.450667 74.666667 74.666667 74.666666H810.666667c41.216 0 74.666667-33.450667 74.666666-74.666666v-96h27.989334c19.882667 0 36.010667-16.128 36.010666-36.010667v-205.312a36.010667 36.010667 0 0 0-36.010666-36.010667h-27.989334v-96A74.666667 74.666667 0 0 0 810.666667 74.666667H192a74.666667 74.666667 0 0 0-74.666667 74.666666v469.333334z m704-373.333334H618.666667a138.666667 138.666667 0 0 0 0 277.333334h202.666666V618.666667a10.666667 10.666667 0 0 1-10.666666 10.666666H192a10.666667 10.666667 0 0 1-10.666667-10.666666v-469.333334c0-5.888 4.778667-10.666667 10.666667-10.666666H810.666667a10.666667 10.666667 0 0 1 10.666666 10.666666v96z m-202.666666 213.333334a74.666667 74.666667 0 1 1 0-149.333334h266.666666v149.333334H618.666667z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--github" unicode="&#58887;" d="M981.333333 372.266667a475.946667 475.946667 0 0 0-89.6-282.88 460.8 460.8 0 0 0-231.338666-173.781334 25.898667 25.898667 0 0 0-24.106667 4.266667 25.301333 25.301333 0 0 0-7.68 18.773333v132.48a113.109333 113.109333 0 0 1-31.744 88.917334 409.301333 409.301333 0 0 1 62.634667 11.306666 246.272 246.272 0 0 1 57.429333 24.405334 171.989333 171.989333 0 0 1 49.493333 41.685333 195.84 195.84 0 0 1 32.426667 65.749333 324.266667 324.266667 0 0 1 12.501333 94.293334 185.301333 185.301333 0 0 1-48.256 129.024 170.666667 170.666667 0 0 1-4.906666 127.786666 78.464 78.464 0 0 1-49.493334-6.869333 325.717333 325.717333 0 0 1-56.234666-27.562667l-23.210667-15.061333a430.464 430.464 0 0 1-234.666667 0q-9.813333 6.912-25.984 17.066667a362.666667 362.666667 0 0 1-51.2 24.106666 83.754667 83.754667 0 0 1-52.522666 8.533334 172.202667 172.202667 0 0 1-4.266667-127.786667 185.173333 185.173333 0 0 1-48.298667-129.024 320.981333 320.981333 0 0 1 12.501334-93.866667 204.330667 204.330667 0 0 1 32.085333-65.792 165.504 165.504 0 0 1 49.194667-41.984 245.461333 245.461333 0 0 1 57.472-24.405333 407.466667 407.466667 0 0 1 62.634666-11.306667 102.4 102.4 0 0 1-29.866666-64.512 118.229333 118.229333 0 0 0-27.52-9.386666 168.277333 168.277333 0 0 0-34.816-3.114667 70.869333 70.869333 0 0 0-40.021334 13.44 109.866667 109.866667 0 0 0-34.133333 39.168 100.096 100.096 0 0 1-29.653333 32.554667 88.661333 88.661333 0 0 1-30.250667 15.061333l-12.202667 1.877333a38.954667 38.954667 0 0 1-17.749333-2.816 5.376 5.376 0 0 1-3.029333-7.253333 34.602667 34.602667 0 0 1 5.504-8.533333 46.933333 46.933333 0 0 1 7.936-7.509334l4.266666-3.114666a74.325333 74.325333 0 0 0 26.581334-23.808 155.178667 155.178667 0 0 0 19.242666-31.957334l6.144-14.421333a79.317333 79.317333 0 0 1 26.88-38.4 94.122667 94.122667 0 0 1 40.96-18.773333 253.013333 253.013333 0 0 1 42.666667-4.266667 171.989333 171.989333 0 0 1 33.92 2.218667l14.08 2.474666q0-23.808 0.256-55.722666l0.341333-33.834667a24.789333 24.789333 0 0 0-7.978666-18.773333 26.666667 26.666667 0 0 0-24.405334-4.266667 460.245333 460.245333 0 0 0-231.338666 173.824A486.4 486.4 0 0 0 276.48 788.778667a462.122667 462.122667 0 0 0 471.082667 0 473.258667 473.258667 0 0 0 170.666666-174.933334 479.829333 479.829333 0 0 0 62.933334-241.493333z"  horiz-adv-x="1024" />
+    <glyph glyph-name="home_line" unicode="&#58914;" d="M517.290667 706.858667a10.666667 10.666667 0 0 1-10.581334 0l-298.666666-170.666667a10.666667 10.666667 0 0 1-5.376-9.258667V106.666667c0-5.888 4.778667-10.666667 10.666666-10.666667h597.333334a10.666667 10.666667 0 0 1 10.666666 10.666667V526.933333a10.666667 10.666667 0 0 1-5.376 9.258667l-298.666666 170.666667z m-42.325334 55.552a74.666667 74.666667 0 0 0 74.069334 0l298.666666-170.666667c23.296-13.312 37.632-38.016 37.632-64.853333v-420.181334a74.666667 74.666667 0 0 0-74.666666-74.666666H213.333333a74.666667 74.666667 0 0 0-74.666666 74.666666V526.933333c0 26.794667 14.378667 51.498667 37.632 64.810667l298.666666 170.666667zM309.333333 234.709333a32 32 0 0 0 32 32h341.333334a32 32 0 0 0 0-64H341.333333a32 32 0 0 0-32 32z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--closeeye" unicode="&#58888;" d="M958.72 243.242667a37.077333 37.077333 0 0 0-8.96-23.04c-1.28-1.152-2.56-2.432-3.84-2.432a24.917333 24.917333 0 0 0-19.2-6.528 31.829333 31.829333 0 0 0-23.168 8.96l-56.192 56.448a479.445333 479.445333 0 0 0-172.928-101.12l20.48-75.52a38.4 38.4 0 0 0-3.712-24.448 28.757333 28.757333 0 0 0-20.48-15.36 21.333333 21.333333 0 0 0-8.96-1.152 25.6 25.6 0 0 0-14.208 3.84 24.533333 24.533333 0 0 0-13.952 19.072l-20.48 76.8a511.104 511.104 0 0 0-101.12-10.24 511.104 511.104 0 0 0-101.12 10.24l-20.48-76.8a29.568 29.568 0 0 0-14.08-19.072 33.152 33.152 0 0 0-24.32-2.688 27.861333 27.861333 0 0 0-19.2 14.208 27.776 27.776 0 0 0-3.84 24.192l20.48 76.8a478.890667 478.890667 0 0 0-172.8 101.248l-56.32-56.448a36.778667 36.778667 0 0 0-23.04-8.96 31.530667 31.530667 0 0 0-19.2 6.528c-1.28 1.28-2.56 1.28-3.84 2.432a31.018667 31.018667 0 0 0-8.96 23.04 30.250667 30.250667 0 0 0 8.96 21.888l34.56 34.432 21.76 21.76a2484.608 2484.608 0 0 0-28.8 36.992 39.168 39.168 0 0 0 0 50.048c7.424 9.984 15.786667 19.157333 22.186667 26.581333a392.789333 392.789333 0 0 1 37.333333-52.181333 212.778667 212.778667 0 0 1 14.08-16.64 304.213333 304.213333 0 0 1 46.08-44.8 420.821333 420.821333 0 0 1 144.64-83.2 348.842667 348.842667 0 0 1 61.44-17.92 450.944 450.944 0 0 1 84.48-7.552 450.944 450.944 0 0 1 84.48 7.552 344.362667 344.362667 0 0 1 61.312 17.92 419.626667 419.626667 0 0 1 144.64 83.2 305.024 305.024 0 0 1 46.208 44.8c5.12 5.12 13.738667 15.957333 18.858667 22.229333a304.426667 304.426667 0 0 1 33.237333 46.933333c6.4-7.424 14.208-16.853333 21.333333-26.837333a39.04 39.04 0 0 0 0-50.048c-12.8-16.768-27.392-35.456-28.8-36.992l21.76-21.76 34.56-34.432a36.650667 36.650667 0 0 0 9.130667-21.973333"  horiz-adv-x="1024" />
+    <glyph glyph-name="bapp_line" unicode="&#58915;" d="M160 661.333333c0 41.216 33.450667 74.666667 74.666667 74.666667h170.666666c41.216 0 74.666667-33.450667 74.666667-74.666667v-170.666666a74.666667 74.666667 0 0 0-74.666667-74.666667h-170.666666A74.666667 74.666667 0 0 0 160 490.666667v170.666666z m74.666667 10.666667a10.666667 10.666667 0 0 1-10.666667-10.666667v-170.666666c0-5.888 4.778667-10.666667 10.666667-10.666667h170.666666a10.666667 10.666667 0 0 1 10.666667 10.666667v170.666666a10.666667 10.666667 0 0 1-10.666667 10.666667h-170.666666z m309.333333-96a160 160 0 1 0 320 0 160 160 0 0 0-320 0z m160 96a96 96 0 1 1 0-192 96 96 0 0 1 0 192zM160 277.333333c0 41.216 33.450667 74.666667 74.666667 74.666667h170.666666c41.216 0 74.666667-33.450667 74.666667-74.666667v-170.666666a74.666667 74.666667 0 0 0-74.666667-74.666667h-170.666666a74.666667 74.666667 0 0 0-74.666667 74.666667v170.666666z m74.666667 10.666667a10.666667 10.666667 0 0 1-10.666667-10.666667v-170.666666c0-5.888 4.778667-10.666667 10.666667-10.666667h170.666666a10.666667 10.666667 0 0 1 10.666667 10.666667v170.666666a10.666667 10.666667 0 0 1-10.666667 10.666667h-170.666666z m309.333333-10.666667c0 41.216 33.450667 74.666667 74.666667 74.666667h170.666666c41.216 0 74.666667-33.450667 74.666667-74.666667v-170.666666a74.666667 74.666667 0 0 0-74.666667-74.666667h-170.666666a74.666667 74.666667 0 0 0-74.666667 74.666667v170.666666z m74.666667 10.666667a10.666667 10.666667 0 0 1-10.666667-10.666667v-170.666666c0-5.888 4.778667-10.666667 10.666667-10.666667h170.666666a10.666667 10.666667 0 0 1 10.666667 10.666667v170.666666a10.666667 10.666667 0 0 1-10.666667 10.666667h-170.666666z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--uncheck" unicode="&#58889;" d="M28.444444 867.555556m142.222223 0l682.666666 0q142.222222 0 142.222223-142.222223l0-682.666666q0-142.222222-142.222223-142.222223l-682.666666 0q-142.222222 0-142.222223 142.222223l0 682.666666q0 142.222222 142.222223 142.222223ZM853.333333 839.111111a113.777778 113.777778 0 0 0 113.777778-113.777778v-682.666666a113.777778 113.777778 0 0 0-113.777778-113.777778H170.666667a113.777778 113.777778 0 0 0-113.777778 113.777778v682.666666a113.777778 113.777778 0 0 0 113.777778 113.777778h682.666666m0 56.888889H170.666667a171.178667 171.178667 0 0 1-170.666667-170.666667v-682.666666a171.178667 171.178667 0 0 1 170.666667-170.666667h682.666666a171.178667 171.178667 0 0 1 170.666667 170.666667v682.666666a171.178667 171.178667 0 0 1-170.666667 170.666667z"  horiz-adv-x="1024" />
+    <glyph glyph-name="setting_line" unicode="&#58916;" d="M474.666667 783.402667a74.666667 74.666667 0 0 0 74.666666 0L839.253333 616.106667c23.125333-13.354667 37.333333-37.973333 37.333334-64.682667v-334.72a74.666667 74.666667 0 0 0-37.333334-64.682667l-289.877333-167.338666a74.666667 74.666667 0 0 0-74.666667 0l-289.877333 167.338666a74.666667 74.666667 0 0 0-37.333333 64.682667V551.381333c0 26.666667 14.250667 51.328 37.333333 64.682667l289.877333 167.338667z m42.666666-55.424a10.666667 10.666667 0 0 1-10.666666 0L216.789333 560.64a10.666667 10.666667 0 0 1-5.333333-9.258667v-334.72c0-3.84 2.048-7.338667 5.333333-9.258666l289.877334-167.338667a10.666667 10.666667 0 0 1 10.666666 0l289.877334 167.338667a10.666667 10.666667 0 0 1 5.333333 9.258666V551.381333a10.666667 10.666667 0 0 1-5.333333 9.258667l-289.877334 167.338667zM512 441.258667a57.173333 57.173333 0 1 1 0-114.432 57.173333 57.173333 0 0 1 0 114.389333zM390.826667 384a121.173333 121.173333 0 1 0 242.389333 0 121.173333 121.173333 0 0 0-242.432 0z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--send" unicode="&#58890;" d="M0.028443-127.943114V384.028443h204.788623v-102.394312H102.422754v-307.182934h819.154492v307.182934h-102.394312V384.028443H1023.971557v-511.971557z m459.067829 423.514249V706.741181L328.827954 582.445864 259.029165 657.07994 512.3982 896l250.809177-238.92006L694.034331 582.445864 561.433698 706.741181v-411.226932z"  horiz-adv-x="1024" />
+    <glyph glyph-name="home_filled" unicode="&#58910;" d="M474.965333 762.410667a74.666667 74.666667 0 0 0 74.069334 0l298.666666-170.666667c23.296-13.312 37.632-38.016 37.632-64.853333v-420.181334a74.666667 74.666667 0 0 0-74.666666-74.666666H213.333333a74.666667 74.666667 0 0 0-74.666666 74.666666V526.933333c0 26.794667 14.378667 51.498667 37.632 64.810667l298.666666 170.666667zM341.333333 266.709333a32 32 0 0 1 0-64h341.333334a32 32 0 0 1 0 64H341.333333z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--option" unicode="&#58891;" d="M85.333333 746.666667h853.333334V640H85.333333zM85.333333 128h853.333334v-106.666667H85.333333zM85.333333 437.333333h853.333334v-106.666666H85.333333z"  horiz-adv-x="1024" />
+    <glyph glyph-name="0-Default" unicode="&#58908;" d="M462.500571 506.642286a18.285714 18.285714 0 0 0 25.856 0l103.259429-103.241143a27.428571 27.428571 0 0 0 0-38.802286l-103.259429-103.241143a18.285714 18.285714 0 0 0-25.856 25.856L559.286857 384l-96.786286 96.786286a18.285714 18.285714 0 0 0 0 25.856z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--refresh" unicode="&#58893;" d="M511.957333-85.333333a465.962667 465.962667 0 0 0-331.861333 137.472 462.506667 462.506667 0 0 0-135.338667 287.701333l152.874667-114.176A354.133333 354.133333 0 0 1 325.12 85.76a350.506667 350.506667 0 0 1 186.837333-53.802667 349.525333 349.525333 0 0 1 200.533334 62.890667 352.170667 352.170667 0 0 1 127.317333 161.109333h123.733333a468.522667 468.522667 0 0 0-119.978666-203.861333A465.962667 465.962667 0 0 0 511.957333-85.333333zM42.666667 341.333333l258.645333-129.322666L213.333333 128zM512 853.290667a465.92 465.92 0 0 0 331.861333-137.472 462.677333 462.677333 0 0 0 135.381334-288.170667l-134.997334 72.533333A352.725333 352.725333 0 0 1 512 735.872a348.074667 348.074667 0 0 1-218.24-75.989333A354.133333 354.133333 0 0 1 170.666667 469.290667H50.602667a465.066667 465.066667 0 0 0 129.834666 246.570666A465.877333 465.877333 0 0 0 512 853.290667zM981.333333 426.624l-259.072 132.053333L810.666667 639.957333z"  horiz-adv-x="1024" />
+    <glyph glyph-name="error" unicode="&#58902;" d="M170.666667 384a341.333333 341.333333 0 1 1 682.666666 0 341.333333 341.333333 0 0 1-682.666666 0zM486.4 281.6a25.6 25.6 0 1 1 51.214222 0 25.6 25.6 0 0 1-51.2 0zM529.208889 332.8L537.6 512h-51.2l8.405333-179.2h34.389334z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--setting" unicode="&#58894;" d="M769.3312-59.1872H256.1536L0 383.9488l254.2592 443.2384h513.1776l256.512-443.2384-254.5664-443.136zM299.5712 749.2096l-209.5616-365.2608 211.0976-365.2608h422.9632l209.8688 365.2608-211.4048 365.2608h-422.912zM512 230.4c-84.6848 0-153.6 68.9152-153.6 153.6s68.9152 153.6 153.6 153.6c84.6336 0 153.5488-68.9152 153.5488-153.6s-68.9152-153.6-153.6-153.6z m0 245.1968A91.648 91.648 0 0 1 420.352 384a91.648 91.648 0 0 1 183.296 0c0 50.4832-41.1136 91.5968-91.648 91.5968z"  horiz-adv-x="1024" />
+    <glyph glyph-name="success" unicode="&#58906;" d="M170.666667 384a341.333333 341.333333 0 1 1 682.666666 0 341.333333 341.333333 0 0 1-682.666666 0zM462.222222 274.631111l-30.165333 30.151111-80.455111 80.455111 30.179555 30.179556 80.440889-80.469333 170.951111 170.979555 30.193778-30.179555L462.222222 274.631111H462.222222z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--support" unicode="&#58895;" d="M204.8-76.8a102.4 102.4 0 0 0-102.4 102.4V742.4a102.4 102.4 0 0 0 102.4 102.4h614.4a102.4 102.4 0 0 0 102.4-102.4v-716.8a102.4 102.4 0 0 0-102.4-102.4z m614.4 76.8a25.6 25.6 0 0 1 25.6 25.6V742.4a25.6 25.6 0 0 1-25.6 25.6h-51.2V384l-153.6 51.2-153.6-51.2V768H317.44v-768zM179.2 742.4v-716.8a25.6 25.6 0 0 1 25.6-25.6h51.2v768H204.8a25.6 25.6 0 0 1-25.6-25.6zM614.4 499.2512l92.8256-30.72V768.1024h-185.856v-299.5712l92.928 30.72z"  horiz-adv-x="1024" />
+    <glyph glyph-name="arrow_2" unicode="&#58900;" d="M409.6 588.8l227.541333-170.666667a42.666667 42.666667 0 0 0 0-68.266666l-227.541333-170.666667A42.666667 42.666667 0 0 0 341.333333 213.333333V554.666667a42.666667 42.666667 0 0 0 68.266667 34.133333z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--create" unicode="&#58896;" d="M512.0512-128a512.6144 512.6144 0 0 0-512 512 512.6144 512.6144 0 0 0 512 512 512.5632 512.5632 0 0 0 512-512 512.5632 512.5632 0 0 0-512-512z m0 947.2a435.7632 435.7632 0 0 1-435.2-435.2 435.712 435.712 0 0 1 435.2-435.2 435.6608 435.6608 0 0 1 435.2 435.2 435.6608 435.6608 0 0 1-435.2 435.2zM473.6 128v217.6H256.0512v76.8h217.6V640h76.8v-217.6h217.6v-76.8h-217.6V128z"  horiz-adv-x="1024" />
+    <glyph glyph-name="arrow_1" unicode="&#58899;" d="M750.933333 588.8l227.541334-170.666667a42.666667 42.666667 0 0 0 0-68.266666l-227.541334-170.666667A42.666667 42.666667 0 0 0 682.666667 213.333333V554.666667a42.666667 42.666667 0 0 0 68.266666 34.133333z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--wallet" unicode="&#58897;" d="M179.968 540.672L445.44 584.8576l322.56-558.6944-265.472-44.288L179.968 540.672M121.4464 604.0064a56.7808 56.7808 0 0 1-20.6336-77.5168l342.784-593.7664a56.7808 56.7808 0 0 1 58.368-27.5968l305.5104 50.8928a56.32 56.32 0 0 1 39.9872 84.3776L504.6784 634.1632a56.7808 56.7808 0 0 1-58.4704 27.2384l-305.408-50.5344a56.32 56.32 0 0 1-19.3536-6.8608zM613.3248 596.8896l65.4848 37.8368-110.08 190.6176A56.7296 56.7296 0 0 1 491.1616 846.336L109.0048 625.664a56.6784 56.6784 0 0 1-20.736-77.4656l12.5952-21.8112a56.7808 56.7808 0 0 0 20.5824 77.6192 56.32 56.32 0 0 0 19.3536 6.8608l131.7376 21.9136 240.0256 138.5984zM714.24 421.9904l126.1056-218.3168-65.536-37.7856 37.7856-65.4848 81.92 47.3088a56.7296 56.7296 0 0 1 20.8384 77.4144L779.776 459.776z"  horiz-adv-x="1024" />
+    <glyph glyph-name="cross" unicode="&#58887;" d="M700.288 716.8a8.533333 8.533333 0 0 0 6.016-14.592L272.341333 273.322667a85.333333 85.333333 0 0 0-59.989333-24.661334h-67.84a8.533333 8.533333 0 0 0-5.973333 14.634667l350.549333 346.453333-94.762667 92.416a8.533333 8.533333 0 0 0 5.973334 14.634667h299.989333zM315.178667 53.632a8.533333 8.533333 0 0 0-5.973334 14.592l433.92 428.885333a85.333333 85.333333 0 0 0 60.032 24.618667h76.373334a8.533333 8.533333 0 0 0 5.973333-14.592l-350.549333-346.453333 94.72-92.416a8.533333 8.533333 0 0 0-5.930667-14.634667H315.178667z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--backup" unicode="&#58898;" d="M512.3584 883.2l489.9328-282.88-486.7584-282.88L25.6 600.32z m2.7136-488.3968l353.7408 205.5168-355.9424 205.6192-353.8432-205.6192L515.072 394.752M823.552 409.9584l45.1072-26.0608-353.28-205.3632-356.1984 205.568 45.3632 26.368-66.9184 38.6048L25.7536 384.1024l489.9328-282.8288 486.4 282.6752-112.0256 64.6144zM823.808 193.6384l45.0048-26.0096-353.7408-205.568-356.0448 205.6192 45.4656 26.4192-66.9184 38.6048L25.6 167.68l489.9328-282.8288 486.7072 282.88-111.9744 64.6144z"  horiz-adv-x="1024" />
+    <glyph glyph-name="backup_filled" unicode="&#58888;" d="M288 565.333333C288 606.549333 321.450667 640 362.666667 640h426.666666c41.216 0 74.666667-33.450667 74.666667-74.666667v-512a74.666667 74.666667 0 0 0-74.666667-74.666666h-426.666666a74.666667 74.666667 0 0 0-74.666667 74.666666v512zM224 778.666667A74.666667 74.666667 0 0 1 149.333333 704v-512c0-41.216 33.450667-74.666667 74.666667-74.666667V631.466667c0 40.021333 32.426667 72.533333 72.533333 72.533333H725.333333a74.666667 74.666667 0 0 1-74.666666 74.666667h-426.666667z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--back" unicode="&#58899;" d="M56.874667 379.690667l422.4 422.4L554.666667 726.698667 207.701333 379.733333 554.666667 32.768l-75.392-75.392z"  horiz-adv-x="1024" />
+    <glyph glyph-name="recvice" unicode="&#58891;" d="M485.973333 280.576a42.24 42.24 0 0 1 53.546667 0l210.688 167.808a42.666667 42.666667 0 0 1 16.128 33.365333V548.906667a8.533333 8.533333 0 0 1-13.781333 6.741333l-197.546667-153.173333V718.336a17.066667 17.066667 0 0 1-17.066667 17.066667h-50.389333a17.066667 17.066667 0 0 1-17.066667-17.066667v-315.946667l-197.546666 153.173334a8.533333 8.533333 0 0 1-13.738667-6.698667V481.706667a42.666667 42.666667 0 0 1 16.085333-33.365334l210.688-167.808zM107.093333 208.128a17.066667 17.066667 0 0 0 11.733334 21.12l48.469333 13.824a17.066667 17.066667 0 0 0 21.077333-11.733333l28.8-100.821334h589.653334l28.842666 100.821334a17.066667 17.066667 0 0 0 21.077334 11.733333l48.469333-13.824a17.066667 17.066667 0 0 0 11.690667-21.12l-37.461334-131.2a42.666667 42.666667 0 0 0-41.045333-30.933333H185.6a42.666667 42.666667 0 0 0-41.002667 30.933333l-37.504 131.2z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--close" unicode="&#58900;" d="M515.925333 310.912l-318.08-318.08-69.077333 69.162667 317.952 318.037333-318.037333 318.037333 69.162666 69.162667 318.08-318.08 318.08 318.08 69.162667-69.162667-318.037333-318.037333 318.037333-318.037333-69.162667-69.162667z"  horiz-adv-x="1024" />
+    <glyph glyph-name="wallet_filled" unicode="&#58892;" d="M192 693.333333A74.666667 74.666667 0 0 1 117.333333 618.666667v-469.333334c0-41.216 33.450667-74.666667 74.666667-74.666666H810.666667a74.666667 74.666667 0 0 1 74.666666 74.666666v96H618.666667a138.666667 138.666667 0 0 0 0 277.333334h266.666666V618.666667A74.666667 74.666667 0 0 1 810.666667 693.333333H192zM928 437.333333a21.333333 21.333333 0 0 1-21.333333 21.333334H618.666667a74.666667 74.666667 0 1 1 0-149.333334h288a21.333333 21.333333 0 0 1 21.333333 21.333334v106.666666z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--dropdown" unicode="&#58901;" d="M457.1648 257.8432L204.8 510.208l54.8352 54.8352L512 312.6784l252.3648 252.3648L819.2 510.208l-307.2-307.2z"  horiz-adv-x="1024" />
+    <glyph glyph-name="bapp_filled" unicode="&#58893;" d="M160 661.333333c0 41.216 33.450667 74.666667 74.666667 74.666667h170.666666c41.216 0 74.666667-33.450667 74.666667-74.666667v-170.666666a74.666667 74.666667 0 0 0-74.666667-74.666667h-170.666666A74.666667 74.666667 0 0 0 160 490.666667v170.666666zM544 576a160 160 0 1 0 320 0 160 160 0 0 0-320 0zM160 277.333333c0 41.216 33.450667 74.666667 74.666667 74.666667h170.666666c41.216 0 74.666667-33.450667 74.666667-74.666667v-170.666666a74.666667 74.666667 0 0 0-74.666667-74.666667h-170.666666a74.666667 74.666667 0 0 0-74.666667 74.666667v170.666666zM544 277.333333c0 41.216 33.450667 74.666667 74.666667 74.666667h170.666666c41.216 0 74.666667-33.450667 74.666667-74.666667v-170.666666a74.666667 74.666667 0 0 0-74.666667-74.666667h-170.666666a74.666667 74.666667 0 0 0-74.666667 74.666667v170.666666z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--receive" unicode="&#58902;" d="M0-128v341.276454h340.423263v-341.276454z m84.636561 84.920958h171.150141v171.662056H84.636561z m383.879131-84.807199V341.312004H0v85.319113h553.948564v-469.255124h468.572571v-85.319114z m469.937677 213.240904v255.957341h-170.638227v-255.957341h-85.319114v341.276454h341.73149v-341.276454z m-254.990391 469.255124v341.276454h340.423263v-341.276454z m84.75032 84.807199h171.036383V811.135922h-171.036383zM468.515692 554.609787v341.276454h85.319113v-341.276454zM0 554.609787v341.276454h340.423263v-341.276454z m84.636561 84.807199h171.150141V811.135922H84.636561z"  horiz-adv-x="1024" />
+    <glyph glyph-name="send" unicode="&#58894;" d="M539.477333 725.76a42.24 42.24 0 0 1-53.504 0L275.2 557.994667a42.666667 42.666667 0 0 1-16.085333-33.408v-67.114667a8.533333 8.533333 0 0 1 13.781333-6.741333l197.546667 153.173333v-315.946667c0-9.429333 7.594667-17.066667 17.066666-17.066666h50.346667a17.066667 17.066667 0 0 1 17.066667 17.066666V603.904l197.546666-153.173333a8.533333 8.533333 0 0 1 13.781334 6.741333V524.586667a42.666667 42.666667 0 0 1-16.128 33.408L539.52 725.76zM107.093333 208.128a17.066667 17.066667 0 0 0 11.690667 21.077333l48.469333 13.866667a17.066667 17.066667 0 0 0 21.077334-11.733333l28.842666-100.864h589.653334l28.8 100.864a17.066667 17.066667 0 0 0 21.077333 11.733333l48.469333-13.866667a17.066667 17.066667 0 0 0 11.733334-21.077333l-37.504-131.2a42.666667 42.666667 0 0 0-41.002667-30.976H185.6a42.666667 42.666667 0 0 0-41.045333 30.976l-37.461334 131.2z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--succeed" unicode="&#58903;" d="M512 384m-512 0a512 512 0 1 1 1024 0 512 512 0 1 1-1024 0ZM437.333333 219.925333l-45.248 45.248-120.682666 120.682667 45.269333 45.269333 120.661333-120.704 256.448 256.469334 45.269334-45.269334-301.696-301.696z"  horiz-adv-x="1024" />
+    <glyph glyph-name="connect" unicode="&#58896;" d="M597.333333 384a85.333333 85.333333 0 1 0-170.666666 0 85.333333 85.333333 0 0 0 170.666666 0zM896 384a64 64 0 1 0-128 0 64 64 0 0 0 128 0zM256 384a64 64 0 1 0-128 0 64 64 0 0 0 128 0z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="icon--error" unicode="&#58904;" d="M512 384m-512 0a512 512 0 1 1 1024 0 512 512 0 1 1-1024 0ZM473.6 230.4a38.4 38.4 0 1 1 38.4 38.4 38.4 38.4 0 0 1-38.4-38.4zM537.792 307.2L550.4 576h-76.8l12.608-268.8z"  horiz-adv-x="1024" />
+    <glyph glyph-name="arrow-left" unicode="&#58901;" d="M262.058667 390.016l-22.613334 22.613333 22.613334-22.613333zM534.613333 617.386667a32 32 0 1 1-45.226666 45.226666l45.226666-45.226666z m-272.554666-239.402667l-22.613334-22.613333 22.613334 22.613333z m227.328-272.64a32 32 0 0 1 45.226666 45.269333l-45.226666-45.226666zM277.333333 416a32 32 0 0 1 0-64v64z m490.666667-64a32 32 0 0 1 0 64v-64z m-483.328 15.402667L534.613333 617.386667 489.386667 662.613333 239.36 412.672l45.226667-45.226667z m-45.226667-12.074667l249.941334-249.941333 45.226666 45.226666-249.941333 249.984-45.226667-45.226666z m0 57.344a40.533333 40.533333 0 0 1 0-57.344l45.226667 45.226667a23.466667 23.466667 0 0 0 0-33.152l-45.226667 45.226666zM277.333333 352H768v64H277.333333v-64z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="backup_line" unicode="&#58903;" d="M224 714.666667H682.666667v64H224v-64zM213.333333 170.666667V704H149.333333V170.666667H213.333333zM693.333333 704v-123.264h64V704h-64z m-384-544h-85.333333v-64h85.333333v64zM149.333333 170.666667c0-41.216 33.450667-74.666667 74.666667-74.666667v64A10.666667 10.666667 0 0 0 213.333333 170.666667H149.333333zM682.666667 714.666667a10.666667 10.666667 0 0 0 10.666666-10.666667h64A74.666667 74.666667 0 0 1 682.666667 778.666667v-64zM224 778.666667A74.666667 74.666667 0 0 1 149.333333 704H213.333333a10.666667 10.666667 0 0 0 10.666667 10.666667v64zM362.666667 576h426.666666V640h-426.666666v-64z m437.333333-10.666667v-512h64v512h-64zM789.333333 42.666667h-426.666666v-64h426.666666V42.666667z m-437.333333 10.666666v512h-64v-512h64z m10.666667-10.666666a10.666667 10.666667 0 0 0-10.666667 10.666666h-64c0-41.216 33.450667-74.666667 74.666667-74.666666V42.666667z m437.333333 10.666666a10.666667 10.666667 0 0 0-10.666667-10.666666v-64a74.666667 74.666667 0 0 1 74.666667 74.666666h-64zM789.333333 576a10.666667 10.666667 0 0 0 10.666667-10.666667h64A74.666667 74.666667 0 0 1 789.333333 640v-64zM362.666667 640a74.666667 74.666667 0 0 1-74.666667-74.666667h64a10.666667 10.666667 0 0 0 10.666667 10.666667V640z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="Copy" unicode="&#58904;" d="M213.333333 617.813333C213.333333 653.653333 242.346667 682.666667 278.186667 682.666667h359.68c35.84 0 64.896-29.013333 64.896-64.853334V574.72h43.050666c35.84 0 64.853333-29.013333 64.853334-64.853333v-359.68c0-35.84-29.013333-64.896-64.853334-64.896H386.133333c-35.84 0-64.896 29.013333-64.896 64.853333V193.28H278.186667c-35.84 0-64.853333 29.013333-64.853334 64.853333V617.813333z m107.904-366.762666V509.866667c0 35.84 29.013333 64.853333 64.853334 64.853333h258.858666V617.813333a7.082667 7.082667 0 0 1-7.04 7.04H278.186667a7.082667 7.082667 0 0 1-7.082667-7.04v-359.68c0-3.925333 3.157333-7.082667 7.04-7.082666H321.28z m64.853334 265.898666a7.082667 7.082667 0 0 1-7.04-7.04v-359.68c0-3.925333 3.157333-7.082667 7.04-7.082666h359.68a7.082667 7.082667 0 0 1 7.082666 7.04V509.866667a7.082667 7.082667 0 0 1-7.04 7.082666H386.133333z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="upload" unicode="&#58905;" d="M520.789333 678.997333l144.213334-145.450666a12.586667 12.586667 0 0 0-8.832-21.418667h-106.837334v-212.693333a37.504 37.504 0 0 0-37.333333-37.632 37.504 37.504 0 0 0-37.333333 37.632V512.128H367.829333a12.586667 12.586667 0 0 0-8.789333 21.418667l144.170667 145.450666a12.373333 12.373333 0 0 0 17.578666 0zM250.666667 160.64a37.504 37.504 0 0 1-37.333334-37.632c0-20.821333 16.725333-37.674667 37.333334-37.674667h522.666666a37.504 37.504 0 0 1 37.333334 37.674667 37.504 37.504 0 0 1-37.333334 37.632H250.666667z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="wallet_Menu" unicode="&#58907;" d="M192 597.333333m28.245333 0l583.509334 0q28.245333 0 28.245333-28.245333l0 0q0-28.245333-28.245333-28.245333l-583.509334 0q-28.245333 0-28.245333 28.245333l0 0q0 28.245333 28.245333 28.245333ZM192 405.290667m28.245333 0l583.509334 0q28.245333 0 28.245333-28.245334l0 0q0-28.245333-28.245333-28.245333l-583.509334 0q-28.245333 0-28.245333 28.245333l0 0q0 28.245333 28.245333 28.245334ZM192 213.248m28.245333 0l327.509334 0q28.245333 0 28.245333-28.245333l0 0q0-28.245333-28.245333-28.245334l-327.509334 0q-28.245333 0-28.245333 28.245334l0 0q0 28.245333 28.245333 28.245333Z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="Scan" unicode="&#58909;" d="M162.901333 733.098667v32a32 32 0 0 1-32-32h32z m256-32a32 32 0 1 1 0 64v-64z m-288-200.746667a32 32 0 1 1 64 0h-64z m32 200.746667h256v64h-256v-64z m32-200.746667V733.098667h-64v-232.746667h64zM861.098667 733.098667v32a32 32 0 0 0 32-32h-32z m-256-32a32 32 0 0 0 0 64v-64z m288-200.746667a32 32 0 1 0-64 0h64z m-32 200.746667h-256v64h256v-64z m-32-200.746667V733.098667h64v-232.746667h-64zM162.901333 34.901333v-32a32 32 0 0 0-32 32h32z m256 32a32 32 0 1 0 0-64v64z m-288 200.746667a32 32 0 0 0 64 0h-64z m32-200.746667h256v-64h-256v64z m32 200.746667v-232.746667h-64v232.746667h64zM861.098667 34.901333v-32a32 32 0 0 1 32 32h-32z m-256 32a32 32 0 0 1 0-64v64z m288 200.746667a32 32 0 1 1-64 0h64z m-32-200.746667h-256v-64h256v64z m-32 200.746667v-232.746667h64v232.746667h-64zM209.493333 384a32 32 0 0 0 32 32H782.506667a32 32 0 0 0 0-64H241.450667a32 32 0 0 0-32 32z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="CloseCircle" unicode="&#58911;" d="M512 384m-298.666667 0a298.666667 298.666667 0 1 1 597.333334 0 298.666667 298.666667 0 1 1-597.333334 0ZM635.625463 293.532947m-15.084944 15.084945l-181.019336 181.019336q-15.084945 15.084945-30.16989 0l0 0q-15.084945-15.084945 0-30.16989l181.019336-181.019336q15.084945-15.084945 30.16989 0l0 0q15.084945 15.084945 0 30.16989ZM388.266667 293.546667m15.084944 15.084944l181.019336 181.019336q15.084945 15.084945 30.16989 0l0 0q15.084945-15.084945 0-30.169889l-181.019336-181.019336q-15.084945-15.084945-30.16989 0l0 0q-15.084945 15.084945 0 30.169889Z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="Question" unicode="&#58912;" d="M512 810.666667C276.394667 810.666667 85.333333 619.605333 85.333333 384s191.061333-426.666667 426.666667-426.666667 426.666667 191.061333 426.666667 426.666667S747.605333 810.666667 512 810.666667z m0-780.970667A354.346667 354.346667 0 0 0 157.696 384 354.346667 354.346667 0 0 0 512 738.304 354.346667 354.346667 0 0 0 866.304 384 354.346667 354.346667 0 0 0 512 29.696zM618.24 570.026667c-28.544 25.045333-66.261333 38.784-106.24 38.784-40.021333 0-77.738667-13.824-106.282667-38.784-29.738667-26.026667-46.08-60.970667-46.08-98.389334v-7.253333c0-4.181333 3.413333-7.594667 7.594667-7.594667h45.696c4.181333 0 7.637333 3.413333 7.637333 7.637334v7.253333c0 41.984 41.045333 76.16 91.434667 76.16 50.346667 0 91.434667-34.176 91.434667-76.202667 0-29.610667-20.992-56.746667-53.461334-69.248a106.496 106.496 0 0 1-68.565333-100.736v-20.48c0-4.181333 3.413333-7.637333 7.637333-7.637333h45.696a7.68 7.68 0 0 1 7.637334 7.637333v21.632a46.037333 46.037333 0 0 0 29.44 42.666667c56.149333 21.589333 92.458667 71.125333 92.458666 126.165333 0.085333 37.418667-16.298667 72.405333-45.994666 98.389334z m-144.341333-395.52a38.101333 38.101333 0 1 1 76.202666 0 38.101333 38.101333 0 0 1-76.202666 0z"  horiz-adv-x="1024" />
 
     
 
index 87ae634..f9c753c 100644 (file)
Binary files a/src/assets/fonts/iconfont.ttf and b/src/assets/fonts/iconfont.ttf differ
index 8e05c88..59e597c 100644 (file)
Binary files a/src/assets/fonts/iconfont.woff and b/src/assets/fonts/iconfont.woff differ
index bc20836..cbd8a2d 100644 (file)
Binary files a/src/assets/fonts/iconfont.woff2 and b/src/assets/fonts/iconfont.woff2 differ
index 6c26250..66bc7b7 100644 (file)
@@ -171,11 +171,15 @@ const cn = {
     setting: '设置'
   },
   createAccount: {
-    title: '创建账户',
+    title: '创建钱包',
+    walletName:'请输入钱包名称',
+    password:'请设置密码',
+    confirmPassword: '请重复输入密码',
+
+
     accountAlias: '账户别名',
     keyAlias: '秘钥别名',
     keyPassword: '秘钥密码',
-    confirmPassword: '重复密码',
     create: '创建',
     select: '选择网络',
     file: '备份文件',
index 878965b..4e9da82 100644 (file)
@@ -1,6 +1,11 @@
 const en = {
   home:{
-    title:"Bytom Wallet for Chrome"
+    welcome:"Welcome",
+    byone:" Byone Wallet",
+    create:"Create",
+    createHint:"创建一个新的钱包来存储和交易您的 BTM 及侧链代币",
+    import:"Import",
+    importHint:"如果您在其它网站或 App 上创建过钱包,可以在这里导入"
   },
   common:{
     veto: 'Veto',
@@ -168,11 +173,14 @@ const en = {
     setting: 'Setting'
   },
   createAccount: {
-    title: 'Create Account',
+    title: 'Create A Wallet',
+    walletName:'Please enter wallet\'s name',
+    password:'Please enter your password',
+    confirmPassword: 'Please repeat your password',
+
     accountAlias: 'Account Alias',
     keyAlias: 'Key Alias',
     keyPassword: 'Key Password',
-    confirmPassword: 'Confirm Password',
     create: 'Create an account',
     select: 'Select network',
     file: 'Backup file',
index 609095d..17d4cf1 100644 (file)
@@ -127,37 +127,134 @@ hr {
 }
 
 @font-face {font-family: "iconfont";
-  src: url('./fonts/iconfont.eot?t=1553508284090'); /* IE9 */
-  src: url('./fonts/iconfont.eot?t=1553508284090#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-  url('./fonts/iconfont.woff?t=1553508284090') format('woff'),
-  url('./fonts/iconfont.ttf?t=1553508284090') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('./fonts/iconfont.svg?t=1553508284090#iconfont') format('svg'); /* iOS 4.1- */
+  src: url('./fonts/iconfont.eot?t=1595210084846'); /* IE9 */
+  src: url('./fonts/iconfont.eot?t=1595210084846#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+  url('./fonts/iconfont.woff?t=1595210084846') format('woff'),
+  url('./fonts/iconfont.ttf?t=1595210084846') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('./fonts/iconfont.svg?t=1595210084846#iconfont') format('svg'); /* iOS 4.1- */
 }
-
 .iconfont {
   font-family: 'iconfont' !important;
-  font-size: 20px;
+  font-size: 25px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-menu:before {
-  content: "\e60b";
+.iconSetting_fiiled:before {
+  content: "\e625";
 }
 
-.icon-close:before {
+.iconwallet_line:before {
+  content: "\e621";
+}
+
+.iconhome_line:before {
+  content: "\e622";
+}
+
+.iconbapp_line:before {
+  content: "\e623";
+}
+
+.iconsetting_line:before {
+  content: "\e624";
+}
+
+.iconhome_filled:before {
+  content: "\e61e";
+}
+
+.icon-right-arrow:before {
+  font-size: 50px;
+  content: "\e61c";
+}
+
+.iconerror:before {
+  content: "\e616";
+}
+
+.iconsuccess:before {
+  content: "\e61a";
+}
+
+.iconarrow_2:before {
   content: "\e614";
 }
 
-.icon-back:before {
+.iconarrow_1:before {
   content: "\e613";
-  line-height: 55px;
-  margin-left: 20px;
-  cursor: pointer;
 }
 
+.iconcross:before {
+  content: "\e607";
+}
+
+.iconbackup_filled:before {
+  content: "\e608";
+}
+
+.iconrecvice:before {
+  content: "\e60b";
+}
+
+.iconwallet_filled:before {
+  content: "\e60c";
+}
+
+.iconbapp_filled:before {
+  content: "\e60d";
+}
+
+.iconsend:before {
+  content: "\e60e";
+}
+
+.iconconnect:before {
+  content: "\e610";
+}
+
+.icon-back:before {
+  content: "\e615";
+}
+
+.iconbackup_line:before {
+  content: "\e617";
+}
+
+.iconCopy:before {
+  content: "\e618";
+}
+
+.iconupload:before {
+  content: "\e619";
+}
+
+.iconwallet_Menu:before {
+  content: "\e61b";
+}
+
+.iconScan:before {
+  content: "\e61d";
+}
+
+.iconCloseCircle:before {
+  content: "\e61f";
+}
+
+.iconQuestion:before {
+  content: "\e620";
+}
+
+
+
+
+.icon-close:before {
+  content: "\e614";
+}
+
+
 .icon-check:before {
   content: "\e605";
 }
@@ -414,6 +511,12 @@ hr {
   line-height: 55px;
 }
 
+.btn-round {
+  width: 56px;
+  height: 56px;
+  border-radius: 28px;
+}
+
 .list {
   color: #010101;
 }
@@ -436,8 +539,7 @@ hr {
 }
 
 .form-item {
-  margin-bottom: 15px;
-  padding: 0 10px;
+  margin: 6px 0;
 }
 
 .form-item label {
@@ -469,20 +571,32 @@ select {
   padding: 10px 12px 10px 0;
   box-sizing: border-box;
 }
+
 .form-item-content {
   position: relative;
   margin-bottom: 5px;
 }
+
 .form-item-content input,
 input.form-item-content{
-  border-width: 0 0 2px;
-  border-color: #c7c7c7;
-  padding-bottom: 5px;
+  height: 52px;
+  background: #FAFAFA;
+  border-radius: 8px;
+  margin-bottom: 12px;
+  border: 0px;
+  padding: 0 10px;
+  width: calc(100% - 20px);
 }
+
 .form-item-content input:focus,
 input.form-item-content:focus
 {
-  border-color: #035BD4
+  height:50px;
+  background: #FFFFFF;
+  border: 1px solid #004EE4;
+  padding: 0 9px;
+  width: calc(100% - 18px);
+
 }
 
 .form-item-content input::placeholder,
index 043938d..f56448b 100644 (file)
@@ -1,35 +1,21 @@
 <style scoped>
-/*.content {*/
-    /*margin-left: 135px;*/
-/*}*/
-/*.content-cn {*/
-    /*margin-left: 85px;*/
-/*}*/
-/*.form-item-label {*/
-    /*width: 135px;*/
-/*}*/
-/*.form-item-label-cn {*/
-    /*width: 85px;*/
-/*}*/
-  .bg-image{
-    height: 420px;
-    width: 360px;
-    background-size: contain;
-    -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%);
-    clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%);
-    position: absolute;
-  }
-  .header {
-    position: relative;
-    text-align: center;
-    margin:15px 20px 25px;
-  }
-  .header p{
-    font-size: 16px;
-    color: rgba(255,255,255,0.5);
-    padding-top: 5px;
-  }
-  .panel{
+
+.header {
+  position: relative;
+  margin:40px 0px 20px;
+  line-height: 37px;
+}
+.header p{
+  font-size: 16px;
+  color: rgba(255,255,255,0.5);
+  padding-top: 5px;
+}
+.container{
+  position: relative;
+  margin-top: 24px;
+}
+
+.panel{
     position: relative;
     padding: 10px;
     margin-bottom : 15px;
   }
   .form-checkbox{
     font-size: 14px;
-    padding: 5px;
+    padding: 5px 0;
+  }
+  .form-checkbox input{
+    margin-left:0px;
   }
   .topbar a{
     position: fixed;
     bottom: 20px;
     width: 320px;
   }
+  .welcome-title{
+    margin-top: 20px;
+  }
+  .btn-round{
+    padding: 15px 2px;
+  }
 </style>
 
 <template>
-    <div class="warp bg-gray">
-      <Header :title="$t('welcome.register')"></Header>
-
-          <div class="form panel">
+  <div>
+    <div class="warp bg-white">
+      <div class="header color-black">
+        <BackButton/>
+        <h1>
+          <div class="welcome-title">{{ $t('createAccount.title')}}</div>
+        </h1>
+      </div>
+      <div class="divider"></div>
+      <div class="container">
+          <div class="form">
             <div class="form-item">
-                  <label :class="formItemLabel">{{ $t('createAccount.accountAlias') }}</label>
                   <div :class="formItemContent">
-                      <input type="text" v-model="formItem.accAlias" autofocus>
+                      <input type="text" v-model="formItem.accAlias"  :placeholder="$t('createAccount.walletName')" autofocus>
                   </div>
               </div>
               <div class="form-item">
-                  <label :class="formItemLabel">{{ $t('createAccount.keyPassword') }}</label>
                   <div :class="formItemContent">
-                      <input type="password" v-model="formItem.passwd1">
+                      <input type="password" v-model="formItem.passwd1" :placeholder="$t('createAccount.password')" >
                   </div>
               </div>
               <div class="form-item">
-                  <label :class="formItemLabel">{{ $t('createAccount.confirmPassword') }}</label>
                   <div :class="formItemContent">
-                      <input type="password" v-model="formItem.passwd2">
+                      <input type="password" v-model="formItem.passwd2" :placeholder="$t('createAccount.confirmPassword')" >
                   </div>
               </div>
             <div class="form-checkbox">
               </label>
             </div>
           </div>
-          <div class="btn-group">
-              <div class="btn btn-primary" @click="create">{{ $t('createAccount.create') }}</div>
+          <div>
+            <div class="btn btn-primary btn-round float-right" @click="create"><i class="iconfont icon-right-arrow"></i></div>
           </div>
+        </div>
+     </div>
       <Footer/>
-    </div>
+  </div>
 </template>
 
 <script>
@@ -163,7 +164,7 @@ export default {
                 // keyAlias: "",
                 passwd1: "",
                 passwd2: "",
-                checked: false
+                checked: true
             },
             restore:{
                 fileTxt:"",
@@ -207,27 +208,27 @@ export default {
     methods: {
         create: function () {
             if (this.formItem.accAlias == "") {
-                this.$dialog.show({
-                    body: this.$t("createAccount.inputAlias")
-                });
+                this.$toast.error(
+                     this.$t("createAccount.inputAlias")
+                );
                 return;
             }
             if (this.formItem.passwd1 == "") {
-                this.$dialog.show({
-                    body: this.$t("createAccount.inputPass")
-                });
+                this.$toast.error(
+                     this.$t("createAccount.inputPass")
+                );
                 return;
             }
             if (this.formItem.passwd1 != this.formItem.passwd2) {
-                this.$dialog.show({
-                    body: this.$t('createAccount.passwordAgain'),
-                });
+                this.$toast.error(
+                     this.$t('createAccount.passwordAgain'),
+                );
                 return;
             }
             if (!this.formItem.checked) {
-                this.$dialog.show({
-                    body: this.$t('createAccount.agreeService'),
-                });
+                this.$toast.error(
+                     this.$t('createAccount.agreeService'),
+                );
                 return;
             }
             let loader = this.$loading.show({
@@ -243,9 +244,9 @@ export default {
               });
             }).catch(err => {
                 loader.hide();
-                this.$dialog.show({
-                    body: err.message,
-                });
+                this.$toast.error(
+                   err.message
+                )
             });
         },
         tirggerFile: function (event) {
@@ -259,9 +260,9 @@ export default {
         },
         recovery: function () {
           if (!this.restore.checked) {
-            this.$dialog.show({
-              body: this.$t('createAccount.agreeService'),
-            });
+            this.$toast.error(
+               this.$t('createAccount.agreeService'),
+            );
             return;
           }
           account.restore(this.restore.fileTxt).then(res => {
@@ -269,9 +270,9 @@ export default {
               this.$router.push('/');
             });
           }).catch(error => {
-            this.$dialog.show({
-              body: getLang(error.message, this.language)
-            });
+            this.$toast.error(
+               getLang(error.message, this.language)
+            );
           });
         },
         ...mapActions([
index 07e9ab0..c0c64c7 100644 (file)
@@ -47,7 +47,7 @@
   .widget p{
     font-size: 13px;
   }
-  .color-widget{
+  .widget:hover, .widget:focus{
     background: #FAFAFA;
     border-radius: 8px;
   }
@@ -69,7 +69,7 @@
       <div class="divider"></div>
 
       <div class="container">
-       <div class="widget color-widget">
+       <div class="widget">
          <a @click="$router.push({ name: 'welcome-creation' })">
            <div class="d-flex">
              <div>