更新记录

1.0.0(2021-02-24)

2021-02-24 发布


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

微信小程序中,可以对于设定user-select=”true”来允许用户自由选择其中的文字。 但是这个菜单中是无法自定义菜单项的。

我借鉴锤子手机中“分词大爆炸”的效果,在用户长按一段文字后,弹出对话框,在对话框中对于文字进行分词,然后允许用户选中一个或者多个单词,然后进行查询。

组件用法:

<yz-text text="I love you, I've get set !"></yz-text>

text属性中就是要显示的文字,长按文字后就会弹出分词对话框。

属性说明:

属性名 类型 默认值 说明
text string 显示的文字
tips string “选择文本(可多选)后,可以点击【翻译】” 按钮底下的描述文字
button1Text string '翻译' 第一个按钮的文本

事件说明:

名称 参数 说明
split {value,’’,words:[]} 如果不监听split事件或者split事件中设定e.words不是空,则按照英文进行分词。split事件中对文字进行自定义分词,e.value是文字,e.words是分析后的字符串数组。
search 字符串 点击第一个按钮后触发,参数是用户选择的大爆炸文字。

示例代码:

<yz-text text="I love you, I've get set !"></yz-text>
<yz-text text="杨中科,一名快乐的程序员" @split="split" @search="search"
         tips="选中文字进行搜索" button1Text="搜索"></yz-text>
split:function(e)
{           
    e.words=e.value.split("");
},
search:function(s)
{
    uni.showToast({
        title:s
    });
},

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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