139 Star 945 Fork 75

zxy / wechat-miniprogram-plugin

 / 详情

*.scss 支持 rpx 单位 自己搞个后缀 swxss 之类的

已关闭
创建于  
2020-03-05 10:50

又来麻烦您了。

其实 scss 编译成 wxss 这个事情我研究很久了,苦于不知道如何入手解决。rpx 单位太魔性。我谷歌了一下,发现老外也没事好办法。不过我发现你能让 wxss 认识 rpx 这个单位,但是我不知道这个难度多大。下面是个我今天尝试到放弃的截图。

输入图片说明

不知道支持了这个,会不会成为插接件的亮点。我的前端经验很少,但是 scss 这样的东西用起来就回不去了。

这是我最近写的,为了和之前的习惯差不多,结果写成这样,看上去很多废话。

输入图片说明

所以要不要加个这个功能,或者在搞一个添加 css、scss 单位的插件?

打扰了^_^

评论 (6)

郭大鹏 创建了任务
郭大鹏 修改了描述
展开全部操作日志

wxss支持rpx是因为自定义了分词器和语法解析器,上面您说的sass转成wxss,是靠外部程序来实现的,即使sass中rpx单位没有红线,转换程序还是不能识别rpx单位

郭大鹏 任务状态待办的 修改为已拒绝

我研究研究,看看能不能给 sass 加上 rpx 单位。
看样子得查查 idea 分词器和语法解析器 :tw-1f60b:

https://youtrack.jetbrains.com/issue/WEB-34460
官方回邮件了,看样子官方出了这个事情遥遥无期了……

rpx单位上的红线是因为语法高亮的分词器限定了单位
语法高亮器中自定义这个单位就可以解决

@郭大鹏 也就是说,继承css来实现wxss也是有可能的

郭大鹏 任务状态已拒绝 修改为待办的

Stylus 解决一下编写小程序写 css 难受的问题
https://my.oschina.net/guodapeng/blog/3207923

我找到了一个不是很优雅的办法。不过捎带着还解决了,如果设计给的图不是 750px 宽的情况。感觉现在设计都给 750px 宽的图了。

郭大鹏 任务状态待办的 修改为已拒绝

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(2)
1251756 zxy c 1578947407 127003 guodapeng 1578918754
Kotlin
1
https://gitee.com/zxy_c/wechat-miniprogram-plugin.git
git@gitee.com:zxy_c/wechat-miniprogram-plugin.git
zxy_c
wechat-miniprogram-plugin
wechat-miniprogram-plugin

搜索帮助