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

秃头王路飞
• 阅读 1299

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

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().'';//微信支付
CuterCorley CuterCorley
4年前
uni-app入门教程(7)第三方登录和分享
前言本文主要介绍了APP开发的两大基本功能,即第三方登录登录和分享:包括登录通用配置,微信小程序和APP的第三方登录方式,和分享到聊天和朋友圈,使用uniapp实现有不同的接口和实现方式。一、通用配置因为小程序和APP登录接口不同,需要在前端进行跨端兼容处理,同时微信等平台的小程序一般只支持所属宿主程序的第三方登录,而无法包括其他的
Easter79 Easter79
4年前
Taro小程序自定义顶部导航栏
微信自带的顶部导航栏是无法支持自定义icon和增加元素的,在开发小程序的时候自带的根本满足不了需求,分享一个封装好的组件,支持自定义icon、扩展dom,适配安卓、ios、h5,全面屏。我用的是京东的Taro多端编译框架写的小程序,原生的也可以适用,用到的微信/taro的api做调整就行,实现效果如下。!在这里插入图片描述(https://i
Wesley13 Wesley13
4年前
5G消息与微信小程序互联互通?北京国都互联这么做……
最近微信小程序上线了一个超级流量的新入口URLScheme,据微信官网介绍,scheme码适用于短信、邮件、外部网页等拉起小程序的业务场景。通过小程序页面的URLScheme,可以在短信、邮件或微信外部的网页中打开微信小程序。意义在于将微信流量生态延伸到微信以外渠道,进一步完善了小程序和外部渠道互通的营销场景。北京国都互联第一时
Stella981 Stella981
4年前
HotApp小程序统计云后台 免费的Https云后台服务器
小程序学习有些地方需要后台,比如需要存储数据到服务器,比如微信登录。hotapp有免费的小程序云后台包含基本的新增,查询,修改,删除操作,方便于学习,而且不需要微信appid也可使用。小程序微信手机调试appid,简单解决办法:http://www.wxappunion.com/forum.
Wesley13 Wesley13
4年前
5个最优秀的微信小程序UI组件库
开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果。自从微信小程序面世以来,不断有一些开源组件库出来,下面5款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库。还没用到它们的你,可以关注和了解一下哦!WeUIWXSSWeUIWXSS是腾讯官方UI组件库WeUI的小程序版,提供了跟微信界面风格一致的用户体验。
dkll dkll
1星期前
兴趣社区交友圈子系统小程序源码搭建(最新版),支持多端上线
基础功能介绍多平台适配能力该系统前端采用uniapp构建,具备出色的跨平台特性,可以轻松转换为各种移动终端应用程序,如微信小程序、iOS及Android系统的原生App等。对于具体的兼容性信息,请参阅uniapp官方文档。用户登录机制在不同平台上,用户可以