1234567891011121314151617181920212223242526272829303132333435 |
- <template>
- <fr-svg @click="onClick" :uuid="`fr-icon-fanqiexiaoshuo-${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="M35.4286 4.88435C39.6463 4.88435 43.0816 8.31973 43.0816 12.5374V35.4286C43.0816 39.6463 39.6463 43.0816 35.4286 43.0816H12.5374C8.31973 43.0816 4.88435 39.6463 4.88435 35.4286V12.5374C4.88435 8.31973 8.31973 4.88435 12.5374 4.88435H35.4286ZM35.4286 4H12.5374C7.80952 4 4 7.80952 4 12.5374V35.4286C4 40.1565 7.80952 43.966 12.5374 43.966H35.4286C40.1565 43.966 43.966 40.1565 43.966 35.4286V12.5374C44 7.80952 40.1565 4 35.4286 4Z" fill="${this.colors(0)}"/><path d="M29.1016 4V12.4014L32.3329 10.5646L35.5641 12.4014V4H29.1016Z" fill="${this.colors(0)}"/><path d="M24.034 18.2858C15.8367 18.2858 8.55782 21.8572 4 27.3674V35.4286C4 40.1565 7.80952 43.966 12.5374 43.966H35.4286C40.1565 43.966 43.966 40.1565 43.966 35.4286V27.2654C39.4082 21.7892 32.1973 18.2858 24.034 18.2858ZM14.6122 37.6735C13.1156 37.6735 12.4014 37.1293 12.4014 36.415C12.4014 35.7007 13.0816 35.1225 14.5782 35.1225C16.0748 35.1225 17.8776 36.381 17.8776 36.381C17.8776 36.381 16.1088 37.6735 14.6122 37.6735ZM15.8367 31.2109C14.7483 30.1565 14.6463 29.2722 15.1565 28.762C15.6667 28.2518 16.551 28.3198 17.6395 29.4082C18.7279 30.4626 19.068 32.6055 19.068 32.6055C19.068 32.6055 16.8912 32.2654 15.8367 31.2109ZM24.034 30.4626C24.034 30.4626 22.7415 28.7279 22.7075 27.1973C22.7075 25.7007 23.2517 24.9864 23.966 24.9864C24.6803 24.9864 25.2585 25.6667 25.2585 27.1633C25.2925 28.6939 24.034 30.4626 24.034 30.4626ZM30.3605 29.3742C31.449 28.3198 32.3333 28.2518 32.8435 28.7279C33.3537 29.2381 33.2517 30.1225 32.1633 31.1769C31.0748 32.2313 28.932 32.5375 28.932 32.5375C28.932 32.5375 29.2721 30.4286 30.3605 29.3742ZM33.3537 37.6735C31.8571 37.6735 30.0884 36.347 30.0884 36.347C30.0884 36.347 31.8571 35.0885 33.3878 35.0885C34.8844 35.0885 35.5986 35.7007 35.5646 36.381C35.5646 37.1293 34.8503 37.6735 33.3537 37.6735Z" fill="${this.colors(0)}"/></svg>`
- }
- }
- }
- </script>
|