uniapp开发微信小程序分享功能

记一次uniapp开发微信小程序遇到的问题，

问题：

关于button的分享属性，

在HbuilderX中开发时，直接将button覆盖在image上，将button设置为透明，可以直接实现分享功能，但是打包发在正式站中发现这个button失效了，不知道是被image盖住了还是样式失效了，反正是不能实现分享功能

解决：

将button标签和image标签，一起放在label标签中，

label组件
定义和用法
标签为 input 元素定义标注（标记）。

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

也就是说，相当于把button的分享功能一直到image上去了。

至于为什么会发生这种问题，我也不是很清楚，希望各位看官大人指点一下小老弟。

uniapp开发微信小程序分享功能相关推荐

微信小程序分享功能开发及调试方法
首先说一下使用方法如下,Button组件设置open-type="share"即可触发onShareAppMessage完成分享功能 <button class=" ...
uniapp 微信小程序分享功能
微信小程序分享功能.传参.接收参数 1,分享功能在页面上与methods同级写上onShareAppMessage()函数. onShareAppMessage() {return{title: & ...
uniapp开发微信小程序-7.用户填写表单信息
uniapp开发微信小程序-7.用户填写表单信息本章让用户通过表单更新自己的个人信息,也是本系列文章最后一篇入门分享,之后碰到新颖.常用的功能会继续分享给大家,如果大家有任何问题欢迎留言,我会尽快线 ...
uniapp开发微信小程序使用painter绘制海报
uniapp开发微信小程序使用painter绘制海报参考文章: 1.简书大佬文章https://www.jianshu.com/p/e9cab600cf6c 2.CSDN大佬文章https://bl ...
uniapp开发微信小程序-4.页面跳转与横向滑动
uniapp开发微信小程序-4.页面跳转与横向滑动本篇文章主要是想记录一下横向滑动功能,备忘的同时给大家做个分享. 但既然是初级分享系列文章,为了方便新手朋友的上手工作,还是在此之前说一下页面跳转的 ...
详解 - 解决微信小程序分享功能图片比例问题 - 全局分享
前言: 我在我的博客小程序使用微信小程序分享功能图片不符合5:4问题 ,对其原理扫描下面二维码,可以体验哦准备在需要自定义分享的页面设置canvas 组件目录准备详解思路定义总函数 ...
uni-app开发微信小程序的简要流程
uni-app开发微信小程序开发uni-app的技术条件就是微信小程序及Vue,不熟悉vue的同学要先学习了解一下.不熟悉小程序可以直接看uni文档.https://uniapp.dcloud.io ...
关于uniapp开发微信小程序，实现聊天消息，最新消息最底部展示
关于uniapp开发微信小程序,实现聊天消息最新消息最底部展示实现消息最底部展示 uniapp\vue 页面布局此处我觉得最要注意的点就是看是谁产生的滚动条. 逻辑书写关键字: scrollTo ...
uniapp开发微信小程序设置分包，简单易学（图解）
我们使用uniapp开发微信小程序的时候,当我们的包体积过大的时候,无法真机模拟因为小程序单个包只支持2MB,所以这时候我们要选择去分包. 有人要问了分包难吗?分包很简单.但是最重要的来了,分包这 ...

uniapp开发微信小程序分享功能

uniapp开发微信小程序分享功能相关推荐

最新文章

热门文章