.wxss:add-..._微信小程序 button图标样式 实现悬浮按钮效果">
devbox
IT小白
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

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

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

赞

踩

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

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

.wxml:

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

.wxss:

  1. add-wrap {
  2.   position:fixed;
  3.   bottom:20;
  4.   display:flex;
  5.   width:50%;
  6.   justify-content:center;
  7. }
  8. .add-wrap image {
  9.   width:50px;
  10.   height:50px;
  11. }

参考效果：

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

 

本文内容由网友自发贡献，转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/1019961
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号