diff --git a/src/assets/imgs/fuli/1656040370033-p1.png b/src/assets/imgs/fuli/1656040370033-p1.png
new file mode 100644
index 0000000000000000000000000000000000000000..6db1365c2737601ae35d6370348630f87b9f521f
Binary files /dev/null and b/src/assets/imgs/fuli/1656040370033-p1.png differ
diff --git a/src/assets/imgs/fuli/fuliyi-title.png b/src/assets/imgs/fuli/fuliyi-title.png
new file mode 100644
index 0000000000000000000000000000000000000000..f2b0dd7826775276e8e43d9894afb8b07711ad42
Binary files /dev/null and b/src/assets/imgs/fuli/fuliyi-title.png differ
diff --git a/src/assets/imgs/fuli/og2.png b/src/assets/imgs/fuli/og2.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac5fe1aefbe865b5fafc6624bd56dbdf20fc6ba0
Binary files /dev/null and b/src/assets/imgs/fuli/og2.png differ
diff --git a/src/router/index.js b/src/router/index.js
index 576a7a2315c1f6bb447f4d4091c86743706d8667..312d06ca084a1f694f339b8d555968deb6289694 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -21,6 +21,13 @@ const routes = [
       tabBar,
     },
   },
+  {
+    path: "/fuliyi",
+    components: {
+      default: () =>
+        import(/* webpackChunkName: "index" */ "@/views/fuliyi/Index.vue"),
+    },
+  },
 ];
 
 const router = new VueRouter({
diff --git a/src/views/fuli/Index.vue b/src/views/fuli/Index.vue
index cdbf4c6affda6fa0714a413305b2b2931a56d19b..6244174951fc7da6749323c35803b8e70c8beb0f 100644
--- a/src/views/fuli/Index.vue
+++ b/src/views/fuli/Index.vue
@@ -3,7 +3,7 @@
     <!-- <h1>hello</h1> -->
     <div class="top"><img src="@/assets/imgs/fuli/fuli_top.png" alt="" /></div>
     <div class="content">
-      <img src="@/assets/imgs/fuli/fuli_middle.png" alt="" class="middle" />
+      <img src="@/assets/imgs/fuli/fuli_middle.png" alt="" class="middle" @click="jumpFn('/fuliyi')"/>
       <div class="end">
         <img src="@/assets/imgs/fuli/fuli_end1.png" alt="" class="end1" />
         <img src="@/assets/imgs/fuli/fuli_end2.png" alt="" class="end2" />
@@ -16,6 +16,7 @@
 export default {};
 </script>
 
+
 <style lang="scss" scoped>
 .fuli {
   width: 100%;
diff --git a/src/views/fuliyi/Index.vue b/src/views/fuliyi/Index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..39cf795c8dc395ce4daed7e75f0aaca7eafef7b1
--- /dev/null
+++ b/src/views/fuliyi/Index.vue
@@ -0,0 +1,62 @@
+<template>
+  <!-- <h1>hello</h1> -->
+  <div class="fuliyi">
+    <div class="top">
+      <img src="@/assets/imgs/fuli/1656040370033-p1.png" alt="">
+    </div>
+    <div class="title">
+      <img src="@/assets/imgs/fuli/fuliyi-title.png" alt="">
+    </div>
+    <Goods></Goods>
+    <div class="bottom">
+      <img src="@/assets/imgs/fuli/og2.png" alt="">
+    </div>
+    <TabBar></TabBar>
+  </div>
+</template>
+
+<script>
+export default {
+  components:{
+    Goods:()=>import("./components/Goods.vue"),
+    TabBar:()=>import("./components/tabBar/Index.vue"),
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.fuliyi{
+  overflow-y: scroll;
+  width: 100%;
+  height: 2750px;
+  background: rgb(253, 212, 215);
+  .top{
+    width: 100%;
+    height: 724px;
+    img{
+      width: 100%;
+      height: 100%;
+    }
+  }
+  .title{
+    width: 100%;
+    height: 108px;
+    box-sizing: border-box;
+    
+    img{
+      height: 100%;
+      position: relative;
+      left: 50%;
+      transform: translateX(-50%);
+      padding: 12px 22px;
+    }
+  }
+  .bottom{
+    width: 100%;
+    margin-bottom: 0;
+    img{
+      width: 100%;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/fuliyi/components/Goods.vue b/src/views/fuliyi/components/Goods.vue
new file mode 100644
index 0000000000000000000000000000000000000000..52b4132e16e4fd39f6c6b016851eab17f0474058
--- /dev/null
+++ b/src/views/fuliyi/components/Goods.vue
@@ -0,0 +1,75 @@
+<template>
+  <div class="topGoods">
+
+    <!-- content -->
+    <div class="content" ref="content">
+      <div>
+        <template v-for="(num, i) in goods">
+          <div class="goods" :key="i">
+            <img src="https://dummyimage.com/330x227/79f2d9" alt="" />
+            <div class="name">商品的标题{{ i }}</div>
+            <div class="price">￥19.22</div>
+          </div>
+        </template>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      goods: 8,
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.topGoods {
+
+
+  // content
+  .content {
+    margin: 30px 0;
+    width: 100%;
+    height: 100%;
+    // overflow: hidden;
+    padding: 0 29px;
+    box-sizing: border-box;
+    
+    // background-color: #f6f5f5;
+
+    .goods {
+      width: 330px;
+      background-color: #fff;
+      border-radius: 10px;
+      overflow: hidden;
+      padding: 10px;
+      box-sizing: border-box;
+      display: inline-block;
+      margin-bottom: 20px;
+
+      &:nth-child(2n) {
+        margin-left: 29px;
+      }
+
+      img {
+        width: 310px;
+      }
+
+      .name {
+        font-size: 24px;
+        color: #999999;
+        margin: 24px 0;
+      }
+
+      .price {
+        font-size: 20px;
+        color: red;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/fuliyi/components/tabBar/Index.vue b/src/views/fuliyi/components/tabBar/Index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..bd9b9d9124e3e05a3c2a42a30fc0e98cdb3309b7
--- /dev/null
+++ b/src/views/fuliyi/components/tabBar/Index.vue
@@ -0,0 +1,25 @@
+<template>
+  <van-tabbar v-model="active" active-color="#ee0a24" inactive-color="#000">
+    <van-tabbar-item icon="goods-collect-o">拼团中心</van-tabbar-item>
+    <van-tabbar-item icon="user-o">我的拼团</van-tabbar-item>
+  </van-tabbar>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      active: 0,
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .van-tabbar-item--active {
+color: #fff!important;
+// font-size: 24px;
+// font-weight: 900;
+background-color: #ee0c0c;
+}
+</style>