uniapp系列-使用uniapp携带收件人信息调用手机邮件应用发邮件的2种方案

背景描述

我们使用uniapp打包之后,某些情况下,需要使用uniapp打开手机其他应用去发邮件,携带对方email 信息以及主题信息等,那我们应该怎么处理呢?

方案一:使用uniapp标签-uni-link,注意这种方案不携带邮件主题等资料哦

uni-link是一个外部网页超链接组件,在小程序内复制url,在app内打开外部浏览器,在h5端打开新网页。

如何安装

安装sass
npm i sass -D
安装sass-loader
npm i [email protected] -D
安装uni-ui
npm i @dcloudio/uni-ui

uniapp系列-使用uniapp携带收件人信息调用手机邮件应用发邮件的2种方案_第1张图片

如何使用

  • step1 在项目pages同级路径下创建components目录
  • step2 在node_modules文件夹下找到下载的uni-ui
  • step3 粘贴到src/components目录下
  • step4 直接按照官网示例使用即可,不需要注册和引入

uniapp系列-使用uniapp携带收件人信息调用手机邮件应用发邮件的2种方案_第2张图片

平台兼容性

uniapp系列-使用uniapp携带收件人信息调用手机邮件应用发邮件的2种方案_第3张图片

代码示例






uniapp系列-使用uniapp携带收件人信息调用手机邮件应用发邮件的2种方案_第4张图片

手机效果展示

uniapp系列-使用uniapp携带收件人信息调用手机邮件应用发邮件的2种方案_第5张图片

点击标签后,效果展示

uniapp系列-使用uniapp携带收件人信息调用手机邮件应用发邮件的2种方案_第6张图片

uniapp系列-使用uniapp携带收件人信息调用手机邮件应用发邮件的2种方案_第7张图片
uniapp系列-使用uniapp携带收件人信息调用手机邮件应用发邮件的2种方案_第8张图片

方案二:plus.messaging发送带附件的邮件

详细信息请访问我的另一篇文章–uniapp系列-如何使用plus.messaging模块发送短信、彩信、邮件等
上代码






效果

uniapp系列-使用uniapp携带收件人信息调用手机邮件应用发邮件的2种方案_第9张图片

点击标签后,效果展示

uniapp系列-使用uniapp携带收件人信息调用手机邮件应用发邮件的2种方案_第10张图片
uniapp系列-使用uniapp携带收件人信息调用手机邮件应用发邮件的2种方案_第11张图片

今天就写到这里啦~
  • 小伙伴们,( ̄ω ̄( ̄ω ̄〃 ( ̄ω ̄〃)ゝ我们明天再见啦~~
  • 大家要天天开心哦

欢迎大家指出文章需要改正之处~
学无止境,合作共赢

在这里插入图片描述

欢迎路过的小哥哥小姐姐们提出更好的意见哇~~

你可能感兴趣的:(移动端开发,uni-app,前端,android,ios)