diff --git a/beike/Admin/Http/Controllers/MarketingController.php b/beike/Admin/Http/Controllers/MarketingController.php
index ae334349..edf5912c 100644
--- a/beike/Admin/Http/Controllers/MarketingController.php
+++ b/beike/Admin/Http/Controllers/MarketingController.php
@@ -28,6 +28,11 @@ class MarketingController
         $data = [
             'plugins' => $plugins,
         ];
+
+        if ($request->expectsJson()) {
+            return json_success(trans('common.success'), $data);
+        }
+
         return view('admin::pages.marketing.index', $data);
     }
 
diff --git a/resources/beike/admin/css/_marketing.scss b/resources/beike/admin/css/_marketing.scss
new file mode 100644
index 00000000..ad513771
--- /dev/null
+++ b/resources/beike/admin/css/_marketing.scss
@@ -0,0 +1,36 @@
+@charset "UTF-8";
+
+/**
+ * @copyright     2022 beikeshop.com - All Rights Reserved.
+ * @link          https://beikeshop.com
+ * @Author        pu shuo <pushuo@guangda.work>
+ * @Date          2022-09-26 16:39:21
+ * @LastEditTime  2022-09-26 16:39:34
+ */
+
+body.page-marketing {
+  .col-xl-3 {
+    @media (min-width: 1200px) {
+      width: 20%;
+    }
+  }
+
+  .marketing-item {
+    box-shadow: none;
+    border: 1px solid #eee;
+
+    .plugin-img {
+      margin: -1rem -1rem 0 -1rem;
+    }
+
+    .plugin-name {
+      height: 40px;
+      overflow: hidden;
+      text-overflow:ellipsis;
+      // white-space: nowrap;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+    }
+  }
+}
\ No newline at end of file
diff --git a/resources/beike/admin/css/app.scss b/resources/beike/admin/css/app.scss
index 86a7c9f7..e4fd1ddb 100644
--- a/resources/beike/admin/css/app.scss
+++ b/resources/beike/admin/css/app.scss
@@ -23,6 +23,7 @@ $primary: #fd560f;
 @import 'element-ui';
 @import 'login';
 @import 'page-product';
+@import 'marketing';
 @import 'autocomplete';
 @import 'page-category';
 @import './design/menu';
diff --git a/resources/beike/admin/views/layouts/master.blade.php b/resources/beike/admin/views/layouts/master.blade.php
index 972fe68d..c7dea577 100644
--- a/resources/beike/admin/views/layouts/master.blade.php
+++ b/resources/beike/admin/views/layouts/master.blade.php
@@ -26,8 +26,6 @@
 </head>
 
 <body class="@yield('body-class')">
-  <!-- <div style="height: 80px; background: white;"></div> -->
-
   <x-admin-header />
 
   <div class="main-content">
diff --git a/resources/beike/admin/views/pages/marketing/index.blade.php b/resources/beike/admin/views/pages/marketing/index.blade.php
index a278c6d8..c34250b1 100644
--- a/resources/beike/admin/views/pages/marketing/index.blade.php
+++ b/resources/beike/admin/views/pages/marketing/index.blade.php
@@ -2,11 +2,120 @@
 
 @section('title', __('admin/marketing.marketing_list'))
 
+@section('body-class', 'page-marketing')
+
 @section('content')
-    @dump($plugins)
+  <div id="app" class="card h-min-600" v-cloak>
+    <div class="card-body">
+      <div class="bg-light p-4 mb-4">
+        <div class="row">
+          <div class="col-xxl-20 col-xl-3 col-lg-4 col-md-4 d-flex align-items-center mb-3">
+            <label class="filter-title">{{ __('product.name') }}</label>
+            <input @keyup.enter="search" type="text" v-model="filter.name" class="form-control" placeholder="name">
+          </div>
+          {{-- <div class="col-xxl-20 col-xl-3 col-lg-4 col-md-4 d-flex align-items-center mb-3">
+            <label class="filter-title">{{ __('product.sku') }}</label>
+            <input @keyup.enter="search" type="text" v-model="filter.sku" class="form-control" placeholder="sku">
+          </div>
+
+          <div class="col-xxl-20 col-xl-3 col-lg-4 col-md-4 d-flex align-items-center mb-3">
+            <label class="filter-title">{{ __('product.model') }}</label>
+            <input @keyup.enter="search" type="text" v-model="filter.model" class="form-control" placeholder="model">
+          </div> --}}
+{{--
+          <div class="col-xxl-20 col-xl-3 col-lg-4 col-md-4 d-flex align-items-center mb-3">
+            <label class="filter-title">{{ __('product.category') }}</label>
+            <select v-model="filter.category_id" class="form-control">
+              <option value="">{{ __('common.all') }}</option>
+              @foreach ($categories as $_category)
+                <option :value="{{ $_category->id }}">{{ $_category->name }}</option>
+              @endforeach
+            </select>
+          </div> --}}
+
+          <div class="col-xxl-20 col-xl-3 col-lg-4 col-md-4 d-flex align-items-center mb-3">
+            <label class="filter-title">{{ __('common.status') }}</label>
+            <select v-model="filter.active" class="form-control">
+              <option value="">{{ __('common.all') }}</option>
+              <option value="1">{{ __('product.active') }}</option>
+              <option value="0">{{ __('product.inactive') }}</option>
+            </select>
+          </div>
+        </div>
+
+        <div class="row">
+          <label class="filter-title"></label>
+          <div class="col-auto">
+            <button type="button" @click="search" class="btn btn-outline-primary btn-sm">{{ __('common.filter') }}</button>
+            <button type="button" @click="resetSearch" class="btn btn-outline-secondary btn-sm">{{ __('common.reset') }}</button>
+          </div>
+        </div>
+      </div>
+
+      <div class="marketing-wrap">
+        <div class="row">
+          <div class="col-xl-3 col-md-4 col-6" v-for="plugin, index in plugins.data" :key="index">
+            <div class="card mb-4 marketing-item">
+              <div class="card-body">
+                <div class="plugin-img mb-3"><a href=""><img :src="plugin.icon_big" class="img-fluid"></a></div>
+                <div class="plugin-name fw-bold mb-2">@{{ plugin.name }}</div>
+                <div class="d-flex align-items-center justify-content-between">
+                  <span class="text-success">免费</span>
+                  <span class="text-secondary">下载数：999</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <el-pagination v-if="plugins.data.length" layout="prev, pager, next" background :page-size="plugins.per_page" :current-page.sync="page"
+        :total="plugins.total"></el-pagination>
+    </div>
+  </div>
 @endsection
 
 @push('footer')
-  <script>
-  </script>
+<script>
+  new Vue({
+    el: '#app',
+
+    data: {
+      plugins: @json($plugins ?? []),
+      page: 1,
+
+      filter: {
+        name: bk.getQueryString('name'),
+        category_id: bk.getQueryString('category_id'),
+        sku: bk.getQueryString('sku'),
+        model: bk.getQueryString('model'),
+        active: bk.getQueryString('active'),
+      },
+    },
+
+    watch: {
+      page: function() {
+        this.loadData();
+      },
+    },
+
+    methods: {
+      loadData() {
+        $http.get(`marketing?page=${this.page}`).then((res) => {
+          this.marketing = res.data.marketing;
+        })
+      },
+
+      search: function() {
+        this.page = 1;
+        this.loadData();
+      },
+
+      resetSearch() {
+        Object.keys(this.filter).forEach(key => this.filter[key] = '')
+        this.loadData();
+      },
+    }
+  })
+</script>
 @endpush
diff --git a/resources/beike/admin/views/pages/plugins/index.blade.php b/resources/beike/admin/views/pages/plugins/index.blade.php
index 5296a811..519f9ad6 100644
--- a/resources/beike/admin/views/pages/plugins/index.blade.php
+++ b/resources/beike/admin/views/pages/plugins/index.blade.php
@@ -6,16 +6,19 @@
 
   <div id="plugins-app" class="card" v-cloak>
     <div class="card-body h-min-600">
-      <el-upload
-        class="upload-demo"
-        action=""
-        :limit="1"
-        :show-file-list="false"
-        :http-request="uploadFile"
-        accept=".zip"
-        >
-        <el-button size="small" type="primary">{{ __('admin/plugin.plugin_upload') }}</el-button>
-      </el-upload>
+      <div class="d-flex align-items-center justify-content-between">
+        <el-upload
+          class="upload-demo"
+          action=""
+          :limit="1"
+          :show-file-list="false"
+          :http-request="uploadFile"
+          accept=".zip"
+          >
+          <el-button size="small" type="primary">{{ __('admin/plugin.plugin_upload') }}</el-button>
+        </el-upload>
+        <a href="{{ admin_route('marketing.index') }}" class="btn btn-outline-info">插件中心</a>
+      </div>
       <div class="mt-4" style="">
         <table class="table">
           <thead>
diff --git a/resources/lang/zh_cn/admin/marketing.php b/resources/lang/zh_cn/admin/marketing.php
new file mode 100644
index 00000000..c7c35cfa
--- /dev/null
+++ b/resources/lang/zh_cn/admin/marketing.php
@@ -0,0 +1,14 @@
+<?php
+/**
+ * header.php
+ *
+ * @copyright  2022 beikeshop.com - All Rights Reserved
+ * @link       https://beikeshop.com
+ * @author     Edward Yang <yangjin@guangda.work>
+ * @created    2022-08-02 19:03:19
+ * @modified   2022-08-02 19:03:19
+ */
+
+return [
+    'marketing_list' => '插件中心',
+];
