diff --git a/src/views/weChatMiniProgram/baseSetting.vue b/src/views/weChatMiniProgram/baseSetting.vue
index 26e33d5..1636d8f 100644
--- a/src/views/weChatMiniProgram/baseSetting.vue
+++ b/src/views/weChatMiniProgram/baseSetting.vue
@@ -212,7 +212,6 @@
           </div>
           <!-- <div class="config-remarks">双击输入框可进行编辑。</div> -->
         </div>
-        <bookRecommend ref="bookRecommendRef" @ready="initScreenBookRecommend" />
       </div>
     </div>
   </div>
@@ -221,12 +220,10 @@
 <script>
 import { FetchInitScreenSetting, FetchEditScreenSetting } from '@/api/digitalScreen/index'
 import { mapGetters } from 'vuex'
-import bookRecommend from '../digitalScreen/module/bookRecommend'
 
 export default {
   name: 'WeChatMiniProgram',
   components: {
-    bookRecommend
   },
   data() {
     return {
@@ -280,14 +277,7 @@ export default {
       this.initScreenSetting()
     })
   },
-  methods: {
-    initScreenBookRecommend() {
-      this.$refs.bookRecommendRef.initScreenBookRecommend()
-      if (this.$refs.bookRecommendRef) {
-        this.$refs.bookRecommendRef.updateBookSwiper()
-      }
-    },
-    // 初始化智慧大屏基本数据
+  methods: { // 初始化智慧大屏基本数据
     initScreenSetting() {
       FetchInitScreenSetting({ 'libcode': this.user.fonds.fondsNo }).then(res => {
         Object.values(res).forEach(item => {
diff --git a/src/views/weChatMiniProgram/bookrecommend.vue b/src/views/weChatMiniProgram/bookrecommend.vue
new file mode 100644
index 0000000..6c16a91
--- /dev/null
+++ b/src/views/weChatMiniProgram/bookrecommend.vue
@@ -0,0 +1,54 @@
+<template>
+  <div class="app-container row-container">
+    <div class="content-area">
+      <div class="area-config">
+        <bookRecommend ref="bookRecommendRef" @ready="initScreenBookRecommend" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import bookRecommend from '../digitalScreen/module/bookRecommend'
+
+export default {
+  name: 'BookRecommend',
+  components: {
+    bookRecommend
+  },
+  data() {
+    return {
+
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'baseApi',
+      'user'
+    ])
+  },
+  created() {
+  },
+  mounted() {
+  },
+  methods: {
+    initScreenBookRecommend() {
+      this.$refs.bookRecommendRef.initScreenBookRecommend()
+      if (this.$refs.bookRecommendRef) {
+        this.$refs.bookRecommendRef.updateBookSwiper()
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "~@/assets/styles/digitalScreen.scss";
+.content-area {
+  height: 734px;
+  border-radius: 4px;
+  width: 100%;
+}
+
+</style>