he wei
2024-04-15 c94f1afa786f297be86b01b49a641b2c0ad98b6e
src/views/home/components/protectorBox.vue
@@ -1,5 +1,10 @@
<template>
  <g :transform="'translate(' + offset.join(',') + ')'">
  <g
    ref="g"
    class="pointer"
    :transform="'translate(' + offset.join(',') + ')'"
    @click="handlerClick"
  >
    <defs>
      <linearGradient id="color" x1="0%" y1="0%" x2="0%" y2="100%">
        <stop offset="0%" style="stop-color: #377add; stop-opacity: 1" />
@@ -10,7 +15,7 @@
    <path
      :d="createRoundRectPath(92, 80, 10)"
      stroke="none"
      fill="url(#color)"
      :fill="alarm ? '#FF3801' : 'url(#color)'"
    />
    <!-- 绘制标题 -->
@@ -25,6 +30,7 @@
<script>
import img from "../images/bhq.png";
export default {
  name: "",
  props: {
@@ -33,6 +39,10 @@
      default() {
        return [0, 0];
      },
    },
    alarm: {
      type: Boolean,
      default: false,
    },
  },
  computed: {},
@@ -68,6 +78,9 @@
        C ${cp7[0]} ${cp7[1]}, ${p0[0]} ${p0[1]}, ${cp0[0]} ${cp0[1]}
        Z`;
    },
    handlerClick() {
      this.$emit("click", this.$refs.g);
    },
  },
  mounted() {},
@@ -75,4 +88,7 @@
</script>
<style scoped>
.pointer {
  cursor: pointer;
}
</style>