🎨 refactor code & change style

src/assets/styles/colors.module.scss

@@ -3,7 +3,7 @@ $orange: #FA541C;
 $yellow: #FAAD14;
 $cyan: #13C2C2;
 $green: #52C41A;
-$blue: #2F54EB;
+$blue: rgba(96,165,250,.9);
 $purple: #722ED1;
 
 

src/assets/styles/theme.scss

@@ -2,7 +2,7 @@
     --background-color: #ffffff;
     --text-color: #000000;
     // 着陆页背景颜色
-    --landing-background-color-main: #b9f187;
+    --landing-background-color-main: rgba(147,197,253,.2);
     // 评论文字颜色
     --comment-text-color: #767779;
     // 评论子评论背景颜色
@@ -14,7 +14,7 @@
     // 举报弹窗文字颜色
     --comment-report-text-color: rgba(15, 15, 16, 0.58);
     // 评论框边框颜色
-    --comment-child-box-border-color: #90d952;
+    --comment-child-box-border-color: rgba(147,197,253,.2);
 
     // 白色
     --white-color: #ffffff;

src/assets/svgs/icon-qq.svg

@@ -0,0 +1 @@
+<svg t="1732615091180" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6418" width="200" height="200"><path d="M824.8 613.2c-16-51.4-34.4-94.6-62.7-165.3C766.5 262.2 689.3 112 511.5 112 331.7 112 256.2 265.2 261 447.9c-28.4 70.8-46.7 113.7-62.7 165.3-34 109.5-23 154.8-14.6 155.8 18 2.2 70.1-82.4 70.1-82.4 0 49 25.2 112.9 79.8 159-26.4 8.1-85.7 29.9-71.6 53.8 11.4 19.3 196.2 12.3 249.5 6.3 53.3 6 238.1 13 249.5-6.3 14.1-23.8-45.3-45.7-71.6-53.8 54.6-46.2 79.8-110.1 79.8-159 0 0 52.1 84.6 70.1 82.4 8.5-1.1 19.5-46.4-14.5-155.8z" fill="#1296DB" p-id="6419"></path></svg>

src/assets/svgs/icon-wechat.svg

@@ -0,0 +1 @@
+<svg t="1732615123149" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8670" width="200" height="200"><path d="M352.814545 385.396364m-33.512727 0a33.512727 33.512727 0 1 0 67.025455 0 33.512727 33.512727 0 1 0-67.025455 0Z" fill="#50B674" p-id="8671"></path><path d="M502.690909 384.465455m-33.512727 0a33.512727 33.512727 0 1 0 67.025454 0 33.512727 33.512727 0 1 0-67.025454 0Z" fill="#50B674" p-id="8672"></path><path d="M576.232727 534.341818m-23.272727 0a23.272727 23.272727 0 1 0 46.545455 0 23.272727 23.272727 0 1 0-46.545455 0Z" fill="#50B674" p-id="8673"></path><path d="M694.458182 536.203636m-23.272727 0a23.272727 23.272727 0 1 0 46.545454 0 23.272727 23.272727 0 1 0-46.545454 0Z" fill="#50B674" p-id="8674"></path><path d="M512 0C229.003636 0 0 229.003636 0 512s229.003636 512 512 512 512-229.003636 512-512S794.996364 0 512 0z m-87.505455 630.225455c-26.996364 0-48.407273-5.585455-75.403636-11.17091l-75.403636 37.236364 21.410909-64.232727c-53.992727-37.236364-85.643636-85.643636-85.643637-145.221818 0-102.4 96.814545-182.458182 215.04-182.458182 105.192727 0 198.283636 64.232727 216.901819 150.807273-6.516364-0.930909-13.963636-0.930909-20.48-0.93091-102.4 0-182.458182 76.334545-182.458182 170.356364 0 15.825455 2.792727 30.72 6.516363 44.683636-7.447273 0-13.963636 0.930909-20.48 0.93091z m314.647273 75.403636l15.825455 53.992727-58.647273-32.581818c-21.410909 5.585455-42.821818 11.170909-64.232727 11.170909-102.4 0-182.458182-69.818182-182.458182-155.461818s80.058182-155.461818 182.458182-155.461818c96.814545 0 182.458182 69.818182 182.458182 155.461818 0 47.476364-31.650909 90.298182-75.403637 122.88z" fill="#50B674" p-id="8675"></path></svg>

src/assets/svgs/logo-album.svg

@@ -0,0 +1 @@
+<svg t="1732507570486" class="icon" viewBox="0 0 1086 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10030" width="200" height="200"><path d="M289.190083 761.776309l460.870523 207.44022 306.06281-602.239119-376.480441-171.552617" fill="#FFFEED" p-id="10031"></path><path d="M750.051791 986.851791c-2.424242 0-4.879339-0.502479-7.228651-1.560331l-300.068319-135.065565a17.626446 17.626446 0 0 1-8.841873-23.312396 17.613223 17.613223 0 0 1 23.312396-8.841874l284.738292 128.158678 290.106887-570.842975L767.735537 254.942149a17.630854 17.630854 0 0 1 14.620386-32.088155l281.07989 128.079339a17.630854 17.630854 0 0 1 8.405509 24.030854l-306.06281 602.239119a17.630854 17.630854 0 0 1-15.726721 9.648485z" fill="#E4E4F5" p-id="10032"></path><path d="M97.85124 69.804959h548.055096v657.062259H97.85124z" fill="#DBEAFF" p-id="10033"></path><path d="M645.906336 744.498072H97.85124a17.630854 17.630854 0 0 1-17.630854-17.630854V69.804959a17.630854 17.630854 0 0 1 17.630854-17.630854h548.055096a17.630854 17.630854 0 0 1 17.630854 17.630854v657.062259a17.630854 17.630854 0 0 1-17.630854 17.630854z m-530.424242-35.261708h512.793388V87.435813H115.482094v621.800551z" fill="#6E6E96" p-id="10034"></path><path d="M645.906336 726.86281L272.141047 353.097521 97.85124 527.391736v199.471074z" fill="#DFE2E8" p-id="10035"></path><path d="M455.920661 260.817631m-75.534986 0a75.534986 75.534986 0 1 0 151.069972 0 75.534986 75.534986 0 1 0-151.069972 0Z" fill="#FFCFCF" p-id="10036"></path><path d="M455.920661 353.983471c-51.371901 0-93.170248-41.793939-93.170248-93.16584 0-51.371901 41.793939-93.16584 93.170248-93.16584 51.371901 0 93.16584 41.793939 93.16584 93.16584 0 51.371901-41.793939 93.16584-93.16584 93.16584z m0-151.069972c-31.929477 0-57.90854 25.974656-57.90854 57.904132s25.979063 57.904132 57.90854 57.904132 57.904132-25.979063 57.904132-57.904132-25.974656-57.904132-57.904132-57.904132z" fill="#6E6E96" p-id="10037"></path><path d="M280.418733 365.518457l-174.294215 264.070524v-89.780717z" fill="#FFFFFF" opacity=".52" p-id="10038"></path><path d="M272.141047 353.097521l190.585124 366.188429h183.180165z" fill="#6E6E96" opacity=".15" p-id="10039"></path><path d="M645.906336 744.493664H97.85124a17.630854 17.630854 0 0 1-17.630854-17.630854v-199.471074c0-4.676584 1.855647-9.159229 5.161432-12.465014L259.671625 340.628099a17.630854 17.630854 0 0 1 24.938843 0l373.760882 373.769697a17.617631 17.617631 0 0 1 3.821487 19.208816 17.622039 17.622039 0 0 1-16.286501 10.887052z m-530.424242-35.261708h487.858953L272.141047 378.031956 115.482094 534.699725v174.532231z" fill="#6E6E96" p-id="10040"></path></svg>