更新记录
1.0.0(2025-03-26)
下载此版本
上传
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
√ |
√ |
√ |
√ |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
mosowe-tooltip
props
prop |
类型 |
说明 |
默认 |
content |
string |
提示内容 |
‘提示文案’ |
popup |
boolean |
是否弹框提示 |
false |
width |
string |
设置一个固定的 tip 宽度,不设置会根据 content 长度动态变化 |
‘’ |
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>