zoukankan      html  css  js  c++  java
  • 05showLoading配置和 <text>标签的坑 如何发送请求 分享功能和懒加载

    14-电影-列表-需求分析
       小程序里面取数据  没有冒号这么一说
    
       加载动画  在对应页面 js文件中 showLoading你可以去看他的配置
        // wx.showLoading() 应用在让用户等待,
        // 比如说一个页面去往另外一个页面,就可以出现加载动画,让用户知道这是在加载数据
    /** * 生命周期函数--监听页面加载*/
      onLoad: function (options) {
        wx.showLoading();//加载提示
      }
      mask    boolean    false    否    是否显示(透明蒙层),防止触摸穿透 
    
     拿到数据后隐藏loading
     wx.hideLoading();//拿到数据后 隐藏加载动画 他们两个联合使用
     它是在会调用函数里面的 
    
    
    
     15==》添加图片跳转 待另外一个页面上去
     图片外层包裹内了一个navigator 作为跳转
    
     <navigator class='imgbox' url="../moviexq/moviexq">
      <image src="{{item.imgUrl}}" class="slide-image" width="750rpx" height="140rpx"/>
     </navigator>
    
    
    15===》当你一进入页面的时候 就要在onLoad:function(){}函数中发送请求
    
    
    16==》请求数据
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
        wx.request({
          url: 'test.php', //仅为示例,并非真实的接口地址
          data: {//参数
            x: '',
            y: ''
          },
          header: {//请求头
            'content-type': 'application/json' // 默认值
          },
          success(res) {
            console.log(res.data)
          }
        })
      },
    
    
    
    17==》不过在小程序中<text>有一个让人感觉很坑的地方
    在微信小程序中有一个标签是<text>
    它相当于平常开发中用到的<span>标签,是一个行内元素
    
    就是<text>标签不能换行写,一旦换行了,其中的内容也会换行显示
    <text>1</text>
    <text>
      2
    </text>
    这个时候输出的结果1和2不在同一行
    
    只有当2所对应的<text>在同一行时,输出的结果1和2才会
    <text>1</text>
    <text>2</text>
    原文链接:https://blog.csdn.net/sy19960721/article/details/80702900
    
    06==> text标签不能够居中
    text是行内元素 不能用text-align,你把text标签改成view 或者把text设置display:block.
    
    
    微信小程序的分享功能(不敢相信)
    <button open-type="share">分享</button>
    


    微信小程序的懒加载功能

    
    

    <!-- ————————————————
    版权声明:本文为CSDN博主「zhongjunyao」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/zjy_android_blog/article/details/82726859 -->

     
  • 相关阅读:
    Weebly轻松创建个人网站
    人生如游戏
    1 欧拉角与四元数计算机动画笔记
    图形学相关的一些数学基础书
    1047 Student List for Course (25 分)
    1124 Raffle for Weibo Followers (20 分)
    1065 A+B and C (64bit) (20 分)
    1036 Boys vs Girls (25 分)
    1039 Course List for Student (25 分)
    1054 The Dominant Color (20 分)
  • 原文地址:https://www.cnblogs.com/IwishIcould/p/11565209.html
Copyright © 2011-2022 走看看