【四】鸡汤来咯开发学习笔记-72

1.传值渲染其他首页组件内容页面显示，和上一节一样

2.swiper加入当没有数据时显示加载中，有了再显示加载数据，不然以来显示广告 duration="260"表示swiper滑动速度

<view class="noData" v-if="! listData.length">
                <uni-load-more status="loading" :show-text="false"></uni-load-more>
            </view>
            <swiper vertical @change="swiperChange" :duration="260" v-else>

加入样式，使得加载框在页面中间

.noData{
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

3.跳过已经观看的鸡汤（举例，下节用数据库建表） 方法前面加n操作中就是取反

const dbCmd= db.command;
const $ =dbCmd.aggregate;
 let readSoup=[
      "66c54ef50d2b31696c824ab6",
      "66c54ef50d2b31696c824ab6"
      
  ]
  let {result:{errCode,data}}= await db.collection("soup-chicken").aggregate()
  .match({
      status:1,
      is_delete:dbCmd.neq(true),  //neq就是取反为false，不存在
      _id:dbCmd.nin(readSoup)     //nin就是取反，在这之外获取，readsoup就是我们已经读过的Id
  })