改了页面好多bug,整合了一部分代码,提高了代码复用性

This commit is contained in:
myh
2023-06-21 17:16:37 +08:00
parent 2318325519
commit e2b274abbd
13 changed files with 126 additions and 61 deletions

View File

@@ -20,8 +20,4 @@
.TextTittle{
@apply text-3xl text-gray-600 font-semibold leading-relaxed;
}
.BottomBar{
@apply flex flex-col justify-center items-center text-[#999] select-none cursor-pointer
}

View File

@@ -31,6 +31,10 @@
}
}
.BottomBar{
@apply flex flex-col justify-center items-center text-[#999] select-none cursor-pointer;
}
.mainMenu {
@apply grid grid-cols-5 gap-1 text-sm font-light text-center items-center justify-center;
div {

19
UI/scss/login.scss Normal file
View File

@@ -0,0 +1,19 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
.FormText {
@apply flex flex-shrink-0 flex-grow-0 font-bold text-[#666666FF];
}
.FormList {
@apply box-border pt-12 px-9 pb-0 flex items-center text-3xl;
}
.LoginBar {
@apply w-full flex-col h-32 flex box-border pt-[4vw] px-[3vw] pb-0 justify-center items-center;
}
.LoginText {
@apply w-full h-20 text-3xl font-bold rounded-[4px];
}

7
UI/scss/order.scss Normal file
View File

@@ -0,0 +1,7 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
.OderMessage{
@apply w-full h-32 box-border p-[3vw] text-[#666666FF] flex justify-between items-center;
}

15
UI/scss/orderList.scss Normal file
View File

@@ -0,0 +1,15 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
.TextBar{
@apply w-full box-border py-[1vw] px-[4vw] text-[#666666FF] text-xl flex justify-between items-center;
}
.ListBar{
@apply bg-[#FF9900FF] text-white rounded-[3px] ml-4 select-none cursor-pointer;
}
.PageBar{
@apply box-border py-[2vw] px-[4vw] text-[#666666FF] flex justify-between items-center;
}

15
UI/scss/payment.scss Normal file
View File

@@ -0,0 +1,15 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
.TextBar {
@apply w-full box-border py-[1vw] px-[4vw] flex justify-between items-center;
}
.text {
@apply text-2xl text-[#666666FF];
}
.PayWay {
@apply w-full box-border p-[4vw] flex justify-between items-center;
}