| 1234567891011121314151617181920212223242526272829303132333435 |
- <template>
- <fr-svg @click="onClick" :uuid="`fr-icon-swing-${size}${strokeWidth}${theme}${fill}${strokeLinecap}${strokeLinejoin}`" :width="size" :height="size" :isCache="true" :src="iconSvg" />
- </template>
- <script>
- // #ifdef UNI-APP-X
- import icons from "../../mixins/icons.uts";
- // #endif
- // #ifndef UNI-APP-X
- import icons from "../../mixins/icons.js";
- // #endif
- /**
- * @description 《招手》图标
- * @tutorial https://www.flowerui.com/documents/flower-icons/icons.html
- * @property {Number} size 图标大小
- * @property {Number} strokeWidth 线段粗细
- * @property {String} theme 图标大小
- * @property {Array} fill 图标颜色，["外部描边颜色","外部填充颜色","内部描边颜色","内部填充颜色"]
- * @property {String} strokeLinecap 图标大小
- * @property {String} strokeLinejoin 图标大小
- * @event {Function} click 图标点击事件
- */
- export default {
- mixins: [icons],
- computed: {
- // #ifdef UNI-APP-X
- iconSvg(): string {
- // #endif
- // #ifndef UNI-APP-X
- iconSvg() {
- // #endif
- 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"><g clip-path="url(#icon-5f6cd0151d008894)"><path d="M9.99985 35.9998C8.00079 32.4998 7.99899 25.9998 7.99975 16.9998C8.00001 13.9998 11.9995 12.9998 13.9993 15.9998C15.1072 17.6617 15.8159 22.264 15.8159 22.264L22.3109 11.0145C23.0068 9.80903 24.5483 9.396 25.7538 10.092C26.9593 10.788 27.3723 12.3294 26.6763 13.5349L27.0641 12.8633C27.7601 11.6578 29.3015 11.2448 30.507 11.9408C31.7125 12.6368 32.1256 14.1783 31.4296 15.3838L31.0418 16.0554C31.7378 14.8499 33.2793 14.4368 34.4848 15.1328C35.6903 15.8288 36.1033 17.3703 35.4073 18.5758L33.8549 21.2646C34.5517 20.0578 36.0948 19.6443 37.3016 20.3411C38.5066 21.0367 38.921 22.5765 38.2279 23.783L29.0588 39.745C28.9612 39.9148 28.8614 40.0815 28.7382 40.2337C28.1666 40.9395 26.1434 42.9998 21.9999 42.9998C17.3408 42.9998 12.4782 40.339 9.99985 35.9998Z" fill="${this.colors(1)}" stroke="${this.colors(0)}" stroke-width="${this.strokeWidth}" stroke-linecap="${this.strokeLinecap}" stroke-linejoin="${this.strokeLinejoin}"/><path d="M37 5C38.3788 5.73333 40.5055 6.75828 42 9C43 10.5 43.5 12.5 43.7908 15" stroke="${this.colors(0)}" stroke-width="${this.strokeWidth}" stroke-linecap="${this.strokeLinecap}" stroke-linejoin="${this.strokeLinejoin}"/></g><defs><clipPath id="icon-5f6cd0151d008894"><rect width="48" height="48" fill="${this.colors(2)}"/></clipPath></defs></svg>`
- }
- }
- }
- </script>
|
