微信小程序-组件悬浮

字节跳动校招内推码: C4BDSMC
投递链接: https://job.toutiao.com/s/J691fRK
内推交流QQ群：1049175720

一、关键语句-wxss

position: fixed;

二、理解

三、演示截图—右下角购物车图标

四、实现代码
4.1 wxml

<image class='img' src='/images/s1.png' bindtap='s1test'></image>

4.2 wxss

.img{
  float: right;
  position: fixed;
  bottom: 120rpx;
  right: 20rpx; 
  width: 80rpx;
  height: 80rpx;
}

4.3
js

s1test(e){
  console.log(e);
}