Appearance
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)。 背景色为橙色渐变。