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 -->

 
复制代码

 

posted @   南风晚来晚相识  阅读(337)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
点击右上角即可分享
微信分享提示