mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-13 09:28:14 +08:00
fix(icon): 首页添加图标
This commit is contained in:
15
src/assets/icons/icon-wish.svg
Normal file
15
src/assets/icons/icon-wish.svg
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
<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(#clip13_52)">
|
||||||
|
<path id="矩形 3" d="M66.9232 37.8271L70.7784 54.533C71.0364 55.6508 71.9092 56.5237 73.027 56.7816L89.7329 60.6368C92.8335 61.3523 92.8335 65.7677 89.7329 66.4832L73.027 70.3384C71.9092 70.5963 71.0364 71.4692 70.7784 72.587L66.9232 89.2929C66.2076 92.3935 61.7924 92.3935 61.0768 89.2929L57.2216 72.587C56.9637 71.4692 56.0908 70.5963 54.973 70.3384L38.2671 66.4832C35.1665 65.7677 35.1665 61.3524 38.2671 60.6368L54.973 56.7816C56.0908 56.5237 56.9637 55.6508 57.2216 54.533L61.0768 37.8271C61.7924 34.7265 66.2076 34.7265 66.9232 37.8271Z" fill-rule="evenodd" fill="#ECE5D8"/>
|
||||||
|
<path id="矩形 3" d="M176.392 148.672L180.417 166.115C180.847 167.978 182.302 169.433 184.165 169.863L201.608 173.888C206.776 175.081 206.776 182.439 201.608 183.632L184.165 187.657C182.302 188.087 180.847 189.542 180.417 191.405L176.392 208.848C175.199 214.016 167.841 214.016 166.648 208.848L162.623 191.405C162.193 189.542 160.738 188.087 158.875 187.657L141.432 183.632C136.264 182.439 136.264 175.081 141.432 173.888L158.875 169.863C160.738 169.433 162.193 167.978 162.623 166.115L166.648 148.672C167.841 143.504 175.199 143.504 176.392 148.672Z" fill-rule="evenodd" fill="#A9A7A3"/>
|
||||||
|
<path id="矩形 3" d="M132.872 18.1118L151.297 97.955C151.727 99.8181 153.182 101.273 155.045 101.703L234.888 120.128C240.056 121.321 240.056 128.679 234.888 129.872L155.045 148.297C153.182 148.727 151.727 150.182 151.297 152.045L132.872 231.888C131.679 237.056 124.321 237.056 123.128 231.888L104.703 152.045C104.273 150.182 102.818 148.727 100.955 148.297L21.1118 129.872C15.9442 128.679 15.9442 121.321 21.1118 120.128L100.955 101.703C102.818 101.273 104.273 99.8181 104.703 97.955L123.128 18.1118C124.321 12.9442 131.679 12.9442 132.872 18.1118Z" fill-rule="evenodd" fill="#F1EFE9"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip13_52">
|
||||||
|
<rect id="wish" width="256.000000" height="256.000000" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.1 KiB |
@@ -1,8 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-list class="pool-card">
|
<v-list class="pool-card">
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<v-list-item-title style="color: #fec90b; margin-left: 10px; font-family: Genshin, serif"
|
<v-list-item-title style="color: #fec90b; margin-left: 10px; font-family: Genshin, serif">
|
||||||
>限时祈愿</v-list-item-title
|
<img src="../assets/icons/icon-wish.svg" alt="wish" class="pool-wish-icon" />
|
||||||
|
限时祈愿</v-list-item-title
|
||||||
>
|
>
|
||||||
<div v-if="loading">
|
<div v-if="loading">
|
||||||
<t-loading :title="loadingTitle" :empty="loadingEmpty" position="relative" />
|
<t-loading :title="loadingTitle" :empty="loadingEmpty" position="relative" />
|
||||||
@@ -136,6 +137,12 @@ async function toPost(pool: GachaCard) {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="css" scoped>
|
<style lang="css" scoped>
|
||||||
|
.pool-wish-icon {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
.pool-card {
|
.pool-card {
|
||||||
font-family: "Genshin", serif;
|
font-family: "Genshin", serif;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -1,9 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-list class="position-card">
|
<v-list class="position-card">
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
<v-list-item-title style="color: #fec90b; margin-left: 10px; font-family: Genshin, serif"
|
<v-list-item-title style="color: #fec90b; margin-left: 10px; font-family: Genshin, serif">
|
||||||
>近期活动</v-list-item-title
|
<img src="../assets/icons/board.svg" alt="act" class="position-act-icon" />
|
||||||
>
|
近期活动
|
||||||
|
</v-list-item-title>
|
||||||
<div v-if="loading">
|
<div v-if="loading">
|
||||||
<t-loading :title="loadingTitle" :empty="loadingEmpty" position="relative" />
|
<t-loading :title="loadingTitle" :empty="loadingEmpty" position="relative" />
|
||||||
</div>
|
</div>
|
||||||
@@ -123,6 +124,12 @@ async function toPost(card: PositionCard) {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="css" scoped>
|
<style lang="css" scoped>
|
||||||
|
.position-act-icon {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
.position-card {
|
.position-card {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
font-family: "Genshin", serif;
|
font-family: "Genshin", serif;
|
||||||
|
|||||||
Reference in New Issue
Block a user