Affix

Affix 吸顶/底容器

代码示例

import { BfAffix, BfButton } from '@bud-fe/react-taro-ui';
import React from 'react';
import styles from './index.module.less';
export default () => {
return (
<>
<BfAffix mode="doubleBtn" confirmText="OK" />
<BfAffix position="top" className={styles['four-btn-container']}>
<BfButton type="primary">按钮1</BfButton>
<BfButton type="default" plain>
按钮2
</BfButton>
<BfButton type="primary">按钮3</BfButton>
<BfButton type="primary" plain>
按钮4
</BfButton>
</BfAffix>
</>
);
};

API

属性名描述类型默认值
children自定义内容。any--
layout布局设置"left" | "center" | "right" | "space-between" | "space-around"center
postion固定位置。为 bottom 时,会在文档流中加入一个占位的元素 @deprecated - use position instead"top" | "bottom"bottom
position固定位置。为 bottom 时,会在文档流中加入一个占位的元素"top" | "bottom"bottom
mode模式。默认为空内容"singleBtn" | "doubleBtn"--
cancelText自定义取消按钮文本string取消
confirmText自定义确认按钮文本string确定
confirmDisable确认按钮是否禁用booleanfalse
cancelDisable取消按钮是否禁用booleanfalse
safeAreaInsetBottom是否开启底部安全区适配。当 position 为 bottom 时为 trueboolean当 position 为 bottom 时为 true
removePlaceholder是否移除占位元素(吸底时)booleanfalse
transparent背景是否透明。默认白底booleanfalse
onCancel回调: 取消() => void--
onConfirm回调: 确认() => void--
dumi10:24