LabVIEW学习-labview编程经验

1. wx.request 的更多参数讲解 (05:59)

   1. GET 方式可以用 data 传参数

2. 更多电影（1）分析更多电影页面的逻辑 (10:02)

   1. more-movie

3. 更多电影（2）加载更多数据 (08:53)

   1. 记得从const app = getApp();导入地址

   2. 因为是更多所以加载多条数据(比如 12 条)

   3. 把从服务器得到的数据传给 data

      data: {
      movies: [],
      },
      
      /**
      * 生命周期函数--监听页面加载
      */
      onLoad(options) {
      // 正在热映
      wx.request({
          url: app.gBaseUrl + "in_theaters",
          data: {
          start: 0,
          count: 12,
          },
          success: (res) => {
          console.log(res);
          this.setData({
              movies: res.data.subjects,
          });
          },
      });
      },
      

   4. 列表循环要用 block 和 wx:for

      1. 遍历 movies 里面的 item
      2. <movie />是自定义标签 5.

   5. 先加载数据,再写 css

4. 更多电影（3）Flex-Wrap 的应用 (08:33)

   1. 自适应排布

5. 更多电影（4）Flex 布局对于普通样式类的影响 (06:52)

   1. 不生效,需要外部样式类 externalClasses

6. 更多电影（5）加载不同类型的电影数据 (08:43)

   1. event 怎么看?
      1. console.log(event)然后找 currentTarget
   2. movie.js 内自定义属性 data-type

      onGotoMore(event) {
          console.log(event);
          const type = event.currentTarget.dataset.type;
          wx.navigateTo({
          url: "/pages/more-movie/more-movie?type=" + type,
          });
      },
      

   3. more-movie.js 内用 type 去请求数据const type = options.type;

7. 使用 LinUI 快速构建搜索栏 (07:52)

   1. json 引入 l-search-bar 组件

8. 向服务器请求搜索数据 (09:45)

   1. 前端获得用户搜索内容,发给服务器
   2. 服务器把搜索结果发给前端
   3. 前端展现

9. 搜索结果与电影数据的切换显示 (07:56)

   1. 同一个页面结果切换

10. 显示搜索的电影数据 (07:31)

    1. 搜索,search
    2. 参数是 q
    3. 搜索结果,类似于 more-movie
    4. F12 AppData 显示所有绑定数据

11. 修复 Space-Between2 个元素两端分布的问题 (05:31)

    1. 尾类

       .search-container {
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         padding: 30rpx 28rpx;
         justify-content: space-between;
       }
       
       .search-container::after {
         content: "";
         width: 200rpx;
       }
       

---

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达，可以邮件至 963614756@qq.com。