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

Question

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

Answer 1

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: 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 扫一扫效果图

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