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

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

微信小程序的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文件得出的还是计算公式，没有计出结果是怎么回事？怎么解决吗？

ZQ...
关注
专栏目录
计算器小程序算不出来结果，求指教，谢谢
m0_46401537的博客
03-20 562
#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 371
最近开发小程序，用惯了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 2230
微信小程序的less编译css代码 也就是先在编辑器里面安装插件 看了那么多的博客我安装的时这两个 然后就在编辑器的设置里面打开设置然后 点开这个东西会出来一个json文件，在json文件里面加入这些代码 注意 “.wxss”前面要有空格 不然就不会生成wxss文件 一定要注意 这样你就可以在编辑器里面编写less代码，就会生成wxss代码 总结：安装了插件 但是你的less没有生成wxss文件的原因可能有两种： 1.你的配置文件的代码 “.wxss”前面没有加空格 2.你是在微信开发者工具里面编写的
css计算函数 scalc 微信小程序_浅谈css3中calc在less编译时被计算的解决办法
weixin_39529443的博客
12-20 129
对于前端er来说，Less或Sass已经是一项必备的基本技能，有了这个利器，可以省下前端开发者的很多编码时间，让你写CSS如行云流水一般，然后最近我在Less里加入calc时确发现了有点问题，我在Less中这么写：div {width : calc(100% - 30px);}结果Less把这个当成运算式去执行了，结果给我解析成这样：div {width: calc(70%);}当时我就郁闷了，怎...
微信小程序踩坑之wxss不生效的问题
weixin_34138056的博客
05-30 8056
这个问题是lz亲自遇到过,所以在这儿记录一下。避免再次踩坑！！！发生的场景大致是这样的： lz昨天将小程序的bug调试完，并且做了基本的优化，然后就开开心心的下班了。在路上还想着明天怎么跟领导交代，并且想着继续优化，。然而第二天早晨回到公司打开编译器突然发现了一条错误，并且昨天写的自定义组件的排版全部错位。一开始以为是编译器的问题，然后又重新执行了几遍，但是结果还是那个样子，。这时候lz有点懵了，...
微信小程序 less文件编译成wxss文件实现办法
09-01
主要介绍了微信小程序 less文件编译成微信小程序wxss文件实现办法的相关资料,这里给出具体实现方法，需要的朋友可以参考下
less/sass 文件编译成微信小程序wxss文件
03-29
在做demo小示例的过程中，我发现了一个极为让人为难的事儿：如何让 less/sass 文件转成小程序的 wxss 文件。 对于基本不使用原生 css ，而习惯编写 less 的我，这个事儿让我的样式编写相当的吃力。 在尝试配置 ...
【微信小程序】编译 .wxss 文件异常解决
03-29
　博主最近又重新开始捡起微信小程序，想做点自己的东西。了解到最近小程序工具有做更新，就顺手更新了最新的版本，功能确实比之前强大了不少！ 　更新归更新，更新后控制台就一直报下面这个错误： (此图片来源于...
实现微信小程序的wxml文件和wxss文件在phpstrom的支持
03-29
最近下载了微信小程序准备好好看看，但是发现微信小程序用的后缀名是不一样的，.wxml代表的就是平时用的.html，.wxss代码的就是平时用的.css。但是phpstorm无法识别，为了更方便的码代码 对wxml文件的支持： 设置>...
9 | 小程序之样式WXSS
NSX-Truth
08-10 445
WXSS( WeiXin Style Sheets )是⼀套样式语⾔，⽤于描述 WXML WXML 的组件样式。 与CSS相⽐，WXSS扩展的特性有： 响应式⻓度单位 rpx 样式导⼊ 尺⼨单位 rpx（responsive pixel）: 可以根据屏幕宽度进⾏⾃适应。规定屏幕宽为 750rpx 。如在iPhone6 上，屏幕宽度为 375px ，共有750个物理像素，则 750rpx = 375px = 750物理像素 ，即 1rpx = 0.5px = 1物理像素 使⽤步骤： 确定设计稿宽度pa
计算器（微信小程序源码）
12-17
计算器（微信小程序源码）
微信小程序学习笔记(2)---样式WXSS与基本组件
qq_44875145的博客
01-20 867
一.样式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...
小程序04/ 小程序 开启和关闭下拉刷新、小程序wxss中calc计算函数
最新发布
m0_64494670的博客
01-05 1035
小程序04/ 小程序 开启和关闭下拉刷新、小程序wxss中calc计算函数
微信小程序 - 样式wxss及wxs语法 - 09
qq_25906119的博客
12-26 426
微信小程序 - 样式wxss及wxs语法 - 09
小程序中设置height: 33.33vw * 386 / 232 /2无效果的解决办法
tsai_tsai的博客
06-03 377
可用calc()计算得到元素的高度 如图：
less自动生成wxss文件
weixin_39308542的博客
07-30 1008
1.vscode安装Easy LESS插件 2.settings.json中添加 "less.compile":{ "outExt":".wxss" }
VScode 中 Easy Less插件.less文件保存后自动生成css文件而不是wxss文件的问题解决教程
m0_46641521的博客
09-16 2231
解决VScode 中 Easy Less插件.less文件保存后自动生成wxss文件 问题描述 在使用 VScode 进行小程序开发时，我们都会安装 Easy LESS插件，这个插件可以帮助我们更便携的写出css文件，也就是小程序开发中的 .wxss 文件，但是，使用这款插件，首先需要将 .wxss 文件改为 .less 文件，才可以使用 Easy LESS 插件规定的语法规则，快速高效的编写样式文件。但是我们的小程序开发只认后缀名为 .wxss 的文件作为样式文件，我们在保存 .less 文件的时候该插件
小程序开发之less文件转wxss文件
心寒的博客
03-23 9397
1、Visual Studio Code中 安装“Easy LESS”插件 2、打开设置 Settingssettings.json中添加 以下代码，注意在原本的大括号里边添加，不要把原来的的括号删除，不然默认生成css "less.compile":{ "outExt": ".wxss" } ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值