将悬浮按钮uni-fab的icon修改成自己想要的文字,并实现文字换行
<uni-fab ref="fab" :pattern="pattern" :horizontal="horizontal" :vertical="vertical" class="fab" @fabClick="fabClick" />
data() {
return {
horizontal: "right", //水平
vertical: "bottom", //垂直
pattern: {
buttonColor: '#d0010e',
color: '#fff',
}
}
},
methods: {
fabClick() {
uni.switchTab({ // 返回首页
url: "/pages/home/home"
})
},
}
.fab {
::v-deep.uni-icons.uniui-plusempty.fab-circle-icon {
font-size: 0 !important;
}
::v-deep.uniui-plusempty:before {
content: "返回\A首页" !important;
font-size: 12px;
}
}
效果图