微信小程序右下角圆形浮动选择框样式

最新推荐文章于 2025-06-18 03:57:17 发布

原创最新推荐文章于 2025-06-18 03:57:17 发布 · 9.9k 阅读

8 ·

CC 4.0 BY-SA版权

微信小程序专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用Rtcss实现的固定位置浮动圆形按钮样式，该样式包括具体的位置设置、尺寸定义、背景颜色及字体颜色等详细属性配置。

Rt css小白，碰到这个破样式，网上没找到现成的，捣鼓了下贡献给我一样的小白

.circle-float{
  color: #ffffff;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 20rpx;
  right: 20rpx;
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  font-size: 28rpx;
  background: #4EEE94;
}