mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-11 09:08:14 +08:00
fix(home): 首页样式优化，加了几个 icon
This commit is contained in:
BTMuli
20
src/assets/icons/note-circle.svg
Normal file
20
src/assets/icons/note-circle.svg
Normal file
@@ -0,0 +1,20 @@
|
||||
<svg width="256.000000" height="256.000000" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<desc>
|
||||
Created with Pixso.
|
||||
</desc>
|
||||
<g clip-path="url(#clip4_10)">
|
||||
<circle id="椭圆 1" cx="128.000000" cy="126.000000" r="125.000000" fill="#D27979"/>
|
||||
<circle id="椭圆 1" cx="128.000000" cy="126.000000" r="115.000000" fill="#D27979"/>
|
||||
<circle id="椭圆 1" cx="128.000000" cy="126.000000" r="110.000000" stroke="#DA9595" stroke-width="10.000000"/>
|
||||
<mask id="path-1-inside-1" fill="white">
|
||||
<path id="形状" d="M103 63C103 49.1979 114.198 38 128 38C141.802 38 153 49.1979 153 63C153 65.0991 152.741 67.138 152.253 69.0864L142.926 144.5C142.173 152.078 135.775 158 128 158C120.225 158 113.753 152.078 113 144.5L103.747 69.0863C103.259 67.138 103 65.0991 103 63ZM108 193C108 204.042 116.958 213 128 213C139.042 213 148 204.042 148 193C148 181.958 139.042 173 128 173C116.958 173 108 181.958 108 193Z" clip-rule="evenodd" fill-rule="evenodd" fill-opacity="0.000000"/>
|
||||
</mask>
|
||||
<path id="形状" d="M103 63C103 49.1979 114.198 38 128 38C141.802 38 153 49.1979 153 63C153 65.0991 152.741 67.138 152.253 69.0864L142.926 144.5C142.173 152.078 135.775 158 128 158C120.225 158 113.753 152.078 113 144.5L103.747 69.0863C103.259 67.138 103 65.0991 103 63ZM108 193C108 204.042 116.958 213 128 213C139.042 213 148 204.042 148 193C148 181.958 139.042 173 128 173C116.958 173 108 181.958 108 193Z" clip-rule="evenodd" fill-rule="evenodd" fill="#F5BFBF" fill-opacity="1.000000"/>
|
||||
<path id="形状" d="M101 63Q101 51.82 108.91 43.91Q116.82 36 128 36Q139.18 36 147.09 43.91Q155 51.82 155 63Q155 66.3499 154.193 69.5721L152.253 69.0864L154.238 69.3318L144.911 144.745L142.926 144.5L144.916 144.698Q144.273 151.171 139.443 155.57Q134.579 160 128 160Q121.417 160 116.525 155.575Q111.653 151.168 111.01 144.698L113 144.5L111.015 144.744L101.762 69.3299L103.747 69.0863L101.807 69.5721Q101 66.3499 101 63ZM105 63Q105 65.8568 105.687 68.6006Q105.717 68.7203 105.732 68.8428L114.985 144.256Q114.988 144.279 114.99 144.302Q115.481 149.236 119.208 152.608Q122.958 156 128 156Q133.031 156 136.749 152.613Q140.444 149.248 140.936 144.302Q140.938 144.278 140.941 144.255L150.268 68.8409Q150.283 68.7194 150.313 68.6006Q151 65.8568 151 63Q151 53.4769 144.262 46.7384Q137.523 40 128 40Q118.477 40 111.738 46.7384Q105 53.4769 105 63ZM110 193Q110 200.453 115.274 205.726Q120.547 211 128 211Q135.453 211 140.726 205.726Q146 200.453 146 193Q146 185.547 140.726 180.274Q135.453 175 128 175Q120.547 175 115.274 180.274Q110 185.547 110 193ZM106 193Q106 183.89 112.445 177.445Q118.89 171 128 171Q137.11 171 143.555 177.445Q150 183.89 150 193Q150 202.11 143.555 208.555Q137.11 215 128 215Q118.89 215 112.445 208.555Q106 202.11 106 193Z" fill-rule="evenodd" fill="#DA9595" fill-opacity="1.000000"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip4_10">
|
||||
<rect id="note-circle" width="256.000000" height="256.000000" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
16
src/assets/icons/note-wish-circle.svg
Normal file
16
src/assets/icons/note-wish-circle.svg
Normal file
@@ -0,0 +1,16 @@
|
||||
<svg width="256.000000" height="256.000000" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<desc>
|
||||
Created with Pixso.
|
||||
</desc>
|
||||
<g clip-path="url(#clip11_5)">
|
||||
<circle id="椭圆 1" cx="128.000000" cy="126.000000" r="125.000000" fill="#7893C8"/>
|
||||
<circle id="椭圆 1" cx="128.000000" cy="126.000000" r="115.000000" fill="#7893C8"/>
|
||||
<circle id="椭圆 1" cx="128.000000" cy="126.000000" r="110.000000" stroke="#92A7D0" stroke-width="10.000000"/>
|
||||
<path id="矩形 2 (边框)" d="M44.0135 126.853L110.599 144.596L128.853 211.706L146.601 144.596L213.692 126.853L146.601 109.204L128.853 42L110.599 109.204L44.0135 126.853Z" fill-rule="evenodd" fill="#F1EFE9"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip11_5">
|
||||
<rect id="note-wish-circle" width="256.000000" height="256.000000" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 889 B |
16
src/assets/icons/note-wish-square.svg
Normal file
16
src/assets/icons/note-wish-square.svg
Normal file
@@ -0,0 +1,16 @@
|
||||
<svg width="256.000000" height="256.000000" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<desc>
|
||||
Created with Pixso.
|
||||
</desc>
|
||||
<g clip-path="url(#clip11_1)">
|
||||
<rect id="矩形 1" x="1.000000" y="128.279221" rx="5.000000" width="180.000000" height="180.000000" transform="rotate(-45 1.000000 128.279221)" fill="#7893C8"/>
|
||||
<rect id="矩形 1" x="11.535522" y="127.208160" rx="5.000000" width="165.000000" height="165.000000" transform="rotate(-45 11.535522 127.208160)" fill="#7893C8"/>
|
||||
<rect id="矩形 1" x="11.535522" y="127.208160" rx="5.000000" width="165.000000" height="165.000000" transform="rotate(-45 11.535522 127.208160)" stroke="#92A7D0" stroke-width="5.000000"/>
|
||||
<path id="矩形 2 (边框)" d="M44.0135 126.853L110.599 144.596L128.853 211.706L146.601 144.596L213.692 126.853L146.601 109.204L128.853 42L110.599 109.204L44.0135 126.853Z" fill-rule="evenodd" fill="#F1EFE9"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip11_1">
|
||||
<rect id="note-wish-square" width="256.000000" height="256.000000" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -2,8 +2,12 @@
|
||||
<div v-show="poolInfo" class="pool-cards">
|
||||
<v-card v-for="pool in poolInfo" style="margin-top: 20px">
|
||||
<template v-slot:prepend>
|
||||
<img src="/source/UI/wish.webp" alt="wish" style="width: 40px; height: 40px; float: left" />
|
||||
<v-card-title>{{ pool.title }}</v-card-title>
|
||||
<img
|
||||
src="../assets/icons/note-wish-circle.svg"
|
||||
alt="wish"
|
||||
style="width: 32px; height: auto; margin-right: 10px; float: left"
|
||||
/>
|
||||
<v-card-title style="display: inline-block">{{ pool.title }}</v-card-title>
|
||||
</template>
|
||||
<!-- 卡池封面 -->
|
||||
<v-row style="margin-left: 10px">
|
||||
|
||||
Reference in New Issue
Block a user