uni-app跨端开发H5、微信小程序、支付宝小程序遇到的坑

八月π

已于 2023-01-06 09:15:56 修改

阅读量2.4k

点赞数 2

分类专栏： # 小程序文章标签： uni-app 微信小程序

于 2022-12-08 15:34:28 首次发布

本文链接：https://blog.csdn.net/zhangqian_1213/article/details/128131665

版权

本文主要探讨了uni-app在开发H5、微信及支付宝小程序时遇到的问题，如checkbox样式、分享功能的实现，以及在不同平台上的兼容性问题。在支付宝小程序中，分享参数需为网络图片地址，path中的参数只能在页面onLoad中获取。微信小程序的webview跳转、onLaunch获取参数等问题也提出了相应解决方案。同时，文章列举了支付宝小程序的多个兼容性问题，如点击事件、自定义组件样式和功能等问题，并提供了相应的解决策略。

摘要由CSDN通过智能技术生成

文章目录

微信支付宝小程序通用功能

1.checkbox样式

/* App.vue 页面样式没有用scoped的话，可以不要::v-deep */
/* 微信小程序样式 */
/* #ifdef MP-WEIXIN */
	::v-deep checkbox {
   
		.wx-checkbox-input {
   
			color: transparent;
			width: 36rpx;
			height: 36rpx;
			background: url("checkbox.png") no-repeat center;
			background-size: 100% 100%;
			border: none;
		}

		.wx-checkbox-input.wx-checkbox-input-checked {
   
			background: url("checkbox-checked.png") no-repeat center;
			background-size: 100% 100%;
		}
	}

/* #endif */
/* 支付宝小程序样式 */
/* #ifdef MP-ALIPAY */
	::v-deep checkbox {
   
		color: transparent;
		width: 36rpx;
		height: 36rpx;
		background: url("checkbox.png") no-repeat center;
		background-size: 100% 100%;
		border: none;
	}

	::v-deep checkbox-checked {
   
		background: url("checkbox-checked.png") no-repeat center;
		background-size: 100% 100%;
	}

/* #endif */
/*