小程序-解决原生组件层级太高的问题

最新推荐文章于 2025-07-28 16:40:44 发布

倾听雨落~

最新推荐文章于 2025-07-28 16:40:44 发布

阅读量6.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序

本文链接：https://blog.youkuaiyun.com/weixin_43292447/article/details/83415617

本文探讨了在微信小程序中遇到原生组件层级过高的问题，并提出通过使用自定义组件来覆盖原生组件，实现视觉效果的调整。详细解决方案及线上代码示例可在码云平台查看。

使用来写要覆盖在原生组件上面的元素
码云线上代码：https://gitee.com/vuezhen/wechat

wxml页面：
<view class="invitation">
	<view class="head">
		<view class="empty"></view>
		<view class="top"></view>
		<view class="img">
			<image class="_img data-v-254134ae" data-comkey="0" data-eventid="0" mode="aspectFit" src="img/1.png"></image>	
		</view>
	</view>
	<view class="_div data-v-254134ae info">
		<view class="_div data-v-254134ae title">
			<view class="_p data-v-254134ae">您已邀请好友</view>
			<view class="_p data-v-254134ae">
				<label class="_span data-v-254134ae red">100</label>
				位
			</view>
		</view>
		<view class="_ul data-v-254134ae list" >
			<view class="_li data-v-254134ae" wx:for="{
  
  {array}}" wx:for-index="idx" wx:for-item="itemName">
				<view class="_i data-v-254134ae">{
  
  { idx+1 }}</view>
				{
  
  { itemName.pho