| 1234567891011121314151617181920212223242526272829303132333435 |
- <template>
- <fr-svg @click="onClick" :uuid="`fr-icon-windmill-one-${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"><path d="M34.5175 13.8463L34 11L27.1305 7.56525C25.1598 6.5799 22.8402 6.5799 20.8695 7.56525L17.3813 9.30938M35.6917 20.3046L37 27.5L39.0909 39M36 44H8L8.956 38.742M10.6364 29.5L13.5718 13.3554" stroke="${this.colors(0)}" stroke-width="${this.strokeWidth}" stroke-linecap="${this.strokeLinecap}" stroke-linejoin="${this.strokeLinejoin}"/><path d="M39.2929 8.70711C39.6834 8.31658 40.3166 8.31658 40.7071 8.70711L43.2929 11.2929C43.6834 11.6834 43.6834 12.3166 43.2929 12.7071L34.7071 21.2929C34.3166 21.6834 33.6834 21.6834 33.2929 21.2929L30.7071 18.7071C30.3166 18.3166 30.3166 17.6834 30.7071 17.2929L39.2929 8.70711Z" stroke="${this.colors(0)}" stroke-width="${this.strokeWidth}" stroke-linejoin="${this.strokeLinejoin}"/><path d="M27 21L31 17" stroke="${this.colors(0)}" stroke-width="${this.strokeWidth}" stroke-linecap="${this.strokeLinecap}" stroke-linejoin="${this.strokeLinejoin}"/><path d="M39.2929 39.2929C39.6834 39.6834 39.6834 40.3166 39.2929 40.7071L36.7071 43.2929C36.3166 43.6834 35.6834 43.6834 35.2929 43.2929L26.7071 34.7071C26.3166 34.3166 26.3166 33.6834 26.7071 33.2929L29.2929 30.7071C29.6834 30.3166 30.3166 30.3166 30.7071 30.7071L39.2929 39.2929Z" stroke="${this.colors(0)}" stroke-width="${this.strokeWidth}" stroke-linejoin="${this.strokeLinejoin}"/><path d="M27 27L31 31" stroke="${this.colors(0)}" stroke-width="${this.strokeWidth}" stroke-linecap="${this.strokeLinecap}" stroke-linejoin="${this.strokeLinejoin}"/><path d="M8.70711 39.2929C8.31658 39.6834 7.68342 39.6834 7.29289 39.2929L4.70711 36.7071C4.31658 36.3166 4.31658 35.6834 4.70711 35.2929L13.2929 26.7071C13.6834 26.3166 14.3166 26.3166 14.7071 26.7071L17.2929 29.2929C17.6834 29.6834 17.6834 30.3166 17.2929 30.7071L8.70711 39.2929Z" stroke="${this.colors(0)}" stroke-width="${this.strokeWidth}" stroke-linejoin="${this.strokeLinejoin}"/><path d="M21 27L17 31" stroke="${this.colors(0)}" stroke-width="${this.strokeWidth}" stroke-linecap="${this.strokeLinecap}" stroke-linejoin="${this.strokeLinejoin}"/><path d="M8.70711 8.70711C8.31658 8.31658 8.31658 7.68342 8.70711 7.29289L11.2929 4.70711C11.6834 4.31658 12.3166 4.31658 12.7071 4.70711L21.2929 13.2929C21.6834 13.6834 21.6834 14.3166 21.2929 14.7071L18.7071 17.2929C18.3166 17.6834 17.6834 17.6834 17.2929 17.2929L8.70711 8.70711Z" stroke="${this.colors(0)}" stroke-width="${this.strokeWidth}" stroke-linejoin="${this.strokeLinejoin}"/><path d="M21 21L17 17" stroke="${this.colors(0)}" stroke-width="${this.strokeWidth}" stroke-linecap="${this.strokeLinecap}" stroke-linejoin="${this.strokeLinejoin}"/><circle cx="24" cy="24" r="4" stroke="${this.colors(0)}" stroke-width="${this.strokeWidth}"/></svg>`
- }
- }
- }
- </script>
|
