diff --git a/src/assets/icons/delete2.svg b/src/assets/icons/delete2.svg
new file mode 100644
index 0000000..407e218
--- /dev/null
+++ b/src/assets/icons/delete2.svg
@@ -0,0 +1,6 @@
+<svg width="251" height="300" viewBox="0 0 251 300" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.9521 56.6006L43.3819 271.477C44.0199 283.893 53.0514 292.965 64.8696 292.965H188.424C200.289 292.965 209.153 283.893 209.911 271.477L223.341 56.6006" stroke="black" stroke-width="13.7521" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.63574 50.8174H244Z" fill="black"/>
+<path d="M7.63574 50.8174H244" stroke="black" stroke-width="13.7521" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M82.8441 50.8162V23.9566C82.8379 21.8385 83.2505 19.7401 84.0582 17.7821C84.8659 15.824 86.0527 14.045 87.5504 12.5472C89.0482 11.0495 90.8272 9.86268 92.7853 9.05499C94.7433 8.2473 96.8417 7.83468 98.9598 7.84089H152.679C154.797 7.83468 156.895 8.2473 158.854 9.05499C160.812 9.86268 162.591 11.0495 164.088 12.5472C165.586 14.045 166.773 15.824 167.581 17.7821C168.388 19.7401 168.801 21.8385 168.795 23.9566V50.8162M125.819 93.7915V244.205M77.4722 93.7915L82.8441 244.205M174.167 93.7915L168.795 244.205" stroke="black" stroke-width="13.7521" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/download.svg b/src/assets/icons/download.svg
index 98131e7..6246b3c 100644
--- a/src/assets/icons/download.svg
+++ b/src/assets/icons/download.svg
@@ -1,3 +1,3 @@
-<svg width="35" height="36" viewBox="0 0 35 36" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1.78125 26.7244V30.6884C1.78125 31.7398 2.19964 32.748 2.94437 33.4914C3.6891 34.2348 4.69917 34.6525 5.75239 34.6525H29.5792C30.6324 34.6525 31.6425 34.2348 32.3872 33.4914C33.1319 32.748 33.5503 31.7398 33.5503 30.6884V26.7244M7.73795 14.8322L17.6658 24.7423M17.6658 24.7423L27.5936 14.8322M17.6658 24.7423V0.958008" stroke="black" stroke-width="1.9254" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="78" height="82" viewBox="0 0 78 82" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.40918 61.6062V70.6638C2.40918 73.066 3.36517 75.3699 5.06684 77.0685C6.76851 78.7672 9.07647 79.7215 11.483 79.7215H65.9259C68.3325 79.7215 70.6404 78.7672 72.3421 77.0685C74.0438 75.3699 74.9998 73.066 74.9998 70.6638V61.6062M16.0199 34.4332L38.7045 57.0773M38.7045 57.0773L61.389 34.4332M38.7045 57.0773V2.73145" stroke="black" stroke-width="4.39943" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/assets/icons/love_0.svg b/src/assets/icons/love_0.svg
new file mode 100644
index 0000000..e568404
--- /dev/null
+++ b/src/assets/icons/love_0.svg
@@ -0,0 +1,6 @@
+<svg width="79" height="69" viewBox="0 0 79 69" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_252_848" fill="white">
+<path d="M6.79538 6.5513C14.9666 -1.61978 28.215 -1.61986 36.3861 6.5513L39.3451 9.51024L42.3061 6.54923C50.4773 -1.62195 63.7257 -1.62192 71.8969 6.54923C80.068 14.7204 80.068 27.9688 71.8969 36.14L39.3451 68.6918L6.79538 36.1421C-1.37582 27.9709 -1.37582 14.7225 6.79538 6.5513Z"/>
+</mask>
+<path d="M6.79538 6.5513L3.07565 2.83151L3.07562 2.83154L6.79538 6.5513ZM36.3861 6.5513L40.1059 2.83154L40.1059 2.83154L36.3861 6.5513ZM39.3451 9.51024L35.6253 13.23L39.3451 16.9498L43.0648 13.23L39.3451 9.51024ZM71.8969 6.54923L75.6166 2.82947L75.6166 2.82945L71.8969 6.54923ZM39.3451 68.6918L35.6253 72.4115L39.3451 76.1313L43.0648 72.4115L39.3451 68.6918ZM6.79538 36.1421L10.5151 32.4223L10.5151 32.4223L6.79538 36.1421ZM6.79538 6.5513L10.5151 10.2711C16.632 4.15431 26.5496 4.1543 32.6664 10.2711L36.3861 6.5513L40.1059 2.83154C29.8803 -7.39402 13.3012 -7.39387 3.07565 2.83151L6.79538 6.5513ZM36.3861 6.5513L32.6664 10.2711L35.6253 13.23L39.3451 9.51024L43.0648 5.79048L40.1059 2.83154L36.3861 6.5513ZM39.3451 9.51024L43.0648 13.23L46.0259 10.269L42.3061 6.54923L38.5863 2.82947L35.6253 5.79048L39.3451 9.51024ZM42.3061 6.54923L46.0259 10.269C52.1426 4.15219 62.0603 4.1522 68.1771 10.269L71.8969 6.54923L75.6166 2.82945C65.391 -7.39603 48.8119 -7.39609 38.5863 2.82947L42.3061 6.54923ZM71.8969 6.54923L68.1771 10.269C74.2939 16.3858 74.2939 26.3034 68.1771 32.4202L71.8969 36.14L75.6166 39.8598C85.8422 29.6342 85.8422 13.055 75.6166 2.82947L71.8969 6.54923ZM71.8969 36.14L68.1771 32.4202L35.6253 64.972L39.3451 68.6918L43.0648 72.4115L75.6166 39.8598L71.8969 36.14ZM39.3451 68.6918L43.0648 64.972L10.5151 32.4223L6.79538 36.1421L3.07562 39.8618L35.6253 72.4115L39.3451 68.6918ZM6.79538 36.1421L10.5151 32.4223C4.39831 26.3055 4.39831 16.3879 10.5151 10.2711L6.79538 6.5513L3.07562 2.83154C-7.14995 13.0571 -7.14995 29.6363 3.07562 39.8618L6.79538 36.1421Z" fill="black" mask="url(#path-1-inside-1_252_848)"/>
+</svg>
diff --git a/src/assets/icons/reload.svg b/src/assets/icons/reload.svg
new file mode 100644
index 0000000..934d305
--- /dev/null
+++ b/src/assets/icons/reload.svg
@@ -0,0 +1,4 @@
+<svg width="69" height="70" viewBox="0 0 69 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.08594 38.5435C3.95403 46.3038 7.64402 53.4744 13.4541 58.6915C19.2642 63.9087 26.7892 66.8085 34.5978 66.8394C42.4065 66.8703 49.9542 64.0302 55.8054 58.8593C61.6567 53.6883 65.4034 46.5472 66.3329 38.794C67.2625 31.0408 65.31 23.2164 60.8469 16.8088C56.3839 10.4012 49.7215 5.85749 42.1268 4.04168C34.5321 2.22587 26.535 3.26468 19.6563 6.96054C12.7776 10.6564 7.49712 16.7515 4.81919 24.0867" stroke="black" stroke-width="4.73448" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.87305 6.71289V24.3992H20.5593" stroke="black" stroke-width="4.73448" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/HeaderTitle.vue b/src/components/HeaderTitle.vue
index 32c41ae..b5cc528 100644
--- a/src/components/HeaderTitle.vue
+++ b/src/components/HeaderTitle.vue
@@ -17,18 +17,21 @@
 </script>
 
 <template>
-	<div class="header-title" :class="{ 'light': light }">
+	<div class="header-title main" :class="{ 'light': light }">
 		<div class="return" @click="handleClickReturn"><SvgIcon name="return" size="34" /></div>
 		<span class="title">{{ title }}</span>
 		<div class="setting" v-if="hasSetting"><SvgIcon name="setting" size="34" /></div>
 	</div>
+	<div class="header-title placeholder"></div>
 </template>
 
 <style scoped lang="less">
 	.header-title {
-		position: sticky;
 		width: 100%;
 		height: var(--header-title-height, 9.9rem);
+	}
+	.header-title.main {
+		position: fixed;
 		top: 0;
 		z-index: var(--header-title-z-index, 999);
 		background-color: var(--header-title-background, #000000);
diff --git a/src/views/Workshop/customize/home.vue b/src/views/Workshop/customize/home.vue
index 3797d62..08bce05 100644
--- a/src/views/Workshop/customize/home.vue
+++ b/src/views/Workshop/customize/home.vue
@@ -18,8 +18,8 @@
 				<div class="icon"><SvgIcon name="xialajiantou" size="29" /></div>
 			</div>
 			<div class="icons">
-				<div><SvgIcon name="noLike" size="35" /></div>
-				<div></div>
+				<div><SvgIcon name="love_0" size="35" /></div>
+				<div><SvgIcon name="reload" size="35" /></div>
 				<div><SvgIcon name="download" size="35" /></div>
 			</div>
 		</div>
diff --git a/src/views/Workshop/customize/library.vue b/src/views/Workshop/customize/library.vue
index f43280b..470cab5 100644
--- a/src/views/Workshop/customize/library.vue
+++ b/src/views/Workshop/customize/library.vue
@@ -23,7 +23,7 @@ const deleteItem = (i: number) => {
 					<span class="lastopened">Last opened 18:20</span>
 					<button @click="onRetrieveItem(i)">Retrieve</button>
 				</div>
-				<div class="delete" @click="deleteItem(i)"></div>
+				<div class="delete" @click="deleteItem(i)"><SvgIcon name="delete2" size="30" /></div>
 			</div>
 		</div>
 	</div>