mirror of
https://github.com/spark-store-project/spark-store-abyss
synced 2025-12-17 12:51:38 +08:00
feat: implement index section 6
This commit is contained in:
33
assets/icons/convenience-deco.svg
Normal file
33
assets/icons/convenience-deco.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 36 KiB |
27
assets/icons/convenience.svg
Normal file
27
assets/icons/convenience.svg
Normal file
@@ -0,0 +1,27 @@
|
||||
<svg viewBox="0 0 525 537"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden">
|
||||
<style>
|
||||
:root {
|
||||
--s-deco: #AD4125;
|
||||
--s-bg: #FFBEAD;
|
||||
--s-bg-2: #EB9079;
|
||||
--s-bg-3: #DF7C62;
|
||||
}
|
||||
</style>
|
||||
<g clip-path="url(#clip0)" transform="translate(-1996 -665)">
|
||||
<path d="M577.727 2876.46C588.225 2923.24 558.789 2970.08 511.945 2980.64 505.5 2982.1 498.989 2982.84 492.551 2982.84 476.338 2982.84 460.384 2978.25 446.298 2969.41 426.564 2956.92 412.876 2937.52 407.76 2914.74L401.189 2884.97 362.843 2884.97C353.939 2884.97 346.099 2879.06 343.64 2870.48L335.933 2843.32 300.848 2843.32 293.142 2870.48C290.683 2879.06 282.843 2884.97 273.939 2884.97L233.54 2884.97 226.962 2914.66C221.78 2937.52 208.092 2956.92 188.424 2969.41 174.338 2978.25 158.391 2982.84 142.178 2982.84 135.733 2982.84 129.221 2982.1 122.776 2980.64 75.9321 2970.08 46.4305 2923.24 56.9951 2876.33 56.9951 2876.33 83.108 2762.79 92.5435 2725.13 99.6528 2696.68 117.062 2672.43 139.986 2655.56 139.521 2653.84 139.188 2652.05 139.188 2650.1L139.188 2605.2C139.188 2596.43 144.969 2588.65 153.407 2586.13L189.686 2575.24C190.152 2574.17 190.55 2573.11 191.015 2572.04L173.075 2538.7C168.889 2530.92 170.291 2521.36 176.531 2515.18L208.29 2483.42C214.47 2477.16 224.039 2475.78 231.812 2479.97L265.168 2497.9C266.231 2497.43 267.294 2497.04 268.357 2496.57L279.254 2460.3C281.78 2451.87 289.553 2446.08 298.331 2446.08L343.242 2446.08C352.079 2446.08 359.852 2451.87 362.378 2460.3L373.275 2496.57C374.338 2497.04 375.334 2497.43 376.404 2497.9L409.82 2479.97C417.593 2475.78 427.162 2477.16 433.34 2483.42L465.102 2515.18C471.355 2521.41 472.749 2531 468.557 2538.77L450.617 2572.11C451.082 2573.11 451.48 2574.17 451.945 2575.24L488.225 2586.13C496.663 2588.65 502.445 2596.43 502.445 2605.2L502.445 2650.1C502.445 2653.1 501.713 2655.9 500.583 2658.41 523.64 2676.82 540.252 2702.99 546.232 2733.09L577.727 2876.46ZM503.109 2941.78C528.557 2936.07 544.503 2910.62 538.79 2885.11L526.564 2829.49C507.295 2857.79 476.797 2877.72 441.646 2883.24L446.697 2906.1C449.487 2918.39 456.862 2928.95 467.561 2935.66 478.258 2942.38 490.889 2944.57 503.109 2941.78ZM508.823 2757.95C508.823 2709.84 469.885 2670.71 422.112 2670.71L214.67 2670.71C166.896 2670.71 127.959 2709.84 127.959 2757.95 127.959 2805.98 166.896 2845.11 214.67 2845.11L258.922 2845.11 266.637 2817.93C269.089 2809.36 276.863 2803.45 285.766 2803.45L350.949 2803.45C359.919 2803.45 367.693 2809.36 370.152 2817.93L377.86 2845.11 422.112 2845.11C469.885 2845.11 508.823 2805.98 508.823 2757.95ZM462.577 2635.3 462.577 2620.09 430.816 2610.52C424.504 2608.65 419.521 2603.74 417.528 2597.37 415.8 2591.78 413.474 2586.2 410.617 2580.75 407.561 2574.9 407.561 2567.86 410.75 2562.08L426.431 2532.92 415.667 2522.09 386.431 2537.76C380.583 2540.96 373.607 2540.96 367.693 2537.9 362.311 2535.04 356.736 2532.72 351.081 2531 344.77 2529 339.853 2524.01 337.926 2517.7L328.424 2485.94 313.208 2485.94 303.639 2517.64C301.78 2524.01 296.863 2529 290.55 2531 284.836 2532.72 279.254 2535.04 273.872 2537.9 268.026 2540.96 260.982 2540.96 255.136 2537.76L225.965 2522.09 215.202 2532.85 230.882 2562.01C234.072 2567.86 234.072 2574.9 231.016 2580.75 228.158 2586.13 225.832 2591.78 224.104 2597.43 222.112 2603.74 217.128 2608.65 210.75 2610.52L179.055 2620.09 179.055 2635.3 180.45 2635.7C191.348 2632.64 202.842 2630.85 214.67 2630.85L248.956 2630.85C248.889 2629.78 248.823 2628.79 248.823 2627.65 248.823 2587.99 281.115 2555.7 320.783 2555.7 360.517 2555.7 392.81 2587.99 392.81 2627.65 392.81 2628.79 392.676 2629.78 392.676 2630.85L422.112 2630.85C434.87 2630.85 447.228 2632.84 458.923 2636.43L462.577 2635.3ZM352.611 2630.85C352.677 2629.78 352.942 2628.79 352.942 2627.65 352.942 2609.98 338.524 2595.56 320.783 2595.56 303.109 2595.56 288.69 2609.98 288.69 2627.65 288.69 2628.79 288.89 2629.78 289.022 2630.85L352.611 2630.85ZM188.026 2906.03 193.141 2882.97C157.859 2876.86 127.494 2856.06 108.623 2827.1L95.9321 2884.97C90.1514 2910.62 106.165 2936.07 131.613 2941.78 143.846 2944.57 156.464 2942.38 167.095 2935.66 177.792 2928.95 185.241 2918.39 188.026 2906.03Z" style="fill: var(--s-deco)" fill-rule="evenodd" transform="matrix(1 0 0 1.00046 1941.15 -1782.2)"/>
|
||||
<path d="M538.21 2884.42C543.904 2909.96 528.014 2935.44 502.657 2941.16 490.482 2943.96 477.896 2941.76 467.238 2935.05 456.579 2928.32 449.23 2917.75 446.45 2905.44L441.418 2882.55C476.44 2877.03 506.829 2857.07 526.028 2828.73L538.21 2884.42Z" fill="#DF7C62" fill-rule="evenodd" transform="matrix(1 0 0 1.00046 1941.15 -1782.2)"/>
|
||||
<path d="M472.239 2736.31C475.902 2739.99 477.985 2745.04 477.985 2750.24 477.985 2755.44 475.902 2760.49 472.239 2764.18 468.582 2767.85 463.554 2769.96 458.395 2769.96 453.237 2769.96 448.209 2767.85 444.552 2764.18 440.895 2760.49 438.806 2755.44 438.806 2750.24 438.806 2745.04 440.895 2739.99 444.552 2736.31 451.866 2728.94 464.991 2728.94 472.239 2736.31Z" style="fill: var(--s-deco)" fill-rule="evenodd" transform="matrix(1 0 0 1.00046 1941.15 -1782.2)"/>
|
||||
<path d="M462.313 2620.44 462.313 2635.63 458.661 2636.75C446.972 2633.18 434.618 2631.18 421.866 2631.18L392.444 2631.18C392.444 2630.12 392.577 2629.13 392.577 2628 392.577 2588.42 360.299 2556.19 320.583 2556.19 280.932 2556.19 248.654 2588.42 248.654 2628 248.654 2629.13 248.721 2630.12 248.787 2631.18L214.517 2631.18C202.694 2631.18 191.204 2632.98 180.313 2636.02L178.918 2635.63 178.918 2620.44 210.598 2610.9C216.974 2609.03 221.955 2604.13 223.948 2597.84 225.676 2592.19 228 2586.56 230.855 2581.18 233.91 2575.35 233.91 2568.32 230.722 2562.48L215.048 2533.39 225.807 2522.64 254.971 2538.28C260.809 2541.47 267.849 2541.47 273.693 2538.41 279.073 2535.57 284.652 2533.24 290.363 2531.52 296.673 2529.53 301.594 2524.56 303.447 2518.2L313.011 2486.57 328.22 2486.57 337.724 2518.26C339.65 2524.56 344.558 2529.53 350.868 2531.52 356.519 2533.24 362.092 2535.57 367.473 2538.41 373.383 2541.47 380.356 2541.47 386.201 2538.28L415.424 2522.64 426.184 2533.45 410.509 2562.55C407.322 2568.32 407.322 2575.35 410.376 2581.18 413.232 2586.63 415.557 2592.19 417.284 2597.77 419.276 2604.13 424.257 2609.03 430.567 2610.9L462.313 2620.44Z" style="fill: var(--s-bg-2)" fill-rule="evenodd" transform="matrix(1 0 0 1.00046 1941.15 -1782.2)"/>
|
||||
<path d="M445.336 2716.94C445.336 2722.31 443.184 2727.53 439.399 2731.33 435.619 2735.13 430.424 2737.31 425.093 2737.31 419.762 2737.31 414.567 2735.13 410.789 2731.33 407.011 2727.53 404.851 2722.31 404.851 2716.94 404.851 2711.57 407.011 2706.34 410.789 2702.54 418.285 2694.92 431.841 2694.92 439.399 2702.54 443.184 2706.34 445.336 2711.57 445.336 2716.94Z" style="fill: var(--s-deco)" fill-rule="evenodd" transform="matrix(1 0 0 1.00046 1941.15 -1782.2)"/>
|
||||
<path d="M439.399 2769.14C443.184 2772.94 445.336 2778.18 445.336 2783.54 445.336 2788.91 443.184 2794.14 439.399 2797.94 435.619 2801.74 430.424 2803.92 425.093 2803.92 419.762 2803.92 414.567 2801.74 410.789 2797.94 407.011 2794.14 404.851 2788.91 404.851 2783.54 404.851 2778.18 407.011 2772.94 410.789 2769.14 418.285 2761.53 431.841 2761.53 439.399 2769.14Z" style="fill: var(--s-deco)" fill-rule="evenodd" transform="matrix(1 0 0 1.00046 1941.15 -1782.2)"/>
|
||||
<path d="M411.381 2750.24C411.381 2755.44 409.298 2760.49 405.634 2764.18 401.978 2767.85 396.95 2769.96 391.791 2769.96 386.632 2769.96 381.604 2767.85 377.948 2764.18 374.291 2760.49 372.201 2755.44 372.201 2750.24 372.201 2745.04 374.291 2739.99 377.948 2736.31 385.202 2728.94 398.321 2728.94 405.634 2736.31 409.298 2739.99 411.381 2745.04 411.381 2750.24Z" style="fill: var(--s-deco)" fill-rule="evenodd" transform="matrix(1 0 0 1.00046 1941.15 -1782.2)"/>
|
||||
<path d="M246.339 2730.78C257.45 2730.78 266.418 2739.53 266.418 2750.37 266.418 2761.21 257.45 2769.96 246.339 2769.96L232.952 2769.96C221.842 2769.96 212.873 2761.21 212.873 2750.37 212.873 2739.53 221.842 2730.78 232.952 2730.78L246.339 2730.78Z" style="fill: var(--s-deco)" fill-rule="evenodd" transform="matrix(1 0 0 1.00046 1941.15 -1782.2)"/>
|
||||
<path d="M222.015 2783.52 222.015 2796.9C222.015 2808.01 213.265 2816.98 202.425 2816.98 191.586 2816.98 182.836 2808.01 182.836 2796.9L182.836 2783.52C182.836 2772.4 191.586 2763.43 202.425 2763.43 213.265 2763.43 222.015 2772.4 222.015 2783.52Z" style="fill: var(--s-deco)" fill-rule="evenodd" transform="matrix(1 0 0 1.00046 1941.15 -1782.2)"/>
|
||||
<path d="M222.015 2703.85 222.015 2717.24C222.015 2728.34 213.265 2737.31 202.425 2737.31 191.586 2737.31 182.836 2728.34 182.836 2717.24L182.836 2703.85C182.836 2692.74 191.586 2683.77 202.425 2683.77 213.265 2683.77 222.015 2692.74 222.015 2703.85Z" style="fill: var(--s-deco)" fill-rule="evenodd" transform="matrix(1 0 0 1.00046 1941.15 -1782.2)"/>
|
||||
<path d="M193.284 2882.85 188.19 2905.72C185.419 2917.98 178.004 2928.45 167.355 2935.12 156.771 2941.78 144.203 2943.94 132.032 2941.18 106.698 2935.51 90.756 2910.26 96.5108 2884.82L109.145 2827.43C127.931 2856.16 158.16 2876.78 193.284 2882.85Z" style="fill: var(--s-bg-3)" fill-rule="evenodd" transform="matrix(1 0 0 1.00046 1941.15 -1782.2)"/>
|
||||
<path d="M193.285 2750.37C193.285 2761.21 184.315 2769.96 173.204 2769.96L159.818 2769.96C148.708 2769.96 139.739 2761.21 139.739 2750.37 139.739 2739.53 148.708 2730.78 159.818 2730.78L173.204 2730.78C184.315 2730.78 193.285 2739.53 193.285 2750.37Z" style="fill: var(--s-deco)" fill-rule="evenodd" transform="matrix(1 0 0 1.00046 1941.15 -1782.2)"/>
|
||||
<path d="M214.806 2670.71 422.509 2670.71C470.342 2670.71 509.328 2709.68 509.328 2757.59 509.328 2805.43 470.342 2844.4 422.509 2844.4L378.2 2844.4 370.483 2817.33C368.021 2808.8 360.237 2802.91 351.256 2802.91L285.992 2802.91C277.076 2802.91 269.292 2808.8 266.837 2817.33L259.114 2844.4 214.806 2844.4C166.971 2844.4 127.985 2805.43 127.985 2757.59 127.985 2709.68 166.971 2670.71 214.806 2670.71ZM192.452 2749.98C192.452 2739 183.537 2730.13 172.493 2730.13L159.187 2730.13C148.144 2730.13 139.228 2739 139.228 2749.98 139.228 2760.96 148.144 2769.83 159.187 2769.83L172.493 2769.83C183.537 2769.83 192.452 2760.96 192.452 2749.98ZM222.39 2783.06C222.39 2772.08 213.475 2763.21 202.431 2763.21 191.387 2763.21 182.473 2772.08 182.473 2783.06L182.473 2796.3C182.473 2807.29 191.387 2816.15 202.431 2816.15 213.475 2816.15 222.39 2807.29 222.39 2796.3L222.39 2783.06ZM202.431 2736.75C213.475 2736.75 222.39 2727.88 222.39 2716.9L222.39 2703.66C222.39 2692.68 213.475 2683.81 202.431 2683.81 191.387 2683.81 182.473 2692.68 182.473 2703.66L182.473 2716.9C182.473 2727.88 191.387 2736.75 202.431 2736.75ZM232.369 2730.13C221.325 2730.13 212.411 2739 212.411 2749.98 212.411 2760.96 221.325 2769.83 232.369 2769.83L245.675 2769.83C256.718 2769.83 265.633 2760.96 265.633 2749.98 265.633 2739 256.718 2730.13 245.675 2730.13L232.369 2730.13ZM425.302 2736.75C430.559 2736.75 435.682 2734.62 439.407 2730.93 443.139 2727.22 445.261 2722.12 445.261 2716.9 445.261 2711.66 443.139 2706.57 439.407 2702.86 431.956 2695.46 418.589 2695.46 411.199 2702.86 407.473 2706.57 405.344 2711.66 405.344 2716.9 405.344 2722.12 407.473 2727.22 411.199 2730.93 414.924 2734.62 420.047 2736.75 425.302 2736.75ZM406.142 2735.95C398.692 2728.54 385.325 2728.54 377.933 2735.95 374.209 2739.65 372.08 2744.76 372.08 2749.98 372.08 2755.2 374.209 2760.3 377.933 2764.01 381.659 2767.7 386.783 2769.83 392.038 2769.83 397.294 2769.83 402.416 2767.7 406.142 2764.01 409.875 2760.3 411.997 2755.2 411.997 2749.98 411.997 2744.76 409.875 2739.65 406.142 2735.95ZM444.463 2764.01C448.188 2767.7 453.311 2769.83 458.567 2769.83 463.823 2769.83 468.945 2767.7 472.671 2764.01 476.403 2760.3 478.526 2755.2 478.526 2749.98 478.526 2744.76 476.403 2739.65 472.671 2735.95 465.287 2728.54 451.914 2728.54 444.463 2735.95 440.737 2739.65 438.609 2744.76 438.609 2749.98 438.609 2755.2 440.737 2760.3 444.463 2764.01ZM439.407 2769.04C431.956 2761.63 418.589 2761.63 411.199 2769.04 407.473 2772.74 405.344 2777.84 405.344 2783.06 405.344 2788.29 407.473 2793.39 411.199 2797.09 414.924 2800.8 420.047 2802.91 425.302 2802.91 430.559 2802.91 435.682 2800.8 439.407 2797.09 443.139 2793.39 445.261 2788.29 445.261 2783.06 445.261 2777.84 443.139 2772.74 439.407 2769.04Z" style="fill: var(--s-bg)" fill-rule="evenodd" transform="matrix(1 0 0 1.00046 1941.15 -1782.2)"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
@@ -472,6 +472,57 @@ onMounted(() => {
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="flex flex-col items-center justify-center gap-10 pt-15">
|
||||
<div class="flex items-center justify-center gap-6">
|
||||
<Icon
|
||||
name="s:convenience"
|
||||
mode="svg"
|
||||
:style="{
|
||||
height: '100%',
|
||||
width: 'auto',
|
||||
'--s-deco': 'var(--p-secondary-700)',
|
||||
'--s-bg': 'var(--p-secondary-100)',
|
||||
'--s-bg-2': 'var(--p-secondary-200)',
|
||||
'--s-bg-3': 'var(--p-secondary-400)',
|
||||
}"
|
||||
/>
|
||||
<h2 class="text-5xl text-(--p-primary-600) font-bold leading-[1.3]">
|
||||
<span class="font-[KNYuanmo] text-(--p-primary-400) font-normal"
|
||||
>CONVENIENCE</span
|
||||
><br />
|
||||
一键安装 即刻掌控
|
||||
</h2>
|
||||
</div>
|
||||
<div class="flex gap-16">
|
||||
<!--左侧内容区域 -->
|
||||
<div class="flex flex-col py-12 gap-6">
|
||||
<div class="flex flex-col">
|
||||
<p class="text-5xl leading-[1.5]">一站式安装体验</p>
|
||||
<p class="text-5xl font-bold leading-[1.5]">
|
||||
让技术普惠真正触手可及
|
||||
</p>
|
||||
</div>
|
||||
<p class="text-lg text-(--p-surface-700) leading-[2]">
|
||||
星火商店所有程序经过深度适配优化；用户轻点按钮，系统自动完成依<br />
|
||||
赖解析与环境配置，处理复杂软件如搭积木般严丝合缝。从图形应用到<br />
|
||||
编程工具，从 Wine 移植应用到 Android APP，皆可轻松实现“零门槛<br />
|
||||
安装”。上架应用均通过严格测试，社区开发者持续维护更新，确保每<br />
|
||||
款软件始终良好稳定运行。
|
||||
</p>
|
||||
</div>
|
||||
<!--右侧图片区域 -->
|
||||
<Icon
|
||||
name="s:convenience-deco"
|
||||
mode="svg"
|
||||
:style="{
|
||||
height: '100%',
|
||||
width: 'auto',
|
||||
'--s-deco': 'var(--p-secondary-900)',
|
||||
'--s-bg': 'var(--p-primary-200)',
|
||||
}"
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user