微信小程序的less文件写入计算公式但是在wxss文件还是计算公式没有计出结果的bug

最新推荐文章于 2023-01-31 23:42:31 发布
最新推荐文章于 2023-01-31 23:42:31 发布
阅读量385 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端学习 文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_53071920/article/details/123135385
本文探讨了在微信小程序开发中遇到的Less文件计算公式在转换为wxss时未正确计算的问题，通过实例展示了如何将'height:33.33vw*386/232/2;'转换为'height:calc()'来解决问题，旨在帮助开发者理解并解决此类常见问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

微信小程序的less文件写入计算公式但是在wxss文件还是计算公式没有计出结果的bug

下面的代码是在less文件里，height属性写入公式后在wxss中还是公式，没有达到效果。

less文件：
在这里插入图片描述
下面是wxss文件：
在这里插入图片描述
效果：
在这里插入图片描述
解决方法：
将：height: 33.33vw *386 /232/2 ;
改为：height: calc(33.33vw *386 /232/2 );

效果：
在这里插入图片描述

但是我在b站看那些老师是在less文件写入计算公式，在wxss文件可以得出计算后的答案
请问大佬们知道为什么我在wxss文件得出的还是计算公式，没有计出结果是怎么回事？怎么解决吗？

前端知识宝典
qq_37759901的博客
01-29 1701
搜索框输入，文本剪辑器实时保存代码实现思路如下：（利用定时器，每次触发先清掉以前的定时器，从新开始）
微信小程序 - 样式wxss及wxs语法 - 09
qq_25906119的博客
12-26 485
微信小程序 - 样式wxss及wxs语法 - 09
计算器小程序算不出来结果，求指教，谢谢
m0_46401537的博客
03-20 625
#ifndef POINT_H #define POINT_H#include #include using namespace std;templateclass stack{protected: int count=0,n; T* data=new T[n]; public: stack(); bool empty(); bool full(); T gettop(); void push(...
Less：vscode里保存.less生成对应.wxss文件
TATOQOQ的博客
02-20 460
最近开发小程序，用惯了less、sass，还真不太习惯。所以想用less生成对应的wxss。 vscode插件库里搜索Easy Less 安装 打开 扩展设置 在setting.json中编辑 "less.compile": { "out":"${workspaceRoot}\\common\\wxss\\", "outExt": ".wxss" }, 修改less.compile如上。 out指保存路径，我的路径是： 保存到项目
微信小程序中的less转wxss时没有生成新的wxss时怎么办
qq_45656036的博客
08-20 2394
微信小程序的less编译css代码 也就是先在编辑器里面安装插件 看了那么多的博客我安装的时这两个 然后就在编辑器的设置里面打开设置然后 点开这个东西会出来一个json文件，在json文件里面加入这些代码 注意 “.wxss”前面要有空格 不然就不会生成wxss文件 一定要注意 这样你就可以在编辑器里面编写less代码，就会生成wxss代码 总结：安装了插件 但是你的less没有生成wxss文件的原因可能有两种： 1.你的配置文件的代码 “.wxss”前面没有加空格 2.你是在微信开发者工具里面编写的
css计算函数 scalc 微信小程序_浅谈css3中calc在less编译时被计算的解决办法
weixin_39529443的博客
12-20 157
对于前端er来说，Less或Sass已经是一项必备的基本技能，有了这个利器，可以省下前端开发者的很多编码时间，让你写CSS如行云流水一般，然后最近我在Less里加入calc时确发现了有点问题，我在Less中这么写：div {width : calc(100% - 30px);}结果Less把这个当成运算式去执行了，结果给我解析成这样：div {width: calc(70%);}当时我就郁闷了，怎...
微信小程序踩坑之wxss不生效的问题
weixin_34138056的博客
05-30 8477
这个问题是lz亲自遇到过,所以在这儿记录一下。避免再次踩坑！！！发生的场景大致是这样的： lz昨天将小程序的bug调试完，并且做了基本的优化，然后就开开心心的下班了。在路上还想着明天怎么跟领导交代，并且想着继续优化，。然而第二天早晨回到公司打开编译器突然发现了一条错误，并且昨天写的自定义组件的排版全部错位。一开始以为是编译器的问题，然后又重新执行了几遍，但是结果还是那个样子，。这时候lz有点懵了，...
9 | 小程序之样式WXSS
NSX-Truth
08-10 542
WXSS( WeiXin Style Sheets )是⼀套样式语⾔，⽤于描述 WXML WXML 的组件样式。 与CSS相⽐，WXSS扩展的特性有： 响应式⻓度单位 rpx 样式导⼊ 尺⼨单位 rpx（responsive pixel）: 可以根据屏幕宽度进⾏⾃适应。规定屏幕宽为 750rpx 。如在iPhone6 上，屏幕宽度为 375px ，共有750个物理像素，则 750rpx = 375px = 750物理像素 ，即 1rpx = 0.5px = 1物理像素 使⽤步骤： 确定设计稿宽度pa
微信小程序学习笔记(2)---样式WXSS与基本组件
qq_44875145的博客
01-20 946
一.样式WXSS 1.尺寸单位： 尺寸单位:rpx。可以根据屏幕宽度进行自适应。固定屏幕宽度为750rpx,如在iPhone6上，屏幕宽度为375px,共有750个物理像素，则750rpx=375px=750物理像素,1rpx=0.5px=1物理像素。 设备 rpx换算px(屏幕宽度/750) px换算rpx(750/屏幕宽度) iPone5 1rpx=0.42px 1px=2.3...
解决height calc()不生效 - 含代码
草巾冒小子的博客
01-31 1673
【代码】解决height calc()不生效 - 含代码。
小程序04/ 小程序 开启和关闭下拉刷新、小程序wxss中calc计算函数
m0_64494670的博客
01-05 1146
小程序04/ 小程序 开启和关闭下拉刷新、小程序wxss中calc计算函数
计算器（微信小程序源码）
12-17
计算器（微信小程序源码）
小程序中设置height: 33.33vw * 386 / 232 /2无效果的解决办法
tsai_tsai的博客
06-03 427
可用calc()计算得到元素的高度 如图：
less自动生成wxss文件
weixin_39308542的博客
07-30 1054
1.vscode安装Easy LESS插件 2.settings.json中添加 "less.compile":{ "outExt":".wxss" }
VScode 中 Easy Less插件.less文件保存后自动生成css文件而不是wxss文件的问题解决教程
m0_46641521的博客
09-16 2418
解决VScode 中 Easy Less插件.less文件保存后自动生成wxss文件 问题描述 在使用 VScode 进行小程序开发时，我们都会安装 Easy LESS插件，这个插件可以帮助我们更便携的写出css文件，也就是小程序开发中的 .wxss 文件，但是，使用这款插件，首先需要将 .wxss 文件改为 .less 文件，才可以使用 Easy LESS 插件规定的语法规则，快速高效的编写样式文件。但是我们的小程序开发只认后缀名为 .wxss 的文件作为样式文件，我们在保存 .less 文件的时候该插件
小程序开发之less文件转wxss文件
心寒的博客
03-23 9441
1、Visual Studio Code中 安装“Easy LESS”插件 2、打开设置 Settingssettings.json中添加 以下代码，注意在原本的大括号里边添加，不要把原来的的括号删除，不然默认生成css "less.compile":{ "outExt": ".wxss" } ...
小程序自动将less文件转化为wxss文件
weixin_46351593的博客
03-01 1008
文章目录小程序中使用less一、使用vscode安装easy less插件二、在vscode的设置中加入如下配置三、编辑 小程序中使用less 原生小程序不支持less，其他基于小程序的框架大体都支持，如wepy，mpvue，taro等。 但是仅仅因为一个less功能，而去引入一个框架是不可取的，因此可以通过以下方式来实现。 一、使用vscode安装easy less插件 二、在vscode的设置中加入如下配置 "less.compile": { "outExt": ".wxss" } 三、
加和公式（下标放在下方和上方，或者放在右方，），使用\limits
Mr.Daozhi的博客
09-30 2055
\sum\limits_{i=1}^n i^2 = \frac{n(n+1)(2n+1)}{6} 加和公式为∑i=1ni2=n(n+1)(2n+1)6\sum\limits_{i=1}^n i^2 = \frac{n(n+1)(2n+1)}{6}i=1∑n​i2=6n(n+1)(2n+1)​ \sum\nolimits_{P_i \in Paths(I)} Probes(P_{i}) 加和公式为 ∑Pi∈Paths(I)Probes(Pi)\sum\nolimits_{P_i \in Paths(I)} P
微信小程序less到wxss编译教程
在微信小程序的开发中，由于微信小程序只支持其专有的样式表语言——wxss，因此对于习惯使用预处理器如less或sass的开发者来说，需要将less文件编译成wxss才能在小程序中正常使用。以下是一个详细的过程，教你如何...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值