diff --git a/assets/images/Group9848.png b/assets/images/Group9848.png
new file mode 100644
index 0000000..9df8a2d
Binary files /dev/null and b/assets/images/Group9848.png differ
diff --git a/assets/images/Group9849.png b/assets/images/Group9849.png
new file mode 100644
index 0000000..1b2b0b3
Binary files /dev/null and b/assets/images/Group9849.png differ
diff --git a/assets/images/Group9855.png b/assets/images/Group9855.png
new file mode 100644
index 0000000..c146d62
Binary files /dev/null and b/assets/images/Group9855.png differ
diff --git a/assets/images/image63.png b/assets/images/image63.png
new file mode 100644
index 0000000..66dce81
Binary files /dev/null and b/assets/images/image63.png differ
diff --git a/assets/scss/checkbox.scss b/assets/scss/checkbox.scss
index 8685e4c..114e682 100644
--- a/assets/scss/checkbox.scss
+++ b/assets/scss/checkbox.scss
@@ -1,66 +1,66 @@
-/* 单选框和多选框 */
-.checkbox-wrapper {
-  position: relative;
-  input {
-    display: none;
-  }
-  .icon {
-    position: relative;
-    left: 0px;
-    top: 7px;
-    display: inline-block;
-    width: 13px;
-    height: 13px;
-    border: 1px solid #cccccc;
-    border-radius: 50%;
-    -webkit-transform: translate(0, -50%);
-    -moz-transform: translate(0, -50%);
-    -o-transform: translate(0, -50%);
-    -ms-transform: translate(0, -50%);
-    transform: translate(0, -50%);
-  }
-  input:checked + .icon {
-    background-color: #e93323;
-    border-color: #e93323;
-    background-image: url("../images/enter.png");
-    -webkit-background-size: 10px 8px;
-    -moz-background-size: 10px 8px;
-    background-size: 10px 8px;
-    background-repeat: no-repeat;
-    background-position: center center;
-  }
-}
+// /* 单选框和多选框 */
+// .checkbox-wrapper {
+//   position: relative;
+//   input {
+//     display: none;
+//   }
+//   .icon {
+//     position: relative;
+//     left: 0px;
+//     top: 7px;
+//     display: inline-block;
+//     width: 13px;
+//     height: 13px;
+//     border: 1px solid #cccccc;
+//     border-radius: 50%;
+//     -webkit-transform: translate(0, -50%);
+//     -moz-transform: translate(0, -50%);
+//     -o-transform: translate(0, -50%);
+//     -ms-transform: translate(0, -50%);
+//     transform: translate(0, -50%);
+//   }
+//   input:checked + .icon {
+//     background-color: #e93323;
+//     border-color: #e93323;
+//     background-image: url("../images/enter.png");
+//     -webkit-background-size: 10px 8px;
+//     -moz-background-size: 10px 8px;
+//     background-size: 10px 8px;
+//     background-repeat: no-repeat;
+//     background-position: center center;
+//   }
+// }
 
 
-.Checkbox {
-  position: absolute;
-  visibility: hidden;
-  outline: none;
-  background: #fff;
-}
-.Checkbox+label {
-  position:absolute;
-  width: 16px;
-  height: 16px;
-  border: 1px solid #9B9B9B;
-  border-radius: 50%;
-  background-color:#fff;
-  left: 11px;
-  top: 50%;
-  margin-top: -8px;
-}
-.Checkbox:checked+label:after {
-  content: "";
-  position: absolute;
-  left: 3px;
-  top:3px;
-  width: 6px;
-  height: 3px;
-  border: 2px solid #9B9B9B;
-  border-top-color: transparent;
-  border-right-color: transparent;
-  transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  -moz-transform: rotate(-45deg);
-  -webkit-transform: rotate(-45deg);
-}
\ No newline at end of file
+// .Checkbox {
+//   position: absolute;
+//   visibility: hidden;
+//   outline: none;
+//   background: #fff;
+// }
+// .Checkbox+label {
+//   position:absolute;
+//   width: 16px;
+//   height: 16px;
+//   border: 1px solid #9B9B9B;
+//   border-radius: 50%;
+//   background-color:#fff;
+//   left: 11px;
+//   top: 50%;
+//   margin-top: -8px;
+// }
+// .Checkbox:checked+label:after {
+//   content: "";
+//   position: absolute;
+//   left: 3px;
+//   top:3px;
+//   width: 6px;
+//   height: 3px;
+//   border: 2px solid #9B9B9B;
+//   border-top-color: transparent;
+//   border-right-color: transparent;
+//   transform: rotate(-45deg);
+//   -ms-transform: rotate(-45deg);
+//   -moz-transform: rotate(-45deg);
+//   -webkit-transform: rotate(-45deg);
+// }
\ No newline at end of file
diff --git a/assets/scss/element/index.scss b/assets/scss/element/index.scss
index d29636c..eaba48a 100644
--- a/assets/scss/element/index.scss
+++ b/assets/scss/element/index.scss
@@ -1,26 +1,26 @@
-$-colors: (
-  'primary': (
-    'base': #E93323,
-  ),
-  'success': (
-    'base': #67c23a,
-  ),
-  'warning': (
-    'base': #e6a23c,
-  ),
-  'danger': (
-    'base': #f56c6c,
-  ),
-  'error': (
-    'base': #E93323,
-  ),
-  'info': (
-    'base': #909399,
-  ),
-);
+// $-colors: (
+//   'primary': (
+//     'base': #E93323,
+//   ),
+//   'success': (
+//     'base': #67c23a,
+//   ),
+//   'warning': (
+//     'base': #e6a23c,
+//   ),
+//   'danger': (
+//     'base': #f56c6c,
+//   ),
+//   'error': (
+//     'base': #E93323,
+//   ),
+//   'info': (
+//     'base': #909399,
+//   ),
+// );
 
-@forward 'element-plus/theme-chalk/src/common/var.scss' with (
-  $colors: $-colors
-);
+// @forward 'element-plus/theme-chalk/src/common/var.scss' with (
+//   $colors: $-colors
+// );
 
-@use './dark.scss';
+// @use './dark.scss';
diff --git a/components/Card.vue b/components/Card.vue
new file mode 100644
index 0000000..aee2dd7
--- /dev/null
+++ b/components/Card.vue
@@ -0,0 +1,38 @@
+<template>
+  <div class="order-information">
+    <div class="header">{{ title }}</div>
+    <slot></slot>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { onMounted, reactive, ref, toRefs, watch } from 'vue'
+const props = defineProps(['title'])
+</script>
+
+<style lang="scss" scoped>
+.order-information {
+  width: 100%;
+  height: 3.4896rem;
+  border: 1px dashed #aaa;
+  margin-top: 0.1563rem;
+  .header {
+    background-color: #f3f4f8;
+    height: 0.2083rem;
+    color: #252b3a;
+    font-size: 0.0833rem;
+    line-height: 0.2083rem;
+    padding: 0 0.2604rem;
+    display: flex;
+    align-items: center;
+  }
+  .header::before {
+    content: ' ';
+    display: block;
+    background-color: #ff4e8d;
+    width: 0.0156rem;
+    height: 0.0833rem;
+    margin-right: 0.026rem;
+  }
+}
+</style>
diff --git a/components/layoutFooter.vue b/components/layoutFooter.vue
index b285e66..ca685b7 100644
--- a/components/layoutFooter.vue
+++ b/components/layoutFooter.vue
@@ -33,7 +33,7 @@ onMounted(() => {
 </script>
 <!--页面底部-->
 <template>
-  <div v-if="pcHomeCon" class="layoutFooter mt-20px" ref="targetElement">
+  <div v-if="pcHomeCon" class="layoutFooter" ref="targetElement">
     <!-- <div
       v-if="pcHomeCon.philosophyList && pcHomeCon.philosophyList.length"
       class="w-100% h-90px bg-#FFFFFF"
@@ -49,104 +49,83 @@ onMounted(() => {
       </div>
     </div> -->
     <!-- 底部黑色模块 -->
-    <div class="py-40px bg-#333333">
-      <div class="wrapper_1200 flex justify-between">
-        <!-- 左边 -->
-        <div class="color-#FFFFFF l-box">
-          <div v-for="(val, index) in pcHomeCon.quickEntryList" :key="index">
-            <div class="l-title" @click="openUrl(val.linkUrl)"><span class="font-500 oppoSans-M">{{ val.name }}</span></div>
-            <div class="l-tips" v-for="(tip, index) in val.linkList" :key="index">
-              <a v-if="tip.linkUrl" :href="tip.linkUrl" target="_blank" class="font-400 oppoSans-R"> {{ tip.name }}</a>
-              <span v-else class="font-400 oppoSans-R">{{ tip.name }}</span>
-            </div>
-          </div>
-        </div>
-        <!-- 右边 -->
-        <div class="flex">
-          <div class="code-r" v-for="(code, index) in pcHomeCon.qrCodeList">
-            <div class="code">
-              <img :src="code.imageUrl" alt="" />
-            </div>
-            <span class="mt-12px">{{ code.name }}</span>
-          </div>
-        </div>
+    <div class="footer">
+      <div class="main">
+        <ul>
+          <li>关于我们</li>
+          <li>服务声明</li>
+          <li>交易规则</li>
+          <li>商务合作</li>
+        </ul>
+        <ul>
+          <li>关于我们</li>
+          <li>服务声明</li>
+          <li>交易规则</li>
+          <li>商务合作</li>
+        </ul>
+        <ul>
+          <li>关于我们</li>
+          <li>服务声明</li>
+          <li>交易规则</li>
+          <li>商务合作</li>
+        </ul>
+        <ul>
+          <li>关于我们</li>
+          <li>服务声明</li>
+          <li>交易规则</li>
+          <li>商务合作</li>
+        </ul>
       </div>
-      <!-- 分割线 -->
-      <div class="wrapper_1200 divisionLine"></div>
-      <!-- 企业信息 -->
-      <div v-if="pcHomeCon.friendlyLinkList.length" class="wrapper_1200 flex-x-center text-s mb-40px">
-        <div class="w-953px flex flex-justify-center flex-wrap lh-19px">
-          <div class="mr-15px text-#999" v-for="item in pcHomeCon.friendlyLinkList">
-            <a style="color: #999999" v-if="item.linkUrl" :href="item.linkUrl" target="_blank"> {{ item.name }}</a>
-            <span v-else>{{ item.name }}</span>
-          </div>
-        </div>
-      </div>
-      <div class="min_wrapper_1200 flex-col flex-items-center flex-x-center text-s">
-        <div>
-          <span v-if="pcHomeCon.phone" class="mr-20px">联系电话：{{ pcHomeCon.phone }}</span> <span v-if="pcHomeCon.address">地址：{{ pcHomeCon.address }}</span>
-        </div>
-        <div class="mt-17px">{{ pcHomeCon.authInfo }}<a style="color: #999999"  href="https://beian.mps.gov.cn/#/query/webSearch" target="_blank"> {{ pcHomeCon.filingNum }}</a></div>
+      <div class="icp">
+        <ul>
+          <li>网站备案号： 蜀ICP备14026041号-1</li>
+          <li>商标注册号：第13818907号 网络文化经营许可证：1565-227号</li>
+          <li>营业执照号： 510104000248150</li>
+        </ul>
       </div>
     </div>
   </div>
 </template>
 <style lang="scss" scoped>
-.l-box {
-  display: grid;
-  grid-template-columns: repeat(6,minmax(0,1fr));
-  grid-template-rows: none;
-  grid-gap: 40px;
-  font-weight: 400;
-  font-family: PingFang SC-Regular, PingFang SC;
+.footer{
+  position: relative;
+  width: 100%;
+  height: 1.875rem;
+  background: url('../assets/images/Group9848.png') no-repeat;
+  .main{
+    margin: 0 auto;
+    width: 6.25rem;
+    padding-top: .2604rem;
+    display: flex;
+    justify-content: space-around;
+    ul{
+      li{
+        font-size: .0729rem;
+        list-style: none;
+        color: #A8AAB0;
+        padding: .0521rem 0;
 
-  .l-title {
-    font-size: 16px;
-    margin-bottom: 26px;
-  }
-  .l-tips {
-    cursor: pointer;
-    margin-bottom: 14px;
-    color: #cccccc !important;
-    font-size: 14px;
-    a{
-      color: #cccccc !important;
+      }
+    }
+    ul li:nth-child(1){
+      color: #fff;
     }
   }
-}
-.code-r {
-  color: #ffffff;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  font-weight: 400;
-  font-size: 14px;
-
-  font-family: PingFang SC-Regular, PingFang SC;
-  .code {
-    width: 100px;
-    height: 100px;
-    background-color: #fff;
-    img {
-      width: 100%;
-      height: 100%;
+  .icp{
+    position: absolute;
+    bottom: .1563rem;
+    width: 6.25rem;
+    left: 50%;
+    transform: translateX(-50%);
+    ul{
+      display: flex;
+      justify-content: space-around;
+      li{
+        list-style: none;
+        font-size: .0625rem;
+        color: #A8AAB0;
+      }
     }
   }
 }
-.code-r:nth-child(1) {
-  margin-right: 40px;
-}
-.divisionLine {
-  margin-top: 10px;
-  border: 0;
-  border-top: 2px dashed rgba(255, 255, 255, 0.15);
-  margin-bottom: 40px;
-}
-
-.text-s {
-  font-size: 12px;
-  font-family: PingFang SC-Regular, PingFang SC;
-  font-weight: 400;
-  color: #999999;
-}
 </style>
diff --git a/components/layoutHeader.vue b/components/layoutHeader.vue
index ffde4d2..2ae6470 100644
--- a/components/layoutHeader.vue
+++ b/components/layoutHeader.vue
@@ -3,8 +3,8 @@
     <div class="nav">
       <div class="menu">
         <ul>
-          <li @click="goTo(1)">首页</li>
-          <li @click="goTo(2)">下订单</li>
+          <li @click="goTo(1,'/')">首页</li>
+          <li @click="goTo(2,'homeIndex/placeOrder')">下订单</li>
           <li @click="goTo(3)">接订单</li>
           <li @click="goTo(4)">找花店</li>
           <li @click="goTo(5)">花店地图</li>
@@ -26,11 +26,13 @@
 <script lang="ts" setup>
 import { onMounted, reactive, ref, toRefs, watch } from 'vue'
 import { useUserStore } from '@/stores/user'
+import {linkNavigateTo} from '~/utils/util'
 const userStore = useUserStore()
 const active = ref(null)
 const userLoginRef = shallowRef()
 
-const goTo = (index: number) => {
+const goTo = async (index: number,url?:string) => {
+  await linkNavigateTo(url) 
 //  console.log(active.value.offsetWidth);
  const width = active.value.offsetWidth
   active.value.style.left = (index - 1) * width + 'px'
@@ -44,6 +46,13 @@ const login = () => {
     userLoginRef.value.open()
   }
 }
+const handlerNuxtLink = async (url: string, type: number) => {
+  if (userStore.token) {
+    await linkNavigateTo(url, { type: type })
+  } else {
+    userLoginRef.value.open()
+  }
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 33891cd..2b4a9e3 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -74,7 +74,7 @@ export default defineNuxtConfig({
   colorMode: {
     classSuffix: '',
   },
-  plugins: [{ src: '~/plugins/fetch' },{src: "~/plugins/vue-swiper", ssr: false},],
+plugins: [{ src: '~/plugins/fetch' },{src: "~/plugins/vue-swiper", ssr: false},{src:'~/plugins/postcss.config'}],
   unocss: {
     uno: true,
     attributify: true,
diff --git a/pages/homeIndex/bannerIndex.vue b/pages/homeIndex/bannerIndex.vue
index 3567476..a24c9dc 100644
--- a/pages/homeIndex/bannerIndex.vue
+++ b/pages/homeIndex/bannerIndex.vue
@@ -34,119 +34,120 @@
       </li>
     </ul>
   </div>
-  <div class="orders-box"></div>
-  <div class="orders">
-    <div class="edition">
-      <div class="title">
-        <div class="title-one">最新已成交订单</div>
-        <div class="title-two">汇聚抖音小店、抖音团购、天猫、京东、美团、饿了么等各大电商平台海量订单、实时分发</div>
-        <div class="title-therr">超过28W+花店在线接单</div>
-        <div class="time-out">
-          {{ `${time.year}-${time.month}-${time.day}` }}<span>{{ time.hours }}</span
-          ><span>{{ time.minutes }}</span
-          ><span>{{ time.seconds }}</span
-          ><span class="content-day">今日已成交<i>1999</i>条</span>
-        </div>
-      </div>
-      <div class="commodity-box">
-        <div class="commodity">
-          <div class="left">
-            <div class="image"><img src="../../assets/images/image64.png" alt="" /></div>
-            <div class="botton-txt">接单耗时3分钟</div>
+  <div class="orders-box">
+    <div class="orders">
+      <div class="edition">
+        <div class="title">
+          <div class="title-one">最新已成交订单</div>
+          <div class="title-two">汇聚抖音小店、抖音团购、天猫、京东、美团、饿了么等各大电商平台海量订单、实时分发</div>
+          <div class="title-therr">超过28W+花店在线接单</div>
+          <div class="time-out">
+            {{ `${time.year}-${time.month}-${time.day}` }}<span>{{ time.hours }}</span
+            ><span>{{ time.minutes }}</span
+            ><span>{{ time.seconds }}</span
+            ><span class="content-day">今日已成交<i>1999</i>条</span>
           </div>
-          <div class="right">
-            <div class="essential-address">江西省 萍乡市 安源区</div>
-            <div class="detailed-address">江西省萍乡市安源区白源街街 道萍乡市公路勘察***</div>
-            <div class="time">配送时间：2023-12-26 13:10</div>
-            <div class="price">
-              <div class="left-price"><span>￥</span>110</div>
-              <div class="icon">
-                <el-icon><Right /></el-icon>
+        </div>
+        <div class="commodity-box">
+          <div class="commodity">
+            <div class="left">
+              <div class="image"><img src="../../assets/images/image64.png" alt="" /></div>
+              <div class="botton-txt">接单耗时3分钟</div>
+            </div>
+            <div class="right">
+              <div class="essential-address">江西省 萍乡市 安源区</div>
+              <div class="detailed-address">江西省萍乡市安源区白源街街 道萍乡市公路勘察***</div>
+              <div class="time">配送时间：2023-12-26 13:10</div>
+              <div class="price">
+                <div class="left-price"><span>￥</span>110</div>
+                <div class="icon">
+                  <el-icon><Right /></el-icon>
+                </div>
               </div>
             </div>
           </div>
-        </div>
-        <div class="commodity">
-          <div class="left">
-            <div class="image"><img src="../../assets/images/image64.png" alt="" /></div>
-            <div class="botton-txt">接单耗时3分钟</div>
-          </div>
-          <div class="right">
-            <div class="essential-address">江西省 萍乡市 安源区</div>
-            <div class="detailed-address">江西省萍乡市安源区白源街街 道萍乡市公路勘察***</div>
-            <div class="time">配送时间：2023-12-26 13:10</div>
-            <div class="price">
-              <div class="left-price"><span>￥</span>110</div>
-              <div class="icon">
-                <el-icon><Right /></el-icon>
+          <div class="commodity">
+            <div class="left">
+              <div class="image"><img src="../../assets/images/image64.png" alt="" /></div>
+              <div class="botton-txt">接单耗时3分钟</div>
+            </div>
+            <div class="right">
+              <div class="essential-address">江西省 萍乡市 安源区</div>
+              <div class="detailed-address">江西省萍乡市安源区白源街街 道萍乡市公路勘察***</div>
+              <div class="time">配送时间：2023-12-26 13:10</div>
+              <div class="price">
+                <div class="left-price"><span>￥</span>110</div>
+                <div class="icon">
+                  <el-icon><Right /></el-icon>
+                </div>
               </div>
             </div>
           </div>
-        </div>
-        <div class="commodity">
-          <div class="left">
-            <div class="image"><img src="../../assets/images/image64.png" alt="" /></div>
-            <div class="botton-txt">接单耗时3分钟</div>
-          </div>
-          <div class="right">
-            <div class="essential-address">江西省 萍乡市 安源区</div>
-            <div class="detailed-address">江西省萍乡市安源区白源街街 道萍乡市公路勘察***</div>
-            <div class="time">配送时间：2023-12-26 13:10</div>
-            <div class="price">
-              <div class="left-price"><span>￥</span>110</div>
-              <div class="icon">
-                <el-icon><Right /></el-icon>
+          <div class="commodity">
+            <div class="left">
+              <div class="image"><img src="../../assets/images/image64.png" alt="" /></div>
+              <div class="botton-txt">接单耗时3分钟</div>
+            </div>
+            <div class="right">
+              <div class="essential-address">江西省 萍乡市 安源区</div>
+              <div class="detailed-address">江西省萍乡市安源区白源街街 道萍乡市公路勘察***</div>
+              <div class="time">配送时间：2023-12-26 13:10</div>
+              <div class="price">
+                <div class="left-price"><span>￥</span>110</div>
+                <div class="icon">
+                  <el-icon><Right /></el-icon>
+                </div>
               </div>
             </div>
           </div>
-        </div>
-        <div class="commodity">
-          <div class="left">
-            <div class="image"><img src="../../assets/images/image64.png" alt="" /></div>
-            <div class="botton-txt">接单耗时3分钟</div>
-          </div>
-          <div class="right">
-            <div class="essential-address">江西省 萍乡市 安源区</div>
-            <div class="detailed-address">江西省萍乡市安源区白源街街 道萍乡市公路勘察***</div>
-            <div class="time">配送时间：2023-12-26 13:10</div>
-            <div class="price">
-              <div class="left-price"><span>￥</span>110</div>
-              <div class="icon">
-                <el-icon><Right /></el-icon>
+          <div class="commodity">
+            <div class="left">
+              <div class="image"><img src="../../assets/images/image64.png" alt="" /></div>
+              <div class="botton-txt">接单耗时3分钟</div>
+            </div>
+            <div class="right">
+              <div class="essential-address">江西省 萍乡市 安源区</div>
+              <div class="detailed-address">江西省萍乡市安源区白源街街 道萍乡市公路勘察***</div>
+              <div class="time">配送时间：2023-12-26 13:10</div>
+              <div class="price">
+                <div class="left-price"><span>￥</span>110</div>
+                <div class="icon">
+                  <el-icon><Right /></el-icon>
+                </div>
               </div>
             </div>
           </div>
-        </div>
-        <div class="commodity">
-          <div class="left">
-            <div class="image"><img src="../../assets/images/image64.png" alt="" /></div>
-            <div class="botton-txt">接单耗时3分钟</div>
-          </div>
-          <div class="right">
-            <div class="essential-address">江西省 萍乡市 安源区</div>
-            <div class="detailed-address">江西省萍乡市安源区白源街街 道萍乡市公路勘察***</div>
-            <div class="time">配送时间：2023-12-26 13:10</div>
-            <div class="price">
-              <div class="left-price"><span>￥</span>110</div>
-              <div class="icon">
-                <el-icon><Right /></el-icon>
+          <div class="commodity">
+            <div class="left">
+              <div class="image"><img src="../../assets/images/image64.png" alt="" /></div>
+              <div class="botton-txt">接单耗时3分钟</div>
+            </div>
+            <div class="right">
+              <div class="essential-address">江西省 萍乡市 安源区</div>
+              <div class="detailed-address">江西省萍乡市安源区白源街街 道萍乡市公路勘察***</div>
+              <div class="time">配送时间：2023-12-26 13:10</div>
+              <div class="price">
+                <div class="left-price"><span>￥</span>110</div>
+                <div class="icon">
+                  <el-icon><Right /></el-icon>
+                </div>
               </div>
             </div>
           </div>
-        </div>
-        <div class="commodity">
-          <div class="left">
-            <div class="image"><img src="../../assets/images/image64.png" alt="" /></div>
-            <div class="botton-txt">接单耗时3分钟</div>
-          </div>
-          <div class="right">
-            <div class="essential-address">江西省 萍乡市 安源区</div>
-            <div class="detailed-address">江西省萍乡市安源区白源街街 道萍乡市公路勘察***</div>
-            <div class="time">配送时间：2023-12-26 13:10</div>
-            <div class="price">
-              <div class="left-price"><span>￥</span>110</div>
-              <div class="icon">
-                <el-icon><Right /></el-icon>
+          <div class="commodity">
+            <div class="left">
+              <div class="image"><img src="../../assets/images/image64.png" alt="" /></div>
+              <div class="botton-txt">接单耗时3分钟</div>
+            </div>
+            <div class="right">
+              <div class="essential-address">江西省 萍乡市 安源区</div>
+              <div class="detailed-address">江西省萍乡市安源区白源街街 道萍乡市公路勘察***</div>
+              <div class="time">配送时间：2023-12-26 13:10</div>
+              <div class="price">
+                <div class="left-price"><span>￥</span>110</div>
+                <div class="icon">
+                  <el-icon><Right /></el-icon>
+                </div>
               </div>
             </div>
           </div>
@@ -154,72 +155,151 @@
       </div>
     </div>
   </div>
+
   <div class="doload">
     <div class="title">产品下载</div>
     <div class="app-info">
       <div class="img"><img src="../../assets/images/image70.png" alt="" /></div>
       <div class="app-info-txt">
         <div class="app-title">花机宝网络科技主要经营：</div>
-        <p>一、聚合美团、饿了么、淘宝、京东、抖店、拼多多、快手、小红书等电商交易平台，针对鲜花、蛋糕、绿植、气球派对等行业提供转单交易平台，助力电商用户高效运营</p>
+        <p>
+          一、聚合美团、饿了么、淘宝、京东、抖店、拼多多、快手、小红书等电商交易平台，针对鲜花、蛋糕、绿植、气球派对等行业提供转单交易平台，助力电商用户高效运营
+        </p>
         <p>二、提供线上外卖配送聚合服务，打通全域电商平台物流同城配送，实现一键操作和管理。</p>
-        <p>三、 提供电商运营管理聚合软件，多门店管理、门店产品一键复制、门店产品一键批量设置折扣价格、多平台消息聚合、多门店评价管理、多门店诊断等服务。</p>
+        <p>
+          三、
+          提供电商运营管理聚合软件，多门店管理、门店产品一键复制、门店产品一键批量设置折扣价格、多平台消息聚合、多门店评价管理、多门店诊断等服务。
+        </p>
         <div class="doload-app">下载APP</div>
       </div>
     </div>
   </div>
-  <div class="serve">
-    <div class="title">功能强大、安全、稳定的服务应用</div>
-    <div class="title-two">多年技术沉淀，20+项服务共筑服务矩阵</div>
-    <div class="serve-box">
-      <div class="item">
-        <div class="icon"></div>
-        <div class="title">微花店</div>
-        <div class="txt">为线下实体花店定制开发的移动商城，帮助花店轻松建立自己的“网上店铺”，并将店铺商品同步至花递平台进行销售，从而为花店带来更大的经济收益</div>
-      </div>
-      <div class="item">
-        <div class="icon"></div>
-        <div class="title">微花店</div>
-        <div class="txt">为线下实体花店定制开发的移动商城，帮助花店轻松建立自己的“网上店铺”，并将店铺商品同步至花递平台进行销售，从而为花店带来更大的经济收益</div>
-      </div>
-      <div class="item">
-        <div class="icon"></div>
-        <div class="title">微花店</div>
-        <div class="txt">为线下实体花店定制开发的移动商城，帮助花店轻松建立自己的“网上店铺”，并将店铺商品同步至花递平台进行销售，从而为花店带来更大的经济收益</div>
-      </div>
-      <div class="item">
-        <div class="icon"></div>
-        <div class="title">微花店</div>
-        <div class="txt">为线下实体花店定制开发的移动商城，帮助花店轻松建立自己的“网上店铺”，并将店铺商品同步至花递平台进行销售，从而为花店带来更大的经济收益</div>
+  <div class="serve-box">
+    <div class="serve">
+      <div class="title">功能强大、安全、稳定的服务应用</div>
+      <div class="title-two">多年技术沉淀，20+项服务共筑服务矩阵</div>
+      <div class="serve-box">
+        <div class="item">
+          <div class="icon"></div>
+          <div class="title">微花店</div>
+          <div class="txt">
+            为线下实体花店定制开发的移动商城，帮助花店轻松建立自己的“网上店铺”，并将店铺商品同步至花递平台进行销售，从而为花店带来更大的经济收益
+          </div>
+        </div>
+        <div class="item">
+          <div class="icon"></div>
+          <div class="title">微花店</div>
+          <div class="txt">
+            为线下实体花店定制开发的移动商城，帮助花店轻松建立自己的“网上店铺”，并将店铺商品同步至花递平台进行销售，从而为花店带来更大的经济收益
+          </div>
+        </div>
+        <div class="item">
+          <div class="icon"></div>
+          <div class="title">微花店</div>
+          <div class="txt">
+            为线下实体花店定制开发的移动商城，帮助花店轻松建立自己的“网上店铺”，并将店铺商品同步至花递平台进行销售，从而为花店带来更大的经济收益
+          </div>
+        </div>
+        <div class="item">
+          <div class="icon"></div>
+          <div class="title">微花店</div>
+          <div class="txt">
+            为线下实体花店定制开发的移动商城，帮助花店轻松建立自己的“网上店铺”，并将店铺商品同步至花递平台进行销售，从而为花店带来更大的经济收益
+          </div>
+        </div>
+        <div class="item">
+          <div class="icon"></div>
+          <div class="title">微花店</div>
+          <div class="txt">
+            为线下实体花店定制开发的移动商城，帮助花店轻松建立自己的“网上店铺”，并将店铺商品同步至花递平台进行销售，从而为花店带来更大的经济收益
+          </div>
+        </div>
+        <div class="item">
+          <div class="icon"></div>
+          <div class="title">微花店</div>
+          <div class="txt">
+            为线下实体花店定制开发的移动商城，帮助花店轻松建立自己的“网上店铺”，并将店铺商品同步至花递平台进行销售，从而为花店带来更大的经济收益
+          </div>
+        </div>
+        <div class="item">
+          <div class="icon"></div>
+          <div class="title">微花店</div>
+          <div class="txt">
+            为线下实体花店定制开发的移动商城，帮助花店轻松建立自己的“网上店铺”，并将店铺商品同步至花递平台进行销售，从而为花店带来更大的经济收益
+          </div>
+        </div>
+        <div class="item">
+          <div class="icon"></div>
+          <div class="title">微花店</div>
+          <div class="txt">
+            为线下实体花店定制开发的移动商城，帮助花店轻松建立自己的“网上店铺”，并将店铺商品同步至花递平台进行销售，从而为花店带来更大的经济收益
+          </div>
+        </div>
       </div>
-      <div class="item">
-        <div class="icon"></div>
-        <div class="title">微花店</div>
-        <div class="txt">为线下实体花店定制开发的移动商城，帮助花店轻松建立自己的“网上店铺”，并将店铺商品同步至花递平台进行销售，从而为花店带来更大的经济收益</div>
+      <div class="more-services">查看更多服务</div>
+    </div>
+  </div>
+  <div class="concerning-box">
+    <div class="concerning">
+      <div class="title">关于我们</div>
+      <div class="title-one">
+        花机宝网路科技，是一家为电商平台提供“SaaS”的网路科技公司。公司基于技术创新和应用，推动“技术性”降本
       </div>
-      <div class="item">
-        <div class="icon"></div>
-        <div class="title">微花店</div>
-        <div class="txt">为线下实体花店定制开发的移动商城，帮助花店轻松建立自己的“网上店铺”，并将店铺商品同步至花递平台进行销售，从而为花店带来更大的经济收益</div>
+      <div class="title-one">
+        发展“互联网+”，通过TCO“全生命周期”在智能时代的深度应用，实现电商行业的“降本增效”、“精益运营”。
       </div>
-      <div class="item">
-        <div class="icon"></div>
-        <div class="title">微花店</div>
-        <div class="txt">为线下实体花店定制开发的移动商城，帮助花店轻松建立自己的“网上店铺”，并将店铺商品同步至花递平台进行销售，从而为花店带来更大的经济收益</div>
+      <div class="bjc-round">
+        <div class="round">
+          <div class="left">
+            <div class="title">花机宝网络科技主要经营：</div>
+            <p><span>使命：</span>助力每一位中国人轻松实现电商梦想</p>
+            <p><span>愿景：</span>为股东、顾客、员工，乃至商业伙伴提供创造和实现美好梦想的机会</p>
+            <p><span>核心价值观： </span>源于创新、诚信经营、成就伙伴、合作共赢</p>
+            <p>
+              <span>战略目标：</span><br />
+              1、以科技进步、应用于技术创新为电商行业带来真正快乐。<br />
+              2、把握并创造客户需求，实施中关注客户的体验，并不断持续改善。<br />
+              3、以产品带动服务，以服务开拓市场，有选择的发展新业务。
+            </p>
+          </div>
+          <div class="right"><img src="../../assets/images/Group9855.png" alt="" /></div>
+        </div>
       </div>
-      <div class="item">
-        <div class="icon"></div>
-        <div class="title">微花店</div>
-        <div class="txt">为线下实体花店定制开发的移动商城，帮助花店轻松建立自己的“网上店铺”，并将店铺商品同步至花递平台进行销售，从而为花店带来更大的经济收益</div>
+    </div>
+  </div>
+  <div class="information-box">
+    <div class="information">
+      <div class="title">行业动态 产业资讯</div>
+      <div class="title-one">汇集主流媒体报道、行业大咖采访、花店经营攻略等鲜花行业一手资讯</div>
+      <div class="footet-content">
+        <div class="left">
+          <div class="top">
+            <div class="left-top-bgc"><img src="../../assets/images/image63.png" alt="" /></div>
+            <div class="left-top-txt">
+              <div class="title">这家藏在西安老巷的“不正经”花店，到。。。大大大大大大。。</div>
+              <p>直到上世纪80年代中期，中国才开始出现真正意义上的花店。而随着后来新型营销方式突起、高端花卉品牌…</p>
+            </div>
+          </div>
+          <div class="bottom">
+            <div class="left-top-bgc"><img src="../../assets/images/image63.png" alt="" /></div>
+            <div class="left-top-txt">
+              <div class="title">这家藏在西安老巷的“不正经”花店，到。。。大大大大大大。。</div>
+              <p>直到上世纪80年代中期，中国才开始出现真正意义上的花店。而随着后来新型营销方式突起、高端花卉品牌…</p>
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <img src="../../assets/images/image63.png" alt="" />
+        </div>
       </div>
     </div>
-    <div class="more-services">查看更多服务</div>
   </div>
 </template>
 
 <script lang="ts" setup>
 import { onMounted, reactive, ref, toRefs, watch } from 'vue'
 import { Right } from '@element-plus/icons-vue'
-import {linkNavigateTo} from '~/utils/util'
+import { linkNavigateTo } from '~/utils/util'
 const time: any = ref({})
 const getDatTime = () => {
   const currentDate = new Date()
@@ -328,6 +408,7 @@ setInterval(() => {
   width: 100%;
   background-color: #fff;
   // height: 500px;
+  background: url('../../assets/images/Group9849.png') no-repeat;
   .edition {
     width: 6.25rem;
     margin: 0 auto;
@@ -387,6 +468,7 @@ setInterval(() => {
   display: flex;
   flex-wrap: wrap;
   margin-top: 0.1563rem;
+  background-color: #fff;
 }
 .commodity {
   box-shadow: 1px 1px 9px 6px rgb(0 0 0 / 4%);
@@ -493,70 +575,71 @@ setInterval(() => {
         height: 100%;
       }
     }
-    .app-info-txt{
+    .app-info-txt {
       width: 3.3333rem;
-      padding: 0 .5208rem;
-      padding-top:.4167rem;
-      .app-title{
-        height: .3125rem;
-        color: #252B3A;
+      padding: 0 0.5208rem;
+      padding-top: 0.4167rem;
+      .app-title {
+        height: 0.3125rem;
+        color: #252b3a;
         font-weight: 600;
-        font-size: .1354rem;
+        font-size: 0.1354rem;
       }
-      p{
-        color: #575D6C;
-        font-size: .0729rem;
-        margin: .1042rem 0;
+      p {
+        color: #575d6c;
+        font-size: 0.0729rem;
+        margin: 0.1042rem 0;
       }
-      .doload-app{
-        margin-top: .1563rem;
+      .doload-app {
+        margin-top: 0.1563rem;
         width: 1.3542rem;
-        height: .3125rem;
+        height: 0.3125rem;
         color: #fff;
-        font-size: .125rem;
+        font-size: 0.125rem;
         background: linear-gradient(270deg, #ffd4ac 0%, #ff94d4 53%, #ff518f 100%);
         cursor: pointer;
         text-align: center;
-        line-height: .3125rem;
+        line-height: 0.3125rem;
         transition: transform 0.3s ease;
-        border-radius: .026rem;
+        border-radius: 0.026rem;
       }
-      .doload-app:hover{
+      .doload-app:hover {
         transform: scale(1.1);
       }
     }
   }
 }
-.serve{
+.serve {
   width: 100%;
   background-color: #fff;
-  padding-top: .4167rem;
+  padding-top: 0.4167rem;
   display: flex;
   flex-direction: column;
   align-items: center;
-  .title{
+  background: url('../../assets/images/Group9849.png') no-repeat;
+  background-position: bottom center;
+  .title {
     width: 100%;
     font-weight: 700;
     text-align: center;
-    font-size: .1667rem;
-    color: #252B3A;
-   
+    font-size: 0.1667rem;
+    color: #252b3a;
   }
-  .title-two{
+  .title-two {
     width: 100%;
     text-align: center;
-    font-size: .0833rem;
-    color: #575D6C;
-    margin-top: .0938rem;
+    font-size: 0.0833rem;
+    color: #575d6c;
+    margin-top: 0.0938rem;
   }
-  .serve-box{
-   padding-top: .2604rem;
+  .serve-box {
+    padding-top: 0.2604rem;
     width: 6.25rem;
     margin: 0 auto;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
-    .item{
+    .item {
       width: 1.375rem;
       height: 1.9271rem;
       background: url('../../assets/images/Group9591.png') no-repeat;
@@ -566,45 +649,259 @@ setInterval(() => {
       align-items: center;
       box-shadow: 1px 1px 9px 6px rgb(0 0 0 / 4%);
       transition: transform 0.3s ease;
-      .icon{
-        margin-top: .4167rem;
-        width: .2344rem;
-        height: .2344rem;
-        
+      .icon {
+        margin-top: 0.4167rem;
+        width: 0.2344rem;
+        height: 0.2344rem;
       }
-      .title{
+      .title {
         font-weight: 600;
-        color: #575D6C;
-        font-size: .0729rem;
+        color: #575d6c;
+        font-size: 0.0729rem;
       }
-      .txt{
-        margin-top: .1042rem;
-        width: .9375rem;
+      .txt {
+        margin-top: 0.1042rem;
+        width: 0.9375rem;
         text-align: center;
-        line-height: .1146rem;
+        line-height: 0.1146rem;
+        font-size: 0.0677rem;
       }
     }
-    .item:nth-last-child(-n+4){
-      margin-top: .1042rem;
+    .item:nth-last-child(-n + 4) {
+      margin-top: 0.1042rem;
     }
-    .item:hover{
+    .item:hover {
       transform: translateY(-5px);
     }
   }
-  .more-services{
+  .more-services {
     width: 1.3021rem;
-    height: .2604rem;
+    height: 0.2604rem;
     color: #fff;
-    font-size: .0833rem;
-    line-height:.2604rem ;
+    font-size: 0.0833rem;
+    line-height: 0.2604rem;
     text-align: center;
-    border-radius: .026rem;
-    margin: .1563rem 0 ;
+    border-radius: 0.026rem;
+    margin: 0.1563rem 0;
     background: linear-gradient(90deg, #ff94d4 0%, #ffddbe 100%);
-    transition:transform .3s ease;
+    transition: transform 0.3s ease;
   }
-  .more-services:hover{
+  .more-services:hover {
     transform: scale(1.1);
   }
 }
+.serve-box {
+  background-color: #fff;
+}
+.concerning-box {
+  width: 100%;
+  background-color: #fff;
+  padding-top: 0.2604rem;
+  .concerning {
+    width: 6.9427rem;
+    display: flex;
+    flex-direction: column;
+    // justify-content: center;
+    align-items: center;
+    margin: 0 auto;
+    .title {
+      font-size: 0.1667rem;
+      color: #252b3a;
+      font-weight: 600;
+      padding: 0.0521rem 0;
+    }
+    .title-one {
+      color: #575d6c;
+      font-size: 0.0833rem;
+      margin: 5px 0;
+    }
+    .bjc-round {
+      width: 100%;
+      height: 3.8854rem;
+      // background-color: #ecf0fd;
+      overflow: hidden;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-top: 0.1563rem;
+      .round {
+        width: 6.9427rem;
+        height: 6.9427rem;
+        border-radius: 50%;
+        background-color: #ecf0fd;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 0 0.4167rem;
+        .left {
+          flex: 1;
+          height: 3.6458rem;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          .title {
+            color: #252b3a;
+            font-size: 0.1354rem;
+            margin-top: 0.5729rem;
+          }
+          .title::after {
+            content: 'SQLUTION';
+            display: block;
+            color: #575d6c;
+            font-size: 0.0729rem;
+            margin-top: 0.026rem;
+            margin-bottom: 0.4688rem;
+          }
+          p {
+            width: 1.6094rem;
+            color: #575d6c;
+            font-size: 0.0729rem;
+            margin: 0.0521rem 0;
+            span {
+              color: #252b3a;
+              font-weight: 600;
+            }
+          }
+        }
+      }
+      .right {
+        width: 3.6458rem;
+        height: 3.6458rem;
+        img {
+          width: 100%;
+        }
+      }
+    }
+  }
+}
+.information-box {
+  padding-top: 0.4167rem;
+  width: 100%;
+  background-color: #fff;
+  padding-bottom: .9375rem;
+  .information {
+    width: 6.25rem;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .title {
+      color: #252b3a;
+      font-size: 0.1667rem;
+      font-weight: 600;
+    }
+    .title-one {
+      color: #575d6c;
+      font-size: 0.0833rem;
+      margin-top: 0.0781rem;
+    }
+    .footet-content {
+      width: 100%;
+      height: 2.6771rem;
+      display: flex;
+      margin-top: 0.3906rem;
+      .right {
+        width: 2.0625rem;
+        height: 100%;
+        img {
+          width: 100%;
+          height: 100%;
+          // transform: rotate(-90deg);
+        }
+      }
+      .left {
+        flex: 1;
+        margin-right: 0.1042rem;
+        .top {
+          width: 100%;
+          height: 50%;
+          display: flex;
+          .left-top-bgc {
+            width: 50%;
+            height: 100%;
+            img {
+              width: 100%;
+              height: 100%;
+            }
+          }
+          .left-top-txt {
+            width: 50%;
+            height: 100%;
+            border: 1px dotted #aaa;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-content: center;
+            text-align: left;
+            padding: 0.3177rem 0.1563rem 0.3542rem 0.2604rem;
+            .title {
+              width: 1.7031rem;
+              color: #252b3a;
+              font-size: 0.0833rem;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+            }
+            p {
+              margin-top: 0.1563rem;
+              width: 1.7031rem;
+              font-size: .0729rem;
+              display: -webkit-box;
+              -webkit-box-orient: vertical;
+              -webkit-line-clamp: 3;
+              overflow: hidden;
+              text-overflow: ellipsis;
+            }
+          }
+        }
+        .bottom {
+          width: 100%;
+          height: 50%;
+          width: 100%;
+          height: 50%;
+          display: flex;
+          .left-top-bgc {
+            width: 50%;
+            height: 100%;
+            img {
+              width: 100%;
+              height: 100%;
+            }
+          }
+          .left-top-txt {
+            width: 50%;
+            height: 100%;
+            border: 1px dotted #aaa;
+            // border-style: dashed 4px 8px 8px;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-content: center;
+            text-align: left;
+            padding: 0.3177rem 0.1563rem 0.3542rem 0.2604rem;
+            order: -1;
+            .title {
+              width: 1.7031rem;
+              color: #252b3a;
+              font-size: 0.0833rem;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+            }
+            p {
+              margin-top: 0.1563rem;
+              width: 1.7031rem;
+              display: -webkit-box;
+              -webkit-box-orient: vertical;
+              -webkit-line-clamp: 3;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              font-size: .0729rem;
+            }
+          }
+        }
+      }
+    }
+  }
+}
 </style>
diff --git a/pages/homeIndex/placeOrder.vue b/pages/homeIndex/placeOrder.vue
new file mode 100644
index 0000000..c12d658
--- /dev/null
+++ b/pages/homeIndex/placeOrder.vue
@@ -0,0 +1,130 @@
+<template>
+  <div class="banner">
+    <div class="nav"></div>
+    <div class="main">
+      <div class="tabs">
+        <div :class="active === 0 ? 'standard active' : 'standard'" @click="active = 0">标准下单</div>
+        <div :class="active === 1 ? 'standard active' : 'standard'" @click="active = 1">快速下单</div>
+        <div :class="active === 2 ? 'standard active' : 'standard'" @click="active = 2">批量下单</div>
+      </div>
+      <div v-if="active === 0" class="standard-box">
+        <div class="order-information">
+          <div class="header">订单详情</div>
+          <div class="form">
+            <div class="left">
+              <el-form :model="form" label-width="120px">
+                <el-form-item label="配送类型">
+                  <el-radio-group v-model="radio1" size="large">
+                    <el-radio-button label="配送" />
+                    <el-radio-button label="自提" />
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item label="配送类型">
+                    <el-date-picker
+        v-model="value1"
+        type="date"
+        placeholder="Pick a date"
+        :default-value="new Date(2010, 9, 1)"
+      />
+                </el-form-item>
+              </el-form>
+            </div>
+            <div class="right"></div>
+          </div>
+        </div>
+      </div>
+      <div v-else-if="active === 1" class="fast-box">快速下单</div>
+      <div v-else class="batch">批量下单</div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { onMounted, reactive, ref, toRefs, watch } from 'vue'
+const active = ref<number>(0)
+const form = reactive({
+  name: '',
+  region: '',
+  date1: '',
+  date2: '',
+  delivery: false,
+  type: [],
+  resource: '',
+  desc: '',
+})
+
+const onSubmit = () => {
+  console.log('submit!')
+}
+</script>
+
+<style lang="scss" scoped>
+.banner {
+  width: 100%;
+  background-color: #fff;
+  .nav {
+    height: 1.8333rem;
+    width: 100%;
+    background-color: skyblue;
+  }
+  .main {
+    width: 6.25rem;
+    margin: 0 auto;
+    .tabs {
+      width: 100%;
+      height: 0.2083rem;
+      background-color: #f3f4f8;
+      display: flex;
+      margin-top: 0.2344rem;
+      margin-bottom: 0.1302rem;
+      .standard {
+        width: 0.7292rem;
+        height: 100%;
+        color: #252b3a;
+        font-size: 0.0729rem;
+        text-align: center;
+        line-height: 0.2083rem;
+        border-radius: 0.0313rem;
+        cursor: pointer;
+      }
+      .active {
+        color: #fff;
+        background: linear-gradient(90deg, #ff94d4 0%, #ffddbe 100%);
+      }
+    }
+    .order-information {
+      width: 100%;
+      height: 3.4896rem;
+      border: 1px dashed #aaa;
+      margin-top: 0.1563rem;
+      .header {
+        background-color: #f3f4f8;
+        height: 0.2083rem;
+        color: #252b3a;
+        font-size: 0.0833rem;
+        line-height: 0.2083rem;
+        padding: 0 0.2604rem;
+        display: flex;
+        align-items: center;
+      }
+      .header::before {
+        content: ' ';
+        display: block;
+        background-color: #ff4e8d;
+        width: 0.0156rem;
+        height: 0.0833rem;
+        margin-right: 0.026rem;
+      }
+      .form {
+        display: flex;
+        height: 100%;
+        .left,
+        .right {
+          flex: 1;
+          padding: 0.1042rem;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/plugins/postcss.config.js b/plugins/postcss.config.js
new file mode 100644
index 0000000..b43be7a
--- /dev/null
+++ b/plugins/postcss.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+    plugins: {
+      'postcss-px2rem': {
+        remUnit: 192 // 设计稿宽度 / 10，例如设计稿宽度为750px，则remUnit为75
+      }
+    }
+  }
\ No newline at end of file