nuke-modal/src/styles/mixin.js

模态框

function hexToRgb(hex, opacity) {
  // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
  const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
  hex = hex.replace(shorthandRegex, (m, r, g, b) => r + r + g + g + b + b);

  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
  if (!result) return null;

  return {

    r: parseInt(result[1], 16),
    g: parseInt(result[2], 16),
    b: parseInt(result[3], 16),
  };
}
function rgba(hex, opacity) {
  const result = hexToRgb(hex);
  if (!result) return null;

  return `rgba(${result.r},${result.g},${result.b},${opacity})`;
}

module.exports = {
  rgba,
};