微信小程序引入其他UI组件后按钮组件太大问题

最新推荐文章于 2024-04-26 22:36:09 发布
最新推荐文章于 2024-04-26 22:36:09 发布
阅读量1k 收藏
点赞数
分类专栏： 小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zh0623/article/details/106092748
版权

新建一个小程序项目后,引入常用开发的UI组件后发现按钮出奇的大,需要手动强制调节大小,这我怎么受的了,查了很多重置按钮和覆盖原来按钮样式,试用后都不行.好在没放弃,后来查资料是组件升级的原因.

来看看它有多大

官方文档对Style是这样说的:

解决方法如下:

修改后就正常了:

他夏了夏天吖
关注
专栏目录
微信小程序中使用Vant weapp UI组件库
m0_46211662的博客
05-30 778
–前言– 具体使用可参考官方文档： Vant weapp官方文档（国内 点击跳转）https://vant-contrib.gitee.io/vant-weapp/#/quickstart 补： 其他UI组件库使用方法基本相同 视频教学(可参考b站王进老师)：https://www.bilibili.com/video/BV18V411C7VV?from=search&seid=3250286661692137778 一.什么是UI组件库 1.可以帮助我们快速进行开发的一个界面库。 2.为了一个项目
原生微信小程序开发学习笔记（零基础）
qq_33365152的博客
09-08 343
原生微信小程序开发学习笔记（适合零基础）
微信小程序中主包和分包过大，详解分包问题
qq_43638732的博客
07-28 5936
博文介绍了对于较大的项目而言，根据微信开发者工具中提示，从自用组件、官方组件、项目配置等方面提出分包、精简项目的见解。
微信小程序预览、上传时：代码包不包含插件大小超过 1.5 M、引用插件大小超过 200 K~分包+利用外链解决
zhang___jian61的博客
03-09 1450
新手开发微信小程序的时候，往往容易把所有的页面都在app.json里面创建，全部存放到pages目录下，这样及其容易导致pages这个包的大小超过1.5，从而无法手机扫码预览或者上传。另外域名注册备案、域名解析、宝塔面板的使用、我曾花费不少时间琢磨，总算目前弄明白了。如果有疑问，欢迎留言交流，我很乐于解疑帮助到大家。因为我自己有服务器和域名，就利用宝塔面板，把小程序资源、图片音频视频放到服务器上，直接利用外链访问。1、资源外放，比如用服务器、CDN服务。这样小程序项目的各个资源文件包就瘦下来了。
微信小程序实现自定义组件
12程序猿的博客
07-10 347
微信小程序中的组件 前言 之前做小程序开发的时候，对于开发来说比较头疼的莫过于自定义组件了，当时官方对这方面的文档也只是寥寥几句，一笔带过而已，所以写起来真的是非常非常痛苦！！ 好在微信小程序的库从 1.6.3 开始，官方对于自定义组件这一块有了比较大的变动，首先比较明显的感觉就是文档比以前全多了，有木有！（小程序文档），现在小程序支持简洁的组件化编程，可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中复用，提高自己代码的可读性，降低自己维护代码的成本！ 本篇文章就是手把手教你实现小程序中自定义组件
关于微信小程序打包的体积过大问题以及解决办法
走在路上的张先森
07-07 1万+
最近开发微信小程序遇到一个瓶颈问题，uniapp项目打包出来的微信小程序主包的体积刚好超过要求的2M，我第一时间想到的是删除代码，删除本地图片，删除没有用到的组件，但是作用微乎其微 开启压缩之前的打包文件体积： 看了一下打包出来的文件，一个uni项目vue文件对应的打包出来的wxml，js，css，json之中，光是js文件大小就远远超过原来的vue文件了，此时的打包逻辑是在vue原有的代码之上增加了许多打包需要的逻辑代码，而且原来的代码格式几乎没有改变，还有许多的空白行，似乎很占用体积 找到解决方
【微信小程序】屏幕适配
m0_61382303的博客
03-07 740
一般ui给的设计图 宽度一般都是750px 单位的 ，所以上面标注的px 就可以直接写成rpx就可以了。
微信小程序 wepy框架与iview-weapp的用法详解
10-17
iview-weapp则是基于iView UI库，为微信小程序量身定做的UI组件库。iView是一个基于Vue.js的高质量UI组件库，拥有丰富的组件，设计精美，交互效果优良。iview-weapp继承了iView的设计理念和组件功能，提供了许多常用...
微信小程序和uni-app面试高频知识点
qq_53694927的博客
11-27 930
微信小程序和uni-app面试高频知识点
微信小程序（WeUI框架）
web_only_的博客
11-30 1371
【前言】 因为小程序的api描述都比较简单，并没有wxml及wxss的描述，有的人可能会想小程序有没有一个UI库。类似于前端中的常见的UI库例如Bootstrap、MDUI（简称MD）、Semantic UI（简称Semantic ）、uni-app、MUI、Element等等类似的框架UI库 小程序UI库WeUI： 结果当前是当前有的，它就是微信小程序官方推出的小程序UI库WeUI。 简介 We...
宝子，你知道小程序代码大小超限除了分包还能怎么做吗？
码农的博客
01-03 2673
宝子，你知道小程序太大了会提交失败，你也知道用分包来解决，可你知道不用分包还能用什么吗？
微信小程序关于主包大小不能超过1.5MB的问题
最新发布
℡メ㏑╭ァ小凯
04-26 2313
2、进入如图的分析页面，能明确知道你哪个插件包太大，我这里之前echart的包就1mb，现在给他缩减到了500kb的样子。3、解决vant等npm包太大的问题，勾上不上传依赖文件就行。4、这些都无法解决的时候，就弄分包，这个看官方教程即可。1、把资源文件改成远程服务器的，比如png这些。常规的解决办法有以下几种。
微信小程序包体积过大解决方法
weixin_72329752的博客
04-18 8005
在pages文件夹里面写入登录、首页等占用体积较小的页面，其他页面及相关资源可以放到分包里面，这样就不影响主包的大小。因为微信开发者工具提交需要整个项目大小不超过2M,超过2M则不能提交，会出现下面这个报错。注意：分包后该页面引入文件路径和其他页面跳转到该页面的路径等均需要更改。1、在Hbuilder x上面勾选上运行时压缩代码。压缩完成后可以点击download进行图片下载。配置在subPackages里面的是分包。以上就是我遇到的解决方法。配置在pages是主包。
使用uniapp在打包微信小程序时主包和vendor.js过大（uniCloud的插件分包）
热门推荐
GRC__cheng的博客
01-04 2万+
这些页面默认都会在主包里，因为uni_modules是主包，所以该目录下的uni-id-pages和uni-im页面也会打包到主包里（主包里面的vendor.js会打包所有主包里面的页面与插件的js文件），所以导致了主包里面的vendor.js在分包打包后依旧过大。但是如果你的微信小程序在uni_modles下引入了非常多的uni插件，比如说：uni-id-pages,uni-im,uSearch,uni-pay等uni全家桶。通过vue语法，将所有的组件导入到所有的页面（为了方便）
小程序优化指南(主包过大、组件不通过、图片和音频资源超过200K)
m0_63057469的博客
05-20 8001
本文主要讲述在小程序预览和发布过程中遇到图片和音频文件内存过大，启用组件按需注入，主包超过1.5M等问题，会导致我们预览项目失败，记得-点赞收藏＋关注
微信小程序 button按钮过大问题
qq_41304029的博客
02-24 395
不懂为什么要把按钮加上min-height，把所有按钮的height属性都给覆盖掉了，导致按钮异常的大，界面异常的难看，还没法去掉min-height，优先级竟然也比app.wxss设置的高。微信客户端 7.0 开始，UI 界面进行了大改版。小程序也进行了基础组件的样式升级。app.json 中配置 “style”: "v2"可表明启用新版的组件样式。如果全局都用自定义button,配置里去掉 “style”: “v2” 即可。只能通过以下代码来屏蔽了( 可惜这样margin也被覆盖了，还是转回v1吧。
微信小程序修改样式弹框wx.showModal
qq_40666120的博客
06-12 4790
由于官方API提供的显示模态弹窗，只能简单地显示文字内容，不能对对话框内容进行自定义，欠缺灵活性，所以自己从模态弹窗的原理角度来实现了自定义的模态对话框。 wx.showModal修改样式后的效果，如下图所示： index.wxml代码： 弹窗 <view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view> <view
小程序打包体积过大的解决方案
LittleMoon_lyy的博客
06-18 1万+
小程序打包体积过大
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值