Skip to content

fixed-button 悬浮按钮

fixed-button 是一个固定在页面右下角的悬浮按钮,常用于快速发布、回到顶部等操作。

基础用法

vue
<template>
  <fixed-button text="发布" icon="icon-fabu" url="/pages/publish/index"></fixed-button>
</template>

Props

参数说明类型默认值
text按钮下方的文字String''
icon图标类名 (基于 iconfont)String'icon-fabu'
url点击跳转的页面路径String''

样式说明

按钮默认固定在右侧 24rpx,底部适配安全区 calc(env(safe-area-inset-bottom) + 42px)。 背景色为橙色渐变。