BannerArc 横幅底部圆弧

为横幅底部添加圆弧，并支持在横幅内放置自定义内容。

支持平台

以下为官网文档所列的平台支持情况，具体功能及版本限制请参见本页的平台说明。

App-vue	App-nvue	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序	H5	PC	快手小程序	钉钉小程序
✓	✓	✓	✓	✓	✓	✓	✓	✓	✓	✓

基础用法

<!-- 带圆弧的横幅 -->
<fui-banner-arc background="#465CFF" :height="400">
  <text>欢迎使用</text>
</fui-banner-arc>

属性

属性	类型	说明	官网默认值
height	Number / String	横幅高度，单位 rpx	400
ratio	Number / String	圆弧宽度与横幅宽度之比，越大弧度越平缓	1.2
background	String	背景色	-
marginTop	Number / String	上外边距，单位 rpx	0
marginBottom	Number / String	下外边距，单位 rpx	0

事件

事件	说明	回调参数
click	点击横幅时触发	{}

插槽

插槽	说明
default	横幅内容

平台说明

ratio 的最小值在 nvue 为 1.5，在其他平台为 1.2，低于最小值时按最小值计算。