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

/**
 * 将对象转换成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
};

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值