有没有相关的组件,如何解决?(标签-小程序|关键词-遮罩层)

快应用小程序中,首页的遮罩层总是不适应全屏,有没有相关的组件?

  • 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/341856
  • 我还给你找了一篇非常好的博客,你可以看看是否有帮助,链接:微信小程序-渲染层网络层错误
  • 除此之外, 这篇博客: 微信小程序|扫一扫功能实现中的 解决方案 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • (1)在wxml中进行页面简单配置,只需要view标签和button标签。但需要引入image的图片。

    表1 wxml代码示例

    <view>

       <image src="{{img}}"  bindtap="img"></image>

       <button type="primary" bindtap="scan"  id="scan">扫一扫</button>

    </view>

    (2)js中的配置,需要将数据引入

    表2 js代码示例

    let app = getApp();

    Page({

       data: {

         img: "/images/1.jpg"

       },

       onLoad() {

       },

       scan() {

         wx.scanCode({

           success: (res) => {

             console.log("扫码结果");

             console.log(res);

             this.setData({

               img: res.result

             })

           },

           fail: (res) => {

             console.log(res);

           }

         })

      }

    })

    (3)扫一扫效果展示图

    图1 扫一扫效果图

  • 您还可以看一下 裴帅帅老师的推荐系统入门到实战课程中的 推荐系统怎样解决物品的冷启动问题小节, 巩固相关知识点