已关注达人动态增加头部返回按钮

zhiyangdu
1 parent 69f9d506
Showing 1 changed file with 31 additions and 1 deletions
src/pages/moreDynamic/moreDynamic.vue
 <template>
     <div class="item_box">
+        <!-- nav -->
+        <back-box :style="'padding-top: ' + ($parent.top.value) + 'px'" @back="back"
+                  :backs="backs">
+        </back-box>
         <div
             infinite-scroll-immediate-check="true"
             v-infinite-scroll="getNewDynamicList"
@@ -15,17 +19,27 @@
 <script>
     import { Toast, Indicator } from "mint-ui";
     import darenListBox from "@/components/darenListBox/darenListBox";
+    import backBox from "@/components/backBox/backBox";
     export default {
         name: 'recommendedDaren',
         data () {
             return {
+                backs: {            // nav导航条数据
+                    title: "已关注达人动态",
+                    funcs: {
+                        back: {
+                            icon: "static/img/icon_back.png"
+                        }
+                    }
+                },
                 loading: false, // 加载
                 pages:0, // 分页
                 recommendedDarenMore:null
             }
         },
         components:{
-            darenListBox
+            darenListBox,
+            backBox
         },
         created(){
             // 设置标题
@@ -186,6 +200,22 @@
                     this.$parent.gotoDetail(item);
                 }
+            },
+            /**
+             * 后退
+             */
+            back() {
+
+                // 判断是否有后退函数
+                if (typeof this.$parent.back === "function") {
+
+                    // 调用后退
+                    this.$parent.back();
+                } else {
+
+                    // 后退
+                    window.history.go(-1);
+                }
             }
         }
     }