更新记录

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>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问