admin

12_vuecli/mediaapp/package.json

@@ -10,6 +10,7 @@
   "dependencies": {
     "axios": "^1.7.9",
     "core-js": "^3.8.3",
+    "vant": "^2.13.6",
     "vue": "^2.6.14",
     "vue-router": "^3.5.1"
   },

12_vuecli/mediaapp/src/components/NavComp.vue

@@ -41,7 +41,7 @@ export default {
      
                 },{
                     id:1002,
-                    name:'图书',
+                    name:'市集',
                     path:'/book',
                     icon:"icon-book",
                     classVal:"book"

12_vuecli/mediaapp/src/main.js

@@ -4,7 +4,10 @@ import router from './router'
 import "@/assets/js/rem"
 import "@/assets/css/iconfont.css"
 import "@/assets/css/reset.css"
+import Vant from 'vant';
+import 'vant/lib/index.css';
 
+Vue.use(Vant);
 Vue.config.productionTip = false
 
 new Vue({

12_vuecli/mediaapp/src/views/book/BookPage.vue

@@ -1,6 +1,11 @@
 <template>
     <div class="book-container">
         <h1>Book</h1>
+        <van-button type="primary">主要按钮</van-button>
+<van-button type="info">信息按钮</van-button>
+<van-button type="default">默认按钮</van-button>
+<van-button type="warning">警告按钮</van-button>
+<van-button type="danger">危险按钮</van-button>
     </div>
 </template>
 <style scoped>

12_vuecli/mediaapp/src/views/tv/TvPage.vue

@@ -34,9 +34,17 @@
         </div>
       </div>
     </div>
+    <div class="alert-text" v-show="this.dataList.length>=this.dataTotal">
+        <div>没有更多数据</div>
+    </div>
   </div>
 </template>
 <style scoped>
+.alert-text{
+    text-align: center;
+    font-size: 0.3rem;
+    color: #999;
+}
 .tv-list .tv-item {
   border-bottom: 1px solid #ccc;
   padding-bottom: 0.2rem;
@@ -114,7 +122,8 @@ export default {
   data() {
     return {
       dataList: [],
-      isLoading:false
+      isLoading:false,
+      dataTotal: 0
     };
   },
   beforeMount() {
@@ -128,6 +137,9 @@ export default {
   mounted() {
     this.scrollHandle();
   },
+  beforeDestroy() {
+    window.onscroll = null;
+  },
   methods: {
     // 获取数据
     getData() {
@@ -140,7 +152,7 @@ export default {
           },
         })
         .then((res) => {
-          // console.log(res);
+          this.dataTotal = res.data.total;
           this.dataList = this.dataList.concat(res.data.subject_collection_items);
           setTimeout(()=>{
             this.isLoading = false;
@@ -162,7 +174,7 @@ export default {
         let scrollHeight = dom.scrollHeight;
         if (scrollTop + clientHeight + 100 >= scrollHeight) {
           console.log("到底了");
-          if(!this.isLoading){
+          if(!this.isLoading && this.dataTotal>this.startNum){
             this.startNum += 10;
             this.getData();
           }