微信小程序之页面悬浮按钮的实现_微信小程序 button图标样式实现悬浮按钮效果

作者：IT小白 | 2024-08-23 07:05:02

踩

微信小程序 button图标样式实现悬浮按钮效果

一些同学问酱茄小编，酱茄WordPress版微信小程序页面的悬浮按钮怎么实现的，今天就把代码分享给各位。

.wxml:


<view class="add-wrap"hover-class="plus-hover">
  <image src="/img/jiangqie.png"></image>
</view>

.wxss:


add-wrap {
  position:fixed;
  bottom:20;
  display:flex;
  width:50%;
  justify-content:center;
}
.add-wrap image {
  width:50px;
  height:50px;
}

参考效果：

原文来自：https://www.jiangqie.com/jc/6565.html

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/1019961

微信小程序之页面悬浮按钮的实现_微信小程序 button图标样式 实现悬浮按钮效果