微信小程序实训 Day 04 实习日志

1.在map标签里添加show-location可以显示带有方向的定位标志。

2.在app.wxss里面设置.container{height:100%;},可以保证显示效果

3.将导入的图片铺满整个屏幕

.auto-img{
width:100%;
display:block;
}

4.rpx的自适应

5.背景图片不能用本地文件或者本地路径,要用网络图片或者base64编码,或者用image标签。

微信小程序实训 Day 04 实习日志_第1张图片

wx.chooseImage

//  本地相册选择图片
    wx.chooseImage({
      success: res=>{
        //console.log(res.tempFilePaths[0]);
        //读取本地文件内容
        wx.getFileSystemManager().readFile({
          filePath: res.tempFilePaths[0],
          encoding:'base64',
          success:res=>{
            console.log(res);
            console.log('data:img/jpg:base64,'+res.data);
          }

        })
      },
    })

6.获取本地文件

7.

.微信小程序实训 Day 04 实习日志_第2张图片

 

8.用户信息

微信小程序实训 Day 04 实习日志_第3张图片

 

9.permission

微信小程序实训 Day 04 实习日志_第4张图片

 

你可能感兴趣的:(微信小程序实训)