快应用小程序中,首页的遮罩层总是不适应全屏,有没有相关的组件?
(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 扫一扫效果图