项目初始化

UI/scss/app.scss

@@ -0,0 +1,24 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+.app {
+
+}
+
+
+.btn {
+  @apply flex border border-solid h-8 cursor-pointer rounded drop-shadow-lg  text-center  items-center justify-center;
+}
+
+.btn-green {
+  @apply bg-green-500 text-white hover:bg-green-300 hover:font-bold;
+}
+
+.btn-blue {
+  @apply bg-blue-400 text-white;
+}
+
+.btn-stone {
+  @apply bg-stone-200 text-black border-stone-300;
+}

UI/scss/business.scss

@@ -0,0 +1,8 @@
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+.business {
+
+}

UI/scss/index.scss

@@ -0,0 +1,47 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+.app {
+  @apply relative;
+}
+
+.index {
+
+}
+
+.mainPad {
+  @apply relative overscroll-y-auto;
+}
+
+.topBar {
+  @apply mb-8 flex bg-blue-400 text-white  h-12    drop-shadow-lg  text-center  items-center justify-center;
+}
+
+.topBarInHome {
+  @apply z-10 sticky top-0 left-0 mb-4 p-4 flex flex-col bg-blue-400 text-white   drop-shadow-lg   justify-center;
+}
+
+.bottomBar {
+  @apply flex flex-row  h-16  text-gray-400  text-center  items-center justify-center
+  fixed bottom-0 left-0 w-full
+  bg-slate-50 border border-slate-300 border-solid;
+  div {
+    @apply basis-1/4;
+  }
+}
+
+.mainMenu {
+  @apply grid grid-cols-5 gap-1  text-sm font-light text-center  items-center justify-center;
+  div {
+    @apply mb-3;
+  }
+
+  img {
+    @apply w-16;
+  }
+}
+.AdBar
+{
+  @apply flex flex-row p-4 mx-2 bg-gradient-to-t from-stone-200;
+}