<template>
  <div class="circular-code-conatiner" :style="styleExtra">
    <div>
      <WlPic src="https://wlmvp-cos.weiling.cn/1356898121111711744/1656579209wp77ce6.svg" />
    </div>
  </div>
</template>
<script>
/*
 * @Author: yangxin
 * @Date: 2021-09-18 11:12:20
 * @Last Modified by: Liao.xiuli
 * @Last Modified time: 2022-07-20 19:11:00
 */
import WlPic from "@packages/components/Common/WlPic/src/index.vue";
export default {
  name: "CircularCode",
  components: { WlPic },
  props: {
    themeColor: {
      type: String,
      default: "#1C9FFF",
    },
    styleExtra: {
      type: Object,
      default: () => {},
    },
    icon: {
      type: String,
      default: "icon-mobile-ui-erweima",
    },
  },
};
</script>
<style lang="scss" scoped>
.circular-code-conatiner {
  cursor: pointer;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: j(60);
  height: j(60);
  background: rgba(255, 255, 255, 0.7);
  border: j(1) solid rgba(28, 159, 255, 0.3);
  backdrop-filter: blur(j(10));
  border-radius: 50%;
  filter: drop-shadow(0px j(8) j(10) rgba(28, 159, 255, 0.1));
}
</style>
