From 231832551974a4906ee3813fe96f636bdabadaad Mon Sep 17 00:00:00 2001
From: twinkle255 <white2021@foxmail.com>
Date: Wed, 21 Jun 2023 00:02:09 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=8Fbug=E4=BF=AE=E6=94=B9=EF=BC=8C?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=BA=86=E6=95=B4=E7=90=86=E4=BA=86scss?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 UI/pages/businessInfo.html | 55 +++++++++++++++++++-------------------
 UI/scss/businessInfo.scss  | 27 +++++++++++++++++++
 UI/scss/businessList.scss  |  1 -
 3 files changed, 55 insertions(+), 28 deletions(-)
 create mode 100644 UI/scss/businessInfo.scss
diff --git a/UI/pages/businessInfo.html b/UI/pages/businessInfo.html
index 1158169..5d3578d 100644
--- a/UI/pages/businessInfo.html
+++ b/UI/pages/businessInfo.html
@@ -8,6 +8,7 @@
     <title>饿了么 商家信息</title>
     <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
     <link rel="stylesheet" href="../css/output.css">
+    <link rel="stylesheet" href="../scss/businessInfo.scss">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
 </head>
 <body class="">
@@ -31,13 +32,13 @@
 
         <!--食品列表部分-->
         <ul class="w-full mb-7 text-sm">
-            <li class="w=full box-border mx-3 my-8 p-1.25/1 select-none flex justify-between items-center">
+            <li class="w-full box-border mx-3 my-8 p-1.25/1 select-none flex justify-between items-center">
                 <div class="flex box-content items-center">
                     <img class="ml-3 w-1/3 h-1/3" src="../assets/images/sp01.png">
                     <div class="ml-1.5">
-                        <h3 class="text-3xl mx-3 font-semibold text-gray-600">纯肉鲜肉（水饺）</h3>
-                        <p class="text-2xl leading-loose mx-3 font-normal text-gray-500 mt-1">新鲜猪肉</p>
-                        <p class="text-2xl text-gray-500 mx-3 font-normal mt-1">&#165;15</p>
+                        <h3 class="FoodName">纯肉鲜肉（水饺）</h3>
+                        <p class="FoodBriefIntro">新鲜猪肉</p>
+                        <p class="FoodNumber">&#165;15</p>
                     </div>
                 </div>
                 <div class="w-18 flex justify-between items-center">
@@ -51,13 +52,13 @@
                 </div>
             </li>
 
-            <li class="w=full box-border mx-3 my-8 p-1.25/1 select-none flex justify-between items-center">
+            <li class="w-full box-border mx-3 my-8 p-1.25/1 select-none flex justify-between items-center">
                 <div class="flex items-center">
                     <img class="ml-3 w-1/3 h-1/3" src="../assets/images/sp02.png">
                     <div class="ml-1.5">
-                        <h3 class="text-3xl mx-3 font-semibold text-gray-600">玉米鲜肉（水饺）</h3>
-                        <p class="text-2xl leading-loose mx-3 font-normal text-gray-500 mt-1">玉米鲜肉</p>
-                        <p class="text-2xl text-gray-500 mx-3 font-normal mt-1">&#165;16</p>
+                        <h3 class="FoodName">玉米鲜肉（水饺）</h3>
+                        <p class="FoodBriefIntro">玉米鲜肉</p>
+                        <p class="FoodNumber">&#165;16</p>
                     </div>
                 </div>
                 <div class="w-18 flex justify-between items-center">
@@ -71,13 +72,13 @@
                 </div>
             </li>
 
-            <li class="w=full box-border mx-3 my-8 p-1.25/1 select-none flex justify-between items-center">
+            <li class="w-full box-border mx-3 my-8 p-1.25/1 select-none flex justify-between items-center">
                 <div class="flex items-center">
                     <img class="ml-3 w-1/3 h-1/3" src="../assets/images/sp03.png">
                     <div class="ml-1.5">
-                        <h3 class="text-3xl mx-3 font-semibold text-gray-600">虾仁三鲜（蒸饺）</h3>
-                        <p class="text-2xl leading-loose mx-3 font-normal text-gray-500 mt-1">虾仁三鲜</p>
-                        <p class="text-2xl text-gray-500 mx-3 font-normal mt-1">&#165;22</p>
+                        <h3 class="FoodName">虾仁三鲜（蒸饺）</h3>
+                        <p class="FoodBriefIntro">虾仁三鲜</p>
+                        <p class="FoodNumber">&#165;22</p>
                     </div>
                 </div>
                 <div class="w-18 flex justify-between items-center">
@@ -91,13 +92,13 @@
                 </div>
             </li>
 
-            <li class="w=full box-border mx-3 my-8 p-1.25/1 select-none flex justify-between items-center">
+            <li class="w-full box-border mx-3 my-8 p-1.25/1 select-none flex justify-between items-center">
                 <div class="flex items-center">
                     <img class="ml-3 w-1/3 h-1/3" src="../assets/images/sp04.png">
                     <div class="ml-1.5">
-                        <h3 class="text-3xl mx-3 font-semibold text-gray-600">素三鲜（蒸饺）</h3>
-                        <p class="text-2xl leading-loose mx-3 font-normal text-gray-500 mt-1">素三鲜</p>
-                        <p class="text-2xl text-gray-500 mx-3 font-normal mt-1">&#165;15</p>
+                        <h3 class="FoodName">素三鲜（蒸饺）</h3>
+                        <p class="FoodBriefIntro">素三鲜</p>
+                        <p class="FoodNumber">&#165;15</p>
                     </div>
                 </div>
                 <div class="w-18 flex justify-between items-center">
@@ -111,13 +112,13 @@
                 </div>
             </li>
 
-            <li class="w=full box-border mx-3 my-8 p-1.25/1 select-none flex justify-between items-center">
+            <li class="w-full box-border mx-3 my-8 p-1.25/1 select-none flex justify-between items-center">
                 <div class="flex items-center">
                     <img class="ml-3 w-1/3 h-1/3" src="../assets/images/sp05.png">
                     <div class="ml-1.5">
-                        <h3 class="text-3xl mx-3 font-semibold text-gray-600">角瓜鸡蛋（蒸饺）</h3>
-                        <p class="text-2xl leading-loose mx-3 font-normal text-gray-500 mt-1">角瓜鸡蛋</p>
-                        <p class="text-2xl text-gray-500 mx-3 font-normal mt-1">&&#165;16</p>
+                        <h3 class="FoodName">角瓜鸡蛋（蒸饺）</h3>
+                        <p class="FoodBriefIntro">角瓜鸡蛋</p>
+                        <p class="FoodNumber">&&#165;16</p>
                     </div>
                 </div>
                 <div class="w-18 flex justify-between items-center">
@@ -131,13 +132,13 @@
                 </div>
             </li>
 
-            <li class="w=full box-border mx-3 my-8 p-1.25/1 select-none flex justify-between items-center">
+            <li class="w-full box-border mx-3 my-8 p-1.25/1 select-none flex justify-between items-center">
                 <div class="flex items-center">
                     <img class="ml-3 w-1/3 h-1/3" src="../assets/images/sp06.png" alt="">
                     <div class="ml-1.5">
-                        <h3 class="text-3xl mx-3 font-semibold text-gray-600">小白菜肉（水饺）</h3>
-                        <p class="text-2xl leading-loose mx-3 font-normal text-gray-500 mt-1">小白菜肉</p>
-                        <p class="text-2xl text-gray-500 mx-3 font-normal mt-1">&#165;18</p>
+                        <h3 class="FoodName">小白菜肉（水饺）</h3>
+                        <p class="FoodBriefIntro">小白菜肉</p>
+                        <p class="FoodNumber">&#165;18</p>
                     </div>
                 </div>
                 <div class="w-18 flex justify-between items-center">
@@ -155,9 +156,9 @@
                 <div class="flex items-center">
                     <img class="ml-3 w-1/3 h-1/3" src="../assets/images/sp07.png">
                     <div class="ml-1.5">
-                        <h3 class="text-3xl mx-3 font-semibold text-gray-600">芹菜牛肉（水饺）</h3>
-                        <p class="text-2xl leading-loose mx-3 font-normal text-gray-500 mt-1">芹菜牛肉</p>
-                        <p class="text-2xl text-gray-500 mx-3 font-normal mt-1">&#165;18</p>
+                        <h3 class="FoodName">芹菜牛肉（水饺）</h3>
+                        <p class="FoodBriefIntro">芹菜牛肉</p>
+                        <p class="FoodNumber">&#165;18</p>
                     </div>
                 </div>
                 <div class="w-18 flex justify-between items-center">
diff --git a/UI/scss/businessInfo.scss b/UI/scss/businessInfo.scss
new file mode 100644
index 0000000..aae90df
--- /dev/null
+++ b/UI/scss/businessInfo.scss
@@ -0,0 +1,27 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+//@layer components {
+//  .FoodList{
+//    @apply w-full box-border mx-3 my-8 p-1.25/1 select-none flex justify-between items-center;
+//  }
+//  .Bar{
+//    @apply fa fa-plus-circle fa-2x mx-3 text-blue-500 cursor-pointer;
+//  }
+//}
+
+
+
+.FoodName{
+  @apply text-3xl mx-3 font-semibold text-gray-600;
+}
+
+.FoodBriefIntro{
+  @apply text-2xl leading-loose mx-3 font-normal text-gray-500 mt-1;
+}
+
+.FoodNumber{
+  @apply text-2xl text-gray-500 mx-3 font-normal mt-1;
+}
+
diff --git a/UI/scss/businessList.scss b/UI/scss/businessList.scss
index 7231536..08a685f 100644
--- a/UI/scss/businessList.scss
+++ b/UI/scss/businessList.scss
@@ -1,4 +1,3 @@
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
