微信小程序WXS 通过样式对象解析为样式字符串

最新推荐文章于 2025-05-08 14:50:41 发布

selectDele

最新推荐文章于 2025-05-08 14:50:41 发布

阅读量341

点赞数

CC 4.0 BY-SA版权

文章标签：微信小程序

本文链接：https://blog.youkuaiyun.com/selectDele/article/details/129546976

/**
 * 将对象转换成CSS样式，仅支持一个层级
 */
function styles(params) {
  var style = '';
  params = params || {};
  var keys = objectKeys(params);
  for (var i = 0; i < keys.length; i++) {
    var item = params[keys[i]];
    if (typeof item == 'string') {
      style = style + keys[i] + ':' + item + 'rpx;';
    } else {
      style = style + keys[i] + ':' + item + ';';
    }
  }
  return style;
}
/**返回对象的key的数组，仅支持一个层级 */
function objectKeys(obj) {
  var str = JSON.stringify(obj);
  //只能替换key为数字、-、字母的格式
  var reg = getRegExp('"((\w|-)+)":|[{}]', "g");
  var keys = [];
  var nested = 0;
  var result = null;
  while ((result = reg.exec(str)) !== null) {
    var match = result[0];
    switch (match) {
      case "{":
        nested++;
        break;
      case "}":
        nested--;
        break;
      default:
        if (nested === 1) keys.push(result[1]);
        break;
    }
  }
  return keys;
}
module.exports = {
  styles: styles
};