From 68c5819a770a562d00fdcd20bed829ecce761ce0 Mon Sep 17 00:00:00 2001
From: zhangjiming <zhangjiming@costrip.cn>
Date: Sat, 1 Mar 2025 17:17:27 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=85=A5=E5=8F=A3=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/entry/entry_icon_1.svg |  1 +
 src/assets/entry/entry_icon_2.svg |  1 +
 src/assets/entry/entry_icon_3.svg |  1 +
 src/assets/entry/entry_icon_4.svg |  1 +
 src/assets/entry/entry_icon_5.svg |  1 +
 src/components/TemperatureNum.vue | 20 ++++++++++----------
 src/views/HomeView.vue            | 36 +++++++++++++++++++++++-------------
 7 files changed, 38 insertions(+), 23 deletions(-)
 create mode 100644 src/assets/entry/entry_icon_1.svg
 create mode 100644 src/assets/entry/entry_icon_2.svg
 create mode 100644 src/assets/entry/entry_icon_3.svg
 create mode 100644 src/assets/entry/entry_icon_4.svg
 create mode 100644 src/assets/entry/entry_icon_5.svg

diff --git a/src/assets/entry/entry_icon_1.svg b/src/assets/entry/entry_icon_1.svg
new file mode 100644
index 0000000..85c0f4f
--- /dev/null
+++ b/src/assets/entry/entry_icon_1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="206.99998474121094" height="206" viewBox="0 0 206.99998474121094 206"><defs><linearGradient x1="0.5" y1="0" x2="0.5" y2="1.6576176881790161" id="master_svg0_81_8063"><stop offset="0%" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="99.52375292778015%" stop-color="#FFFFFF" stop-opacity="0"/></linearGradient></defs><g><path d="M190.181,103C190.181,91.4125,196.65,81.1125,207,77.25C201.825,59.225,191.475,42.4875,178.538,29.6125C169.481,36.05,156.544,37.3375,146.194,32.1875C135.844,25.75,130.669,15.45,131.962,3.8625C122.906,1.2875,112.556,0,103.5,0C93.15,0,84.0938,1.2875,75.0375,3.8625C76.3313,14.1625,71.1562,25.75,60.8062,32.1875C50.4563,38.625,37.5187,37.3375,28.4625,29.6125C15.525,42.4875,5.175,59.225,0,77.25C10.35,81.1125,16.8187,91.4125,16.8187,103C16.8187,114.587,10.35,124.887,0,128.75C5.175,146.775,15.525,163.512,28.4625,176.387C37.5187,169.95,50.4563,168.663,60.8062,173.812C71.1562,180.25,76.3313,190.55,75.0375,202.137C84.0938,204.712,94.4438,206,103.5,206C113.85,206,122.906,204.712,131.962,202.137C130.669,191.837,135.844,180.25,146.194,173.812C156.544,167.375,169.481,168.663,178.538,176.387C191.475,163.512,201.825,146.775,207,128.75C196.65,124.887,190.181,114.587,190.181,103ZM103.5,145.488C78.9187,145.488,59.5125,126.175,59.5125,103C59.5125,79.825,78.9187,60.5125,103.5,60.5125C128.081,60.5125,147.487,79.825,147.487,103C147.487,126.175,128.081,145.488,103.5,145.488ZM103.5,128.75C117.79,128.75,129.375,117.221,129.375,103C129.375,88.7787,117.79,77.25,103.5,77.25C89.2096,77.25,77.625,88.7787,77.625,103C77.625,117.221,89.2096,128.75,103.5,128.75Z" fill="url(#master_svg0_81_8063)" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/entry/entry_icon_2.svg b/src/assets/entry/entry_icon_2.svg
new file mode 100644
index 0000000..0659c4d
--- /dev/null
+++ b/src/assets/entry/entry_icon_2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="117.6129150390625" height="112.18312072753906" viewBox="0 0 117.6129150390625 112.18312072753906"><defs><linearGradient x1="0.5" y1="0" x2="0.5288225256209833" y2="2.2572407201061857" id="master_svg0_81_8397"><stop offset="0%" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="100%" stop-color="#FFFFFF" stop-opacity="0"/></linearGradient></defs><g><path d="M116.411,35.2212L109.757,28.5356C107.917,26.6831,104.637,26.98,102.431,29.2125L52.3777,79.5981C50.1599,81.8187,49.865,85.12,51.7053,86.9725L58.3469,93.67C60.1872,95.5106,63.4667,95.2137,65.6845,92.9812L115.726,42.6075C117.944,40.375,118.251,37.0737,116.411,35.2212ZM63.3959,99.8806L63.6318,100.083L42.8105,111.15L84.9368,111.15C88.0748,111.15,90.5993,108.597,90.5993,105.45L90.5993,73.0312L64.8587,98.8237C64.3986,99.275,63.8913,99.5363,63.3959,99.8806ZM45.1345,84.1106C45.5474,83.0062,46.1254,81.9256,47.0574,80.9994L90.5993,37.3706L90.5993,5.7C90.5993,2.55312,88.063,0,84.9368,0L5.66245,0C2.53631,0,0,2.55312,0,5.7L0,105.438C0,108.597,2.53631,111.138,5.66245,111.138L33.668,111.138L44.8749,83.8731L45.1345,84.1106ZM14.1561,8.55L73.6119,8.55C76.7498,8.55,79.2744,10.1175,79.2744,12.065C79.2744,14.0125,76.738,15.5681,73.6119,15.5681L14.1561,15.5681C11.03,15.5681,8.49368,14.0006,8.49368,12.065C8.49368,10.1175,11.03,8.55,14.1561,8.55ZM14.1561,27.3244L73.6119,27.3244C76.7498,27.3244,79.2744,28.975,79.2744,31.0056C79.2744,33.0362,76.738,34.6869,73.6119,34.6869L14.1561,34.6869C11.03,34.6869,8.49368,33.0363,8.49368,31.0056C8.49368,28.975,11.03,27.3244,14.1561,27.3244ZM14.1561,54.1263C11.03,54.1263,8.49368,52.4163,8.49368,50.3263C8.49368,48.2363,11.03,46.5263,14.1561,46.5263L50.9621,46.5263C54.0882,46.5263,56.6245,48.2244,56.6245,50.3263C56.6245,52.4281,54.0882,54.1263,50.9621,54.1263L14.1561,54.1263ZM46.149,87.3762L35.4611,112.183L59.2552,99.9756L46.149,87.3762Z" fill="url(#master_svg0_81_8397)" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/entry/entry_icon_3.svg b/src/assets/entry/entry_icon_3.svg
new file mode 100644
index 0000000..c290602
--- /dev/null
+++ b/src/assets/entry/entry_icon_3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="121.625" height="112.9375" viewBox="0 0 121.625 112.9375"><defs><linearGradient x1="0.5" y1="0" x2="0.5" y2="2.610927104949951" id="master_svg0_81_8912"><stop offset="0%" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="100%" stop-color="#FFFFFF" stop-opacity="0"/></linearGradient></defs><g><path d="M99.9062,86.875L52.125,86.875C49.726,86.875,47.7812,88.8198,47.7812,91.2188C47.7812,93.6177,49.726,95.5625,52.125,95.5625L99.9062,95.5625C102.305,95.5625,104.25,93.6177,104.25,91.2188C104.25,88.8198,102.305,86.875,99.9062,86.875ZM99.9062,52.125L52.125,52.125C49.726,52.125,47.7812,54.0698,47.7812,56.4688C47.7812,58.8677,49.726,60.8125,52.125,60.8125L99.9062,60.8125C102.305,60.8125,104.25,58.8677,104.25,56.4688C104.25,54.0698,102.305,52.125,99.9062,52.125ZM99.9062,17.375L52.125,17.375C49.726,17.375,47.7812,19.3198,47.7812,21.7188C47.7812,24.1177,49.726,26.0625,52.125,26.0625L99.9062,26.0625C102.305,26.0625,104.25,24.1177,104.25,21.7188C104.25,19.3198,102.305,17.375,99.9062,17.375ZM32.5781,86.875L23.8906,86.875C21.4916,86.875,19.5469,88.8198,19.5469,91.2188C19.5469,93.6177,21.4916,95.5625,23.8906,95.5625L32.5781,95.5625C34.9771,95.5625,36.9219,93.6177,36.9219,91.2188C36.9219,88.8198,34.9771,86.875,32.5781,86.875ZM32.5781,52.125L23.8906,52.125C21.4916,52.125,19.5469,54.0698,19.5469,56.4688C19.5469,58.8677,21.4916,60.8125,23.8906,60.8125L32.5781,60.8125C34.9771,60.8125,36.9219,58.8677,36.9219,56.4688C36.9219,54.0698,34.9771,52.125,32.5781,52.125ZM32.5781,17.375L23.8906,17.375C21.4916,17.375,19.5469,19.3198,19.5469,21.7188C19.5469,24.1177,21.4916,26.0625,23.8906,26.0625L32.5781,26.0625C34.9771,26.0625,36.9219,24.1177,36.9219,21.7188C36.9219,19.3198,34.9771,17.375,32.5781,17.375ZM108.594,0L13.0312,0C5.83429,0,0,5.83429,0,13.0312L0,99.9062C0,107.103,5.83429,112.938,13.0312,112.938L108.594,112.938C115.791,112.938,121.625,107.103,121.625,99.9062L121.625,13.0312C121.625,5.83429,115.791,0,108.594,0ZM112.938,99.9062C112.938,102.305,110.993,104.25,108.594,104.25L13.0312,104.25C10.6323,104.25,8.6875,102.305,8.6875,99.9062L8.6875,78.1875L99.9062,78.1875C102.305,78.1875,104.25,76.2427,104.25,73.8438C104.25,71.4448,102.305,69.5,99.9062,69.5L8.6875,69.5L8.6875,43.4375L99.9062,43.4375C102.305,43.4375,104.25,41.4927,104.25,39.0938C104.25,36.6948,102.305,34.75,99.9062,34.75L8.6875,34.75L8.6875,13.0312C8.6875,10.6323,10.6323,8.6875,13.0312,8.6875L108.594,8.6875C110.993,8.6875,112.938,10.6323,112.938,13.0312L112.938,99.9062Z" fill="url(#master_svg0_81_8912)" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/entry/entry_icon_4.svg b/src/assets/entry/entry_icon_4.svg
new file mode 100644
index 0000000..b284d2c
--- /dev/null
+++ b/src/assets/entry/entry_icon_4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="106.7818374633789" height="140.97705078125" viewBox="0 0 106.7818374633789 140.97705078125"><defs><linearGradient x1="0.5" y1="0" x2="0.5" y2="2.1071276664733887" id="master_svg0_81_8618"><stop offset="0%" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="100%" stop-color="#FFFFFF" stop-opacity="0"/></linearGradient></defs><g><path d="M32.1515,7.7224C34.1484,8.14118,36.0759,8.8409,37.8765,9.80067C39.7746,10.8122,42.1333,10.0928,43.1439,8.19421C44.1545,6.29561,43.434,3.93725,41.5349,2.92759C39.0841,1.62357,36.4608,0.673569,33.7433,0.105965C31.6121,-0.399376,29.4838,0.952728,29.0358,3.09668C28.5877,5.24062,29.9963,7.33192,32.1515,7.7224ZM89.7308,0.822235C92.7454,1.76788,95.5889,3.19093,98.1528,5.03716C99.847,6.30935,100.212,8.70297,98.9747,10.4226C97.7372,12.1422,95.3515,12.5561,93.6071,11.3537C91.7156,9.99542,89.6257,8.94461,87.4073,8.24796C85.4148,7.56277,84.3294,5.41633,84.9586,3.40542C85.5878,1.39452,87.703,0.249519,89.7308,0.822235ZM58.8525,7.52018C61.1508,5.35831,63.7782,3.57562,66.6363,2.23888L66.6363,2.24277C68.5947,1.26202,70.9764,2.08988,71.9043,4.07389C72.8323,6.05791,71.9409,8.41657,69.9327,9.29099C67.8272,10.2756,65.8851,11.595,64.1844,13.1946C62.6177,14.6689,60.1522,14.5932,58.6791,13.0254C57.2059,11.4576,57.2836,8.99213,58.8525,7.52018ZM11.5362,12.6612C13.0753,11.314,14.7953,10.1887,16.6462,9.31808C18.5907,8.40197,19.4246,6.08331,18.5092,4.13854C17.5938,2.19378,15.2754,1.35899,13.3303,2.27375C10.8236,3.45509,8.49445,4.98122,6.41053,6.80781C4.86883,8.24051,4.7454,10.6393,6.13191,12.2227C7.51842,13.806,9.91249,14.0003,11.5362,12.6612ZM48.0499,21.2389C48.7854,23.1343,49.2486,25.1269,49.4276,27.1702C49.5678,29.3492,51.4729,30.9866,53.6482,30.7976C55.8236,30.6087,57.4178,28.6675,57.1803,26.4969C56.9407,23.731,56.309,21.0132,55.3044,18.4251C54.5666,16.3636,52.274,15.3162,50.2327,16.108C48.1913,16.8998,47.2046,19.2191,48.0499,21.2389ZM11.6757,67.393L11.6757,103.234L12.4648,103.234C12.4609,103.331,12.4103,103.413,12.4103,103.51C12.2705,106.44,14.6084,108.892,17.5418,108.892C20.3915,108.892,22.6792,106.578,22.6792,103.76C22.8094,106.481,25.057,108.648,27.8106,108.648C30.5795,108.648,32.8368,106.457,32.9451,103.714C32.9439,106.536,35.2339,108.847,38.0813,108.847C40.86,108.847,43.1079,106.646,43.2158,103.917C43.3215,106.646,45.5694,108.847,48.3481,108.847C51.1972,108.847,53.4882,106.533,53.4854,103.709C53.5925,106.452,55.85,108.642,58.6188,108.642C61.3721,108.642,63.6199,106.476,63.7478,103.755C63.7475,106.575,66.0362,108.892,68.8875,108.892C71.7348,108.892,74.021,106.582,74.0249,103.767C74.1551,106.488,76.4024,108.655,79.1563,108.655C81.9256,108.655,84.1826,106.464,84.2909,103.721C84.2935,106.54,86.582,108.847,89.427,108.847C92.3426,108.847,94.6738,106.424,94.5604,103.51C94.5604,103.413,94.5059,103.331,94.5059,103.234L95.1062,103.234L95.1062,67.3969L68.9488,56.8071C66.7435,55.9159,65.2993,53.7759,65.2982,51.3974L65.2982,41.4614C65.3013,38.2394,67.9141,35.6292,71.136,35.6292C74.3579,35.6292,76.9707,38.2394,76.9738,41.4614L76.9738,47.4627L103.135,58.0525C105.339,58.9449,106.781,61.0846,106.782,63.4622L106.782,128.757C106.78,135.506,101.307,140.977,94.5574,140.977L12.2283,140.977C5.47784,140.977,0.00428772,135.507,0,128.757L0,63.4544C0.00117493,61.0759,1.4453,58.9359,3.6506,58.0447L29.808,47.4588L29.808,41.4575C29.808,38.2333,32.4217,35.6196,35.6458,35.6196C38.87,35.6196,41.4837,38.2333,41.4837,41.4575L41.4837,51.3935C41.4847,53.7725,40.0421,55.9142,37.837,56.8071L11.6757,67.393ZM84.2949,103.51C84.2921,103.581,84.2908,103.651,84.2909,103.721C84.2936,103.651,84.295,103.581,84.2949,103.51ZM84.2949,103.51C84.2949,103.413,84.3416,103.331,84.3494,103.234L84.2366,103.234C84.2404,103.331,84.2949,103.413,84.2949,103.51ZM74.0249,103.767C74.0209,103.682,74.0189,103.596,74.019,103.51C74.0231,103.596,74.0251,103.682,74.0249,103.767ZM63.7535,103.51C63.7497,103.592,63.7478,103.674,63.7478,103.755C63.7516,103.674,63.7535,103.592,63.7535,103.51ZM63.7535,103.51C63.7535,103.413,63.8041,103.331,63.808,103.234L63.699,103.234C63.7029,103.331,63.7535,103.413,63.7535,103.51ZM53.4854,103.709C53.4829,103.643,53.4815,103.577,53.4815,103.51C53.4841,103.577,53.4854,103.643,53.4854,103.709ZM43.216,103.51C43.2106,103.647,43.2106,103.783,43.2158,103.917C43.2212,103.783,43.2213,103.647,43.216,103.51ZM43.216,103.51C43.216,103.413,43.2666,103.331,43.2744,103.234L43.1615,103.234C43.1615,103.331,43.216,103.413,43.216,103.51ZM32.9492,103.51C32.9465,103.578,32.9452,103.646,32.9451,103.714C32.9478,103.646,32.9492,103.578,32.9492,103.51ZM32.9492,103.51C32.9492,103.413,32.9959,103.331,33.0037,103.234L32.8908,103.234C32.8947,103.331,32.9492,103.413,32.9492,103.51ZM22.6792,103.76C22.6753,103.677,22.6733,103.594,22.6733,103.51C22.6773,103.594,22.6792,103.677,22.6792,103.76ZM49.5055,44.5747L49.5055,51.7631C49.5055,53.9125,51.2479,55.6549,53.3974,55.6549C55.5468,55.6549,57.2892,53.9125,57.2892,51.7631L57.2892,44.5747C57.2892,42.4253,55.5468,40.6828,53.3974,40.6828C51.2479,40.6828,49.5055,42.4253,49.5055,44.5747ZM49.5055,69.7358L49.5055,76.9241C49.5055,79.0736,51.2479,80.816,53.3974,80.816C55.5468,80.816,57.2892,79.0736,57.2892,76.9241L57.2892,69.7358C57.2892,67.5864,55.5468,65.8439,53.3974,65.8439C51.2479,65.8439,49.5055,67.5864,49.5055,69.7358ZM22.6824,103.51C22.6824,103.413,22.6279,103.331,22.6201,103.234L22.733,103.234C22.7291,103.331,22.6824,103.413,22.6824,103.51ZM53.4867,103.51C53.4867,103.413,53.4322,103.331,53.4322,103.234L53.5451,103.234C53.5334,103.331,53.4867,103.413,53.4867,103.51ZM74.0242,103.51C74.0242,103.413,73.9697,103.331,73.9658,103.234L74.0787,103.234C74.0709,103.331,74.0242,103.413,74.0242,103.51Z" fill-rule="evenodd" fill="url(#master_svg0_81_8618)" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/entry/entry_icon_5.svg b/src/assets/entry/entry_icon_5.svg
new file mode 100644
index 0000000..fe0f53b
--- /dev/null
+++ b/src/assets/entry/entry_icon_5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="176" height="176" viewBox="0 0 176 176"><defs><clipPath id="master_svg0_81_11938"><rect x="0" y="0" width="176" height="176" rx="0"/></clipPath><linearGradient x1="0.5" y1="0" x2="0.5" y2="2.8220138549804688" id="master_svg1_81_9332"><stop offset="0%" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="98.80946278572083%" stop-color="#FFFFFF" stop-opacity="0"/></linearGradient></defs><g clip-path="url(#master_svg0_81_11938)"><g><path d="M121.7107890625,17.99853515625L158.0107890625,54.29853515625L147.6337890625,64.66783515624999L134.6697890625,51.70233515625L124.2987890625,62.07333515625L127.6987890625,65.47383515625L137.2607890625,75.03623515625C137.2777890625,75.05293515625,137.2947890625,75.06963515625,137.31078906250002,75.08643515624999L155.4147890625,93.19083515625L145.0447890625,103.56023515625L132.0757890625,90.59083515625L75.03418906249999,147.62853515625C73.1741890625,149.49053515625,70.45968906249999,150.21253515625,67.9207890625,149.52053515625L46.3886890625,143.64953515625L32.3724890625,157.66653515625L11.6337890625,157.66653515625L13.1517890625,156.14853515625L33.9212890625,135.37853515625L26.4691890625,108.07663515625C25.777989062499998,105.53773515625,26.4999890625,102.82323515625,28.3611890625,100.96323515625L85.4045890625,43.91973515625L72.4450890625,30.96023515625L82.8198890625,20.59269515625L113.9277890625,51.70263515625L124.2997890625,41.33203515625L111.3373890625,28.367835156250003L121.7107890625,17.99853515625ZM82.8198890625,20.59269515625L82.8180890625,20.59086515625L82.8216890625,20.59086515625L82.8198890625,20.59269515625Z" fill-rule="evenodd" fill="url(#master_svg1_81_9332)" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M85.409925,64.66796875L106.15232499999999,85.41026875L95.779325,95.78326875L75.036925,75.04096875L85.409925,64.66796875ZM67.259925,82.81796875L82.81762499999999,98.37566875L72.448325,108.74496875L56.890625,93.18726875L67.259925,82.81796875Z" fill="#7FB1F5" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/components/TemperatureNum.vue b/src/components/TemperatureNum.vue
index 7379872..d5cabe8 100644
--- a/src/components/TemperatureNum.vue
+++ b/src/components/TemperatureNum.vue
@@ -8,16 +8,16 @@
 </template>
 
 <script setup lang="ts">
-import N0 from "@/assets/N0.svg";
-import N1 from "@/assets/N1.svg";
-import N2 from "@/assets/N2.svg";
-import N3 from "@/assets/N3.svg";
-import N4 from "@/assets/N4.svg";
-import N5 from "@/assets/N5.svg";
-import N6 from "@/assets/N6.svg";
-import N7 from "@/assets/N7.svg";
-import N8 from "@/assets/N8.svg";
-import N9 from "@/assets/N9.svg";
+import N0 from "@/assets/number/N0.svg";
+import N1 from "@/assets/number/N1.svg";
+import N2 from "@/assets/number/N2.svg";
+import N3 from "@/assets/number/N3.svg";
+import N4 from "@/assets/number/N4.svg";
+import N5 from "@/assets/number/N5.svg";
+import N6 from "@/assets/number/N6.svg";
+import N7 from "@/assets/number/N7.svg";
+import N8 from "@/assets/number/N8.svg";
+import N9 from "@/assets/number/N9.svg";
 
 const numImgMap: Record<number, string> = {
 	0: N0,
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index ba9d0a0..4c38d78 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,17 +1,27 @@
 <template>
-	<main class="relative">
-		<section class="pt-[90px] mb-5 flex justify-between px-[90px]">
-			<img src="@/assets/entry1.png" alt="entry1" @click="onEnvironmentEntryClick" />
-			<img src="@/assets/entry2.png" alt="entry1" @click="onSprayEntryClick" />
-			<img src="@/assets/entry3.png" alt="entry1" @click="onPrintEntryClick" />
-		</section>
-		<section class="flex justify-between px-[100px]">
-			<div class="btn-dark px-12 py-3 text-lg">开始喷涂</div>
-			<div class="btn-light px-12 py-3 text-lg">停止喷涂</div>
-			<div class="btn-dark px-12 py-3 text-lg">开始转印</div>
-			<div class="btn-light px-12 py-3 text-lg">停止转印</div>
-		</section>
-		
+	<main class="h-full flex justify-center items-center">
+		<div class="h-[70%] w-[90%] grid grid-cols-3 grid-rows-2 gap-6 text-white">
+			<div class="row-span-2 relative bg-[url(@/assets/entry/entry_bg1.svg)] bg-cover bg-center bg-no-repeat rounded-[16px]" @click="onSprayEntryClick">
+				<p class="text-[32px] font-semibold absolute left-6 bottom-6">喷涂设置</p>
+				<img src="@/assets/entry/entry_icon_1.svg" alt="icon" class="w-[90px] absolute right-6 top-6" />
+			</div>
+			<div class="relative bg-[url(@/assets/entry/entry_bg2.svg)] bg-cover bg-center bg-no-repeat rounded-[16px]">
+				<p class="text-[32px] font-semibold absolute left-6 bottom-6">历史喷涂</p>
+				<img src="@/assets/entry/entry_icon_2.svg" alt="icon" class="w-[50px] absolute right-6 top-6" />
+			</div>
+			<div class="relative bg-[url(@/assets/entry/entry_bg3.svg)] bg-cover bg-center bg-no-repeat rounded-[16px]">
+				<p class="text-[32px] font-semibold absolute left-6 bottom-6">工艺管理</p>
+				<img src="@/assets/entry/entry_icon_3.svg" alt="icon" class="w-[55px] absolute right-6 top-6" />
+			</div>
+			<div class="relative bg-[url(@/assets/entry/entry_bg4.svg)] bg-cover bg-center bg-no-repeat rounded-[16px]">
+				<p class="text-[32px] font-semibold absolute left-6 bottom-6">清洗管道</p>
+				<img src="@/assets/entry/entry_icon_4.svg" alt="icon" class="w-[50px] absolute right-6 top-6" />
+			</div>
+			<div class="relative bg-[url(@/assets/entry/entry_bg5.svg)] bg-cover bg-center bg-no-repeat rounded-[16px]">
+				<p class="text-[32px] font-semibold absolute left-6 bottom-6">注射器管理</p>
+				<img src="@/assets/entry/entry_icon_5.svg" alt="icon" class="w-[80px] absolute right-4 top-4" />
+			</div>
+		</div>
 	</main>
 </template>