经常制作小程序页,并可能要制作和小程序页一样的h5页面,所以所有编写以px为主,但是小程序是rpx,(px转rpx,1px=1.8rpx);
所以就自己写了一个程序,批量替换并计算成rpx的程序,自己写的不喜勿喷哦!欢迎和我分享交流更多好用的工具和程序
var css=`.project_li_h2{
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}
.project_li_type{
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 12px;
}`;//样式文件内容
var reg = /[0-9]{0,4}px/g
var arr= css.match(reg)
let str=css
arr.map((item,index)=>{
if(css.indexOf(item)!=-1){
let item_num=item.replace("px","");
item_num=parseInt(item_num)
console.log("item_num",item_num);
str=str.replace(item,(item_num*1.8)+"rpx");
}
})
console.log("css",str)
//打印出来的都是rpx,复制粘贴到wxss文件即可