uni-app uni-fab修改图标 浮窗位置 是否展开

 

1. 先说修改图标吧 是需要修改 uniapp源码的。

uni_modules/uni-fab/components/uni-fab/uni-fab.vue 36行改为 增加:type="icon" 的属性

<uni-icons class="fab-circle-icon" :type="icon" :color="styles.iconColor" size="32"

当然 如果不想用uni-icons 也可以把它替换掉

---

props在73行里插入新的项：

icon:{
    type:String,
    default:'plusempty'
},

---

使用的时候记得给 icon传值，这样就可以自由换ICON图标了

<uni-fab  :popMenu="false" horizontal="right" @fabClick="handleUpdate" : icon="compose"></uni-fab>