更新记录

1.0.0（2026-03-11）

  • 初步实现图片和视频的框选和涂抹，获取到框选在图片/视频中的左上角坐标和宽高，涂抹位于图片和视频的点的位置

平台兼容性

uni-app(5.0)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
× √ - - - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
3.14.2 - - - - - - - - - - -

mu-positioning 面包屑导航

组件名：mu-positioning 代码块： mu-positioning

显示当前页面的路径，快速返回之前的任意页面。

安装方式

本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。

uni-ui组件,在组件市场安装

基本用法

在 template 中使用组件

<template>
    <view class="test">
        <mu-positioning file-type="video" :url="`https://maowenke.cn/test.mp4`"></mu-positioning>
    </view>
</template>

API

mu-positioning Props

属性名 类型 默认值 说明
styles String '' 外层包裹的样式
fileType String 'image' 文件类型iamge/video
url String '' 文件地址
width Number 300 文件展示宽度单位px,高度自动展开
corner Number 30 矩形框角的宽度
border String '1rpx solid #ff3b30' 矩形框的样式
background String 'rgba(255, 59, 48, 0.1)' 矩形框的背景
showButton Boolean false 显示按钮
brushColor String '#ff3b30' 涂抹颜色
brushSize Number 5 涂抹大小

mu-positioning Methods

方法名称 说明 参数
addFrame 添加矩形框 无
success 获取选择数据，停止移动 无
togglePlay 播放/暂停视频 无
restartVideo 视频重播 无
toggleDrawMode 开始涂抹 无
getCurrentDrawData 获取当前涂抹数据 无
getAllDrawData 获取所有的涂抹数据 无
clearDraw 清理所有涂抹数据 无
undoDraw 清理最后一个涂抹数据 无
resetBrushSize 重新设置涂抹大小 size(Number)

隐私、权限声明

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

无

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

插件不采集任何数据

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

无

评论列表 撰写评论 向官方投诉

暂无用户评论。