| | |
| | | <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" /> |
| | |
| | | <path |
| | | :d="createRoundRectPath(92, 80, 10)" |
| | | stroke="none" |
| | | fill="url(#color)" |
| | | :fill="alarm ? '#FF3801' : 'url(#color)'" |
| | | /> |
| | | |
| | | <!-- 绘制标题 --> |
| | |
| | | |
| | | <script> |
| | | import img from "../images/bhq.png"; |
| | | |
| | | export default { |
| | | name: "", |
| | | props: { |
| | |
| | | default() { |
| | | return [0, 0]; |
| | | }, |
| | | }, |
| | | alarm: { |
| | | type: Boolean, |
| | | default: false, |
| | | }, |
| | | }, |
| | | computed: {}, |
| | |
| | | C ${cp7[0]} ${cp7[1]}, ${p0[0]} ${p0[1]}, ${cp0[0]} ${cp0[1]} |
| | | Z`; |
| | | }, |
| | | handlerClick() { |
| | | this.$emit("click", this.$refs.g); |
| | | }, |
| | | }, |
| | | |
| | | mounted() {}, |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .pointer { |
| | | cursor: pointer; |
| | | } |
| | | </style> |