英语单词小程序插件 - EdictPlugin-LTS
1.插件引入
全局
app.json配置
"plugins": {
"edict-plugin": {
"version": "1.6.0",
"provider": "wx2facb7b57eedf7e6"
}
}
全局
app.js初始化(使用wordcate必须先初始化,其余功能不需要)
var plugin = requirePlugin("edict-plugin");
App({
pluginconfig: {
appid: 'wx2facb7b57eedf7e6',
appname: '英语词典',
platfrom: 'wx'
},
onLaunch: function () {
plugin.InitEdict(this.pluginconfig).then(stas => {
if (stas) {
console.log('初始化成功') }
})
}
})
TIPS:引入初始化是为了之后根据不同的应用需求,配置不同的单词册形式,如只有六级词汇的单词册等
2.插件功能介绍
插件提供的功能分为两种形式,一种是组件形式,可自由引入,一种是页面形式,只可以通过跳转使用。
2.1 悬浮查词组件 NavSearch

NavSearch使用
在页面json文件中配置引入
{
"usingComponents": {
"nav-search":"plugin://edict-plugin/nav-search"
}
}
使用方法如下,将该段代码放在wxml的顶部
<view>
<nav-search navshow="{{navshow}}" bind:wordselect="wordselect"></nav-search>
</view>
navshow参数为控制组件是否显示的,与wx:if效果相同,wordselct为点击单词触发事件
wordselect(e){
let word = e.detail.word;
wx.navigateTo({
url: 'plugin://edict-plugin/word?word='+word,
})
}
2.2 单词检索页面 DictSearch

DictSearch使用
直接进行页面跳转即可
wx.navigateTo({
url: 'plugin://edict-plugin/search'
})
2.3 单词册 WordCate

WordCate使用
直接跳转即可,后续功能需要userid,请使用者自行获取用户openid并携带
wx.navigateTo({
url: 'plugin://edict-plugin/index?userid=[openid]'
})
获取方式 Java 获取小程序openid(基于SpringBoot)
2.4 单词详细 WordDetail

WordDetail使用
携带参数跳转,如下所示
wx.navigateTo({
url: 'plugin://edict-plugin/word?word='+word,
})
该功能正在完善中,对应的翻译语句等现在比较少,后续会持续增加,欢迎愿意维护该项目的同学加入
2.5 En-Zh 英汉互译

En-Zh 使用
页面跳转即可
wx.navigateTo({
url: 'plugin://edict-plugin/en-zh'
})
4. 参考
5.技术交流
欢迎愿意维护该项目的同学或小程序开发者加入交流群

英语单词小程序插件 - EdictPlugin-LTS的更多相关文章
- 微信小程序 -- 英语词典 (小程序插件)
英语词典小程序 基于英语词典小程序插件 - 提供开源地址 项目地址 英语词典小程序插件: 微信小程序 词典 真题基础服务插件(gitee.com) 功能特色 [x] 全面详实的经典词库,详细释义覆盖约 ...
- 微信小程序插件 - 开发教程
昨天(2018.3.13),微信小程序发布了重大功能更新,支持插件的使用和开发,个人预计,不超过2个月,优质服务的插件将会如雨后春笋般涌现. 这篇文章,我将会带大家,从0开始,学习如何开发和使用插件. ...
- 小程序插件使用wx.createSelectorQuery()获取不到节点信息
发现小程序一个bug, 在小程序插件中使用wx.createSelectorQuery()获取不到节点信息,需要在后面加入in(this) 例如: const query = wx.createSel ...
- uni-app——小程序插件使用wx.createSelectorQuery()获取不到节点信息
发现小程序一个bug, 在小程序插件中使用wx.createSelectorQuery()获取不到节点信息,需要在后面加入in(this) 例如: const query = wx.createSel ...
- 「腾讯视频」微信小程序插件介绍
上期,我们在<从原理到应用,一文带你了解小程序插件能力>一文中介绍了小程序插件的意义.作用以及应用.今天开始,我们会每期与大家分享一款优秀的小程序插件,从使用场景到使用方法,都将作出详细的 ...
- 微信小程序插件内页面跳转和参数传递(转)
在此以插件开发中文章列表跳传文章详情为例. 1.首先在插件中的文章列表页面wxml中绑定跳转事件. bindtap='url' data-id="{{item.article_id}}&qu ...
- 微信小程序插件使用
使用插件 小程序开发者可便捷地把插件添加到自己的小程序内,丰富小程序的服务.当用户在使用小程序时,将可以在小程序内使用插件提供的服务. 开放范围 所有小程序 接入流程 在小程序管理后台添加插件 小程序 ...
- 微信小程序插件内页面跳转和参数传递
在此以插件开发中文章列表跳传文章详情为例. 1.首先在插件中的文章列表页面wxml中绑定跳转事件. bindtap='url' data-id="{{item.article_id}}&qu ...
- vsCode 开发微信小程序插件
用 vsCode 开发微信小程序可以配置以下插件,让开发更美好: 1. vscode weapp api 2. vscode wxml 3. vscode-wechat 4. Easy WXLESS ...
随机推荐
- QT串口助手(五):文件操作
作者:zzssdd2 E-mail:zzssdd2@foxmail.com 一.前言 开发环境:Qt5.12.10 + MinGW 功能 文件的发送 数据的保存 知识点 QFile类的使用 QTime ...
- python2.* 版本 与 3.* 版本中的区别
目录 Unicode编码 print函数 raw_input() 和 input( ) 不等运算符 数据类型 除法 map 和 filter Unicode编码 python2.x 解释器默认编码格式 ...
- 国产smartbits版本-minismb测试高恪路由器IP限速
Minismb测试仪表是复刻smartbits的国产版本,是一款专门用于测试智能路由器,网络交换机的性能和稳定性的软硬件相结合的工具.可以通过此工具测试任何ip网络设备的端口吞吐率,带宽,并发连接数和 ...
- 【论文笔记】AutoML for MCA on Mobile Devices——论文解读与代码解析
理论部分 方法介绍 本节将详细介绍AMC的算法流程.AMC旨在自动地找出每层的冗余参数. AMC训练一个强化学习的策略,对每个卷积层会给出其action(即压缩率),然后根据压缩率进行裁枝.裁枝后,A ...
- python Crypto 加密解密
本片文字记录使用python 的Crypto 工具对图片或者文本进行加密解密的方法: import numpy as np from PIL import Image from base64 impo ...
- Nginx基础 - 通用优化配置文件
[root@localhost ~]# vim /etc/nginx/nginx.conf user nginx; worker_processes auto; worker_cpu_affinity ...
- Django服务器布置(Ubuntu+uwsgi+nginx+Django)
一.安装Python apt install python3 二.安装pip apt install python3-pip 三.创建目录 创建虚拟服务目录 mkdir -p /data/env 创建 ...
- Pod 实现机制
Pod 为了亲密性应用而存在: 两个应用需要通过 127.0.0.1 或者 Socket 通信: 两个应用之间发生文件交互: 两个应用发生频繁的调用 共享网络 Pod 中的所有容器拥有同一个 IP 地 ...
- Ubuntu-16.04下Docker通过阿里云镜像安装(apt-get)
由于通过官方路径安装docker时总是连接不上,所以从网上找了半天,通过阿里云镜像安装docker,我的Linux是ubuntu-16.04 一.配置源里的阿里云镜像仓库 sudo vim /etc/ ...
- Sentry 高级使用教程
Sentry 高级使用教程 Sentry versions https://github.com/getsentry/sentry-docs https://github.com/getsentry/ ...