@nicecode/funny/es/frostedGlass/index.js

funny,一些有趣的代码,funny code

import React, { useEffect } from 'react';
import "./index.less";
var FrostedGlass = function FrostedGlass(props) {
  var _props$title = props.title,
    title = _props$title === void 0 ? '' : _props$title,
    backBg = props.backBg,
    frontBg = props.frontBg,
    maskImage = props.maskImage;
  useEffect(function () {}, []);
  return /*#__PURE__*/React.createElement("div", {
    className: "frostedGlass"
  }, /*#__PURE__*/React.createElement("div", {
    className: "frostedGlass_bg",
    style: {
      backgroundImage: "url(".concat(backBg, ")")
    }
  }), /*#__PURE__*/React.createElement("div", {
    className: "frostedGlass_mask",
    style: {
      backgroundImage: "url(".concat(frontBg, ")"),
      maskImage: "url(".concat(maskImage, ")")
    }
  }), /*#__PURE__*/React.createElement("div", {
    className: "frostedGlass_slogan"
  }, title));
};
export default FrostedGlass;