微信原生小程序如何修改第三方样式

秃头王路飞
• 阅读 664

一级标题微信原生小程序如何修改第三方样式

env:

  1. 微信原生小程序(基础库2.272)
  2. tdesign-miniprogram(最低基础库版本^2.6.5)

近期在写微信原生小程序,有一个需求就是去修改一个第三方的库的样式,在写的途中发现自己没法想vue一样,或者uniapp一样去使用样式穿透。一般来说源码里面会通过externalClasses暴露出类名,然后通过这个累名去修改,但是这里没有暴露出来,这时候就需要我们自己去暴露出来。

具体实现如下面截图: 这是我需要修改的第三方组件的wxml源码: 微信原生小程序如何修改第三方样式

这是我需要修改的第三方组件的js源码: 微信原生小程序如何修改第三方样式

需要修改的wxml 微信原生小程序如何修改第三方样式

需要修改的wxml对应的wxss 微信原生小程序如何修改第三方样式

这里不难看出,源码的wxml的class类名,js的externalClasses暴露出的类名,以及需要修改页面的属性都是一致的。这样就可以修改样式了。

如果你有其他办法,欢迎讨论~~~

点赞
收藏
评论区
推荐文章
ThinkPHP V5.0 接入微信支付+回调
ThinkPHPV5.0接入微信支付微信支付接口组装访问数组$data'body''商城购买商品';//订单标题$data'outtradeno'generaterandstr(8,0);//平台订单号(非小程序订单,自己平台生成的)$data'notifyurl'$thisrequestdomain().'';//微信支付
小森森 小森森
1年前
计划助手V1.0-微信小程序(QQ小程序)-源代码分享
疫情期间在家感觉好无聊啊,于是利用空闲时间做了一个用来记录和管理小目标时间的小程序,命名为《小沙漏》。QQ版本小程序同步上线,QQ小程序叫《时间小沙漏》,欢迎大家前来体验,后期也会添加其他的新功能哦【区别】:微信小程序的代码与QQ小程序的源码是不一样的。微信小程序的源码基于微信小程序云开发,需要在有网络的情况下使用,具有同步功能,所有记录在删除小
CuterCorley CuterCorley
3年前
uni-app入门教程(7)第三方登录和分享
前言本文主要介绍了APP开发的两大基本功能,即第三方登录登录和分享:包括登录通用配置,微信小程序和APP的第三方登录方式,和分享到聊天和朋友圈,使用uniapp实现有不同的接口和实现方式。一、通用配置因为小程序和APP登录接口不同,需要在前端进行跨端兼容处理,同时微信等平台的小程序一般只支持所属宿主程序的第三方登录,而无法包括其他的
Easter79 Easter79
2年前
Taro小程序自定义顶部导航栏
微信自带的顶部导航栏是无法支持自定义icon和增加元素的,在开发小程序的时候自带的根本满足不了需求,分享一个封装好的组件,支持自定义icon、扩展dom,适配安卓、ios、h5,全面屏。我用的是京东的Taro多端编译框架写的小程序,原生的也可以适用,用到的微信/taro的api做调整就行,实现效果如下。!在这里插入图片描述(https://i
Wesley13 Wesley13
2年前
5G消息与微信小程序互联互通?北京国都互联这么做……
最近微信小程序上线了一个超级流量的新入口URLScheme,据微信官网介绍,scheme码适用于短信、邮件、外部网页等拉起小程序的业务场景。通过小程序页面的URLScheme,可以在短信、邮件或微信外部的网页中打开微信小程序。意义在于将微信流量生态延伸到微信以外渠道,进一步完善了小程序和外部渠道互通的营销场景。北京国都互联第一时
Stella981 Stella981
2年前
HotApp小程序统计云后台 免费的Https云后台服务器
小程序学习有些地方需要后台,比如需要存储数据到服务器,比如微信登录。hotapp有免费的小程序云后台包含基本的新增,查询,修改,删除操作,方便于学习,而且不需要微信appid也可使用。小程序微信手机调试appid,简单解决办法:http://www.wxappunion.com/forum.
Wesley13 Wesley13
2年前
5个最优秀的微信小程序UI组件库
开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果。自从微信小程序面世以来,不断有一些开源组件库出来,下面5款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库。还没用到它们的你,可以关注和了解一下哦!WeUIWXSSWeUIWXSS是腾讯官方UI组件库WeUI的小程序版,提供了跟微信界面风格一致的用户体验。
helloworld_40038029 helloworld_40038029
10个月前
2023版全新高质量商业级小程序全栈项目实战
微信小程序是一种轻量级的应用程序,它具有简单、高效、易用等特点。在学习微信小程序开发的过程中,了解其基础语法非常重要。本文将介绍微信小程序中的基础语法。
笑面虎 笑面虎
4个月前
【15章】前端高手特训 从0到1带你手写一个微信小程序底层框架
【15章】前端高手特训从0到1带你手写一个微信小程序底层框架视频课程分享——前端高手特训从0到1带你手写一个微信小程序底层框架,课程包更新,附源码。大家下载学习。微信小程序实质上是一款基于web技术的应用程序,他和我们平常所接触到的前端网页是大同小异的。相
乐和 乐和
1个月前
2023版全新高质量商业级小程序全栈项目实战(完结)
2023版全新高质量商业级小程序全栈项目实战(完结)download》chaoxingit.com/2393/如何学习高质量商业级小程序全栈项目实战来构建微信小程序对于微信小程序的概念和目录结构,下面是一些基本信息:概念:微信小程序是一种基于微信平台的应用