更新记录
1.0.3(2025-04-07)
下载此版本
优化
1.0.2(2025-04-07)
下载此版本
优化
1.0.1(2025-04-07)
下载此版本
优化
查看更多
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
√ |
√ |
√ |
√ |
- |
√ |
√ |
√ |
√ |
其他
mosowe-tooltip
props
prop |
类型 |
说明 |
默认 |
content |
string |
提示内容 |
‘提示文案’ |
popup |
boolean |
是否弹框提示 |
false |
width |
string |
设置一个固定的 tip 宽度,不设置会根据 content 长度动态变化 |
‘’ |
customAlign |
string |
设置 tooltip 悬浮位置,可选“left”固定定位左侧,“right” 固定定位右侧,“center”固定定位中间 |
‘’ |
expose
事件 |
说明 |
openTip |
打开提示 |
closeTip |
关闭提示 |
example
<template>
<view class="common-page">
<view class="left-top">
<mosowe-tooltip>左上角</mosowe-tooltip>
</view>
<view class="right-top">
<mosowe-tooltip>右上角</mosowe-tooltip>
</view>
<view class="left-bottom">
<mosowe-tooltip>左下角</mosowe-tooltip>
</view>
<view class="right-bottom">
<mosowe-tooltip>右下角</mosowe-tooltip>
</view>
<view class="canter">
<mosowe-tooltip
content="好的撒刚发的哈师范撒反馈撒发大水开发商看法是拉胯"
width="500rpx">
中间
</mosowe-tooltip>
</view>
<view class="page-item">
<mosowe-tooltip popup>测试popup</mosowe-tooltip>
</view>
</view>
</template>
<style
lang="scss"
scoped>
.common-page {
height: 200vh;
}
.right-top {
position: absolute;
right: 0;
top: 0;
padding: 24rpx;
}
.right-bottom {
position: absolute;
right: 0;
bottom: 0;
padding: 24rpx;
}
.left-bottom {
position: absolute;
left: 0;
bottom: 0;
padding: 24rpx;
}
.canter {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
</style>