fr-icon-okay.vue 3.1 KB

1234567891011121314151617181920212223242526272829303132333435
  1. <template>
  2. <fr-svg @click="onClick" :uuid="`fr-icon-okay-${size}${strokeWidth}${theme}${fill}${strokeLinecap}${strokeLinejoin}`" :width="size" :height="size" :isCache="true" :src="iconSvg" />
  3. </template>
  4. <script>
  5. // #ifdef UNI-APP-X
  6. import icons from "../../mixins/icons.uts";
  7. // #endif
  8. // #ifndef UNI-APP-X
  9. import icons from "../../mixins/icons.js";
  10. // #endif
  11. /**
  12. * @description 《认可》图标
  13. * @tutorial https://www.flowerui.com/documents/flower-icons/icons.html
  14. * @property {Number} size 图标大小
  15. * @property {Number} strokeWidth 线段粗细
  16. * @property {String} theme 图标大小
  17. * @property {Array} fill 图标颜色,["外部描边颜色","外部填充颜色","内部描边颜色","内部填充颜色"]
  18. * @property {String} strokeLinecap 图标大小
  19. * @property {String} strokeLinejoin 图标大小
  20. * @event {Function} click 图标点击事件
  21. */
  22. export default {
  23. mixins: [icons],
  24. computed: {
  25. // #ifdef UNI-APP-X
  26. iconSvg(): string {
  27. // #endif
  28. // #ifndef UNI-APP-X
  29. iconSvg() {
  30. // #endif
  31. return `<?xml version="1.0" encoding="UTF-8"?><svg width="${this.size}" height="${this.size}" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.1138 24.9462C12.7115 27.6918 12.2869 31.0328 12.4644 33.3562C12.5487 34.4607 13.6689 35.0695 14.6977 34.6589C15.4421 34.3618 16.2574 33.9911 16.8445 33.5997C18.5752 32.4459 17.9983 31.2921 18.5752 29.5614C19.1521 27.8307 21.6924 26.4229 24 26.9998C26.3076 27.5767 27.2286 29.5614 27.2286 31.2921C27.2286 33.0228 26.5 34.9998 24.3442 35.9073C21.9663 36.9083 20.8828 35.9073 17.9983 35.3304C16.4951 35.0298 14.992 36.3447 14.1267 37.298C13.6367 37.8378 13.5842 38.6234 14.0092 39.2156C14.2979 39.6178 14.6703 40.0791 15.1138 40.5225C16.2676 41.6763 20.8828 45.1377 25.498 44.5608C30.1131 43.9839 34.1514 40.5225 35.8821 36.4842C37.6128 32.4459 36.459 27.8307 33.5745 24.3693C30.69 20.908 25.498 20.3311 24.3442 20.3311C23.1904 20.3311 19.1521 20.3311 15.1138 24.9462Z" stroke="${this.colors(0)}" stroke-width="${this.strokeWidth}" stroke-linecap="${this.strokeLinecap}" stroke-linejoin="${this.strokeLinejoin}"/><path d="M31.5623 22.6385L12.6433 8.171C12.2451 7.86654 11.6761 7.89998 11.3792 8.30379C10.6663 9.27349 9.9929 10.8109 11.0755 12.2544C12.46 14.1004 17.8059 18.7925 20.3057 20.9078" stroke="${this.colors(0)}" stroke-width="${this.strokeWidth}" stroke-linecap="${this.strokeLinecap}" stroke-linejoin="${this.strokeLinejoin}"/><path d="M35.0005 25.9998L23.1413 4.19811C22.902 3.75806 22.3691 3.5566 21.9334 3.8039C20.8867 4.39808 19.644 5.52689 20.0432 7.28675C20.5537 9.53717 22.5817 13.5483 24.0005 16.4998" stroke="${this.colors(0)}" stroke-width="${this.strokeWidth}" stroke-linecap="${this.strokeLinecap}" stroke-linejoin="${this.strokeLinejoin}"/><path d="M36 28L35.0503 7.69221C35.0269 7.19215 34.6358 6.77854 34.1362 6.81046C32.935 6.88721 31.3232 7.35913 30.913 9.11686C30.3885 11.3641 30.0139 14.7253 30 18" stroke="${this.colors(0)}" stroke-width="${this.strokeWidth}" stroke-linecap="${this.strokeLinecap}" stroke-linejoin="${this.strokeLinejoin}"/></svg>`
  32. }
  33. }
  34. }
  35. </script>