uniapp去除button默认样式，button 分享到朋友圈onShareTimeline，分享给微信好友 onShareAppMessage open-type=‘share‘

嘿，小苹果

已于 2023-10-30 10:19:59 修改

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签： uni-app html css

于 2023-08-16 17:59:09 首次发布

本文链接：https://blog.youkuaiyun.com/AAAXiaoApple/article/details/132325009

本文介绍了如何在uniapp中清除button元素的默认点击样式，并展示了如何添加自定义分享功能，包括页面内分享和分享到微信朋友圈的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

清除默认样式

button{padding: 0;margin: 0; border: 1px solid transparent;}
button::after{ border: none; }

清除点击样式

// 点击时样式
.button-hover {
	color:transparent;
	background-color:transparent;
}

//这个去除点击样式需要在button按钮上加一个hover-class="none"
<button hover-class="none" >提交</button>

uniapp 文档地址分享

button

<button hover-class="none" open-type='share'>分享</button>

// 分享给微信好友
onShareAppMessage(res) {
	let that = this;
	if (res.from === 'button') {// 来自页面内分享按钮
		console.log(res.target,'页面内分享')
	}
	return {
		title: '小程序名称',
		//  imageUrl:that.setinfo.share_images, 设置分享的图片
		path: '/pages/index/index'
	}
},
//  分享到朋友圈
onShareTimeline(){
	let that = this;
	return {
		title: '小程序名称',
		// imageUrl:that.setinfo.share_images,  设置分享的图片
		path: '/pages/index/index'
	}
},