收藏
回答

小程序loading样式是否支持修改

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug loading 客户端 6.6.7 2.1.0

问题1.小程序loading在安卓手机上显示有问题(图1),ios上展示正常(图2),下面的title不设置的话(虽然官网说title是必传字段,但是产品不希望有文字),会出现空白。loading圈在上面,下面是空白很难看,是否可以自定义修改loading样式? 问题2.如果自己自定义一个loading,是不是只能写成组件的形式,然后在每个页面上引入组件,这个方法太麻烦,是否还有更好的方法?

代码:

wx.showLoading({
  mask: true})

                               图1  安卓手机加载中


                                        图2   ios加载中截图

回答关注问题邀请回答
收藏

2 个回答

  • ElPsyCongroo
    ElPsyCongroo
    2023-12-26
    无解 , 不过小程序有几个遗留的反馈组件 , loading,toast,modal,action-sheet(action-sheet完全不能使用了)
    

    至于loading内部解构wx-loading-icon和wx-loading-content怎么知道的 , 我只能说慢慢猜(猜的挺久的)

    <template> 
    	<loading class="loading" mask>
    		<preloader large theme="dark"></preloader>
    		1231
    	</loading>
    </template>
    <style lang="scss">
    	.loading {
    		.wx-loading {
    			background-color: blue;
    
    
    			.wx-loading-icon {
    				background-color: red;
    			}
    
    
    			.wx-loading-content {
    				background-color: green;
    			}
    		}
    	}
    </style>
    
    2023-12-26
    有用
    回复 1
    • ElPsyCongroo
      ElPsyCongroo
      2023-12-26
      2023-12-26
      回复
  • 落风
    落风
    2023-10-23

    这 loading 确实很丑...

    2023-10-23
    有用
    回复
登录 后发表内容