CSS 是可以使用中文名的。希望wxss 能够支持中文解析
wxss 能否支持中文命名- 需求的场景描述(希望解决的问题) hi. 某些情况下 为了配合后端渲染(兼容 -别的地方已经出现的逻辑)用到了中文命名。不知官方是否考虑会支持一下 大概是下面这个样子 页面根据服务端的 数据渲染出 对应的图标 [代码]@mixin sprites-[代码][代码]icon[代码][代码]($name, $url: [代码][代码]'@default'[代码][代码]) {[代码][代码] [代码][代码]@if $[代码][代码]url[代码] [代码]!= [代码][代码]'@default'[代码] [代码]{[代码][代码] [代码][代码]$name: $[代码][代码]url[代码][代码];[代码][代码] [代码][代码]}[代码][代码] [代码][代码].rc-sprite-#{$name} {[代码][代码] [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]14px[代码][代码];[代码][代码] [代码][代码]background-[代码][代码]size[代码][代码]: [代码][代码]168px[代码] [代码]auto[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]14px[代码][代码];[代码][代码] [代码][代码]margin-top[代码][代码]: [代码][代码]3px[代码][代码];[代码][代码] [代码][代码]margin-right[代码][代码]: [代码][代码]5px[代码][代码];[代码] [代码] [代码][代码]background-image[代码][代码]: [代码][代码]url[代码][代码]([代码][代码]'../assets/img/sprites/brand/#{$name}.png'[代码][代码]);[代码][代码] [代码][代码]}[代码][代码]}[代码] [代码]$sprites: [代码][代码]'一汽'[代码] [代码]'三菱'[代码] [代码]'上汽大通'[代码] [代码]'东南'[代码] [代码]'东风'[代码] [代码]'中兴'[代码] [代码]![代码][代码]default[代码][代码];[代码] [代码]@each $sprite in $sprites {[代码][代码] [代码][代码]@include sprites-[代码][代码]icon[代码][代码]($sprite);[代码][代码]}[代码] [代码]@charset [代码][代码]"UTF-8"[代码][代码];[代码][代码].rc-sprite-一汽 {[代码][代码] [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]14px[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]14px[代码][代码];[代码][代码] [代码][代码]margin-top[代码][代码]: [代码][代码]3px[代码][代码];[代码][代码] [代码][代码]margin-right[代码][代码]: [代码][代码]5px[代码][代码];[代码][代码] [代码][代码]background-image[代码][代码]: [代码][代码]url[代码][代码](https://xx/[代码][代码]static[代码][代码]/img/brand.[代码][代码]9[代码][代码]cc[代码][代码]1[代码][代码]c[代码][代码]4[代码][代码]cc.png);[代码][代码] [代码][代码]background-position[代码][代码]: [代码][代码]0px[代码] [代码]0px[代码][代码];[代码][代码] [代码][代码]background-[代码][代码]size[代码][代码]: [代码][代码]168px[代码] [代码]112px[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]56px[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]56px[代码][代码];[代码][代码]}[代码] [代码].rc-sprite-三菱 {[代码][代码] [代码][代码]display[代码][代码]: inline-[代码][代码]block[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]14px[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]14px[代码][代码];[代码][代码] [代码][代码]margin-top[代码][代码]: [代码][代码]3px[代码][代码];[代码][代码] [代码][代码]margin-right[代码][代码]: [代码][代码]5px[代码][代码];[代码][代码] [代码][代码]background-image[代码][代码]: [代码][代码]url[代码][代码](https://xx/[代码][代码]static[代码][代码]/img/brand.[代码][代码]9[代码][代码]cc[代码][代码]1[代码][代码]c[代码][代码]4[代码][代码]cc.png);[代码][代码] [代码][代码]background-position[代码][代码]: [代码][代码]-56px[代码] [代码]0px[代码][代码];[代码][代码] [代码][代码]background-[代码][代码]size[代码][代码]: [代码][代码]168px[代码] [代码]112px[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]56px[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]56px[代码][代码];[代码][代码]}[代码][代码] [代码] - 希望提供的能力 wxss 支持中文解析
2022-05-17微信开发者工具支持 utf8 编码的文件名。但是,视窗系统(windows)文件系统中文件名并不是默认 utf8 。这造成微信开发者工具在 视窗系统(windows) 下不能使用中文文件名称,包括中文文件名和目录名。 解决办法:只要让视窗系统的文件名称使用utf8编码就可以了。 如何让视窗系统的文件名称使用 utf8 编码 ?在区域设置中选择“使用Unicode UTF-8提供全球语言支持”,重新启动视窗系统。 当视窗系统使用 Unicode UTF-8提供全球语言支持,微信开发者工具就可以支持中文文件名。 操作步骤图示: 百度经验: win10 设置系统默认编码为utf-8 https://jingyan.baidu.com/article/25648fc1471e6a9191fd002e.html
微信开发者工具开发小程序发现不能使用import导入中文文件名的样式文件?最近接手了一个项目,是继续别人的程序开发,由于之前的技术使用的是中文的文件名,import的也是中文名的样式文件,发现在开发者工具的模拟器里无法直接预览,会提示找不到wxss文件。据说苹果mac系统、手机微信下调试都正常,但是windows下的模拟器就是看不了,正式版跟测试版都不行。操作系统:win10;微信开发者工具:正式版和测试版;出问题的功能:开发者工具模拟器;问题出现的情况:在页面的wxss文件里使用@import引入中文文件名的wxss文件,模拟器里无法预览小程序,控制台没有出现这个错误,手机调试又可以正常预览。 [图片] [图片]
2022-01-09