1234567891011121314151617181920212223242526272829303132333435 |
- <template>
- <fr-svg @click="onClick" :uuid="`fr-icon-jinritoutiao-${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="M36.883 44H11.1127C7.19199 44 4 40.808 4 36.883V11.1127C4 7.19199 7.19199 4 11.1127 4H36.883C40.8037 4 43.9957 7.19199 43.9957 11.1127V36.883C44 40.808 40.808 44 36.883 44ZM11.1127 4.30258C7.35819 4.30258 4.30258 7.35819 4.30258 11.1127V36.883C4.30258 40.6418 7.35819 43.6974 11.117 43.6974H36.8873C40.6461 43.6974 43.7017 40.6418 43.7017 36.883V11.1127C43.7017 7.35393 40.6461 4.29832 36.8873 4.29832H11.1127V4.30258Z" fill="${this.colors(0)}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 36.8874L44 34.7949V11.1128L4 13.2053V36.8874ZM24.9629 18.5535L24.9629 18.5535L24.9629 18.5535C24.9629 18.5535 25.8962 19.2311 25.9985 19.2993C26.6647 19.7579 27.5459 20.364 28.9153 20.9932C27.6556 21.3788 26.2061 21.761 24.5332 22.1291V24.4432C27.7245 23.7574 30.2253 22.9796 32.2 22.192C34.1509 22.7558 36.6718 23.2709 39.981 23.6377V21.3236C38.2667 21.1249 36.788 20.8858 35.5072 20.6222C37.3562 19.5714 38.4182 18.606 39.1209 17.9399V17.5864L39.1251 17.5862V15.417L39.1209 15.4172V15.417L38.596 15.4447L29.6218 15.9141L27.2983 14.9524L24.9629 18.5535ZM28.5105 18.1415L35.9854 17.7504C35.1654 18.3491 34.0068 19.0546 32.2705 19.7895C30.5399 19.2368 29.3679 18.6532 28.5105 18.1415ZM16.7119 16.0478L19.1709 15.9199C19.1087 20.541 19.0227 23.3079 18.3506 25.4774L23.4462 25.2102V27.3794L17.3389 27.6979C16.3633 29.2668 14.8464 30.7444 12.4715 32.8387L8.59766 33.0433C8.74154 32.921 8.87935 32.8017 9.01365 32.6855L9.01378 32.6854L9.08775 32.6214C11.476 30.5514 13.1174 29.1275 14.23 27.8601L8.00195 28.1849V26.0199L15.7202 25.6153C16.5809 23.6457 16.6485 20.8981 16.7119 16.0478ZM14.9017 17.4668V19.8874L9.42969 19.3888V16.9724L14.9017 17.4668ZM9.42969 21.0637V23.4843L14.9017 23.983V21.5623L9.42969 21.0637ZM30.9824 26.9861L24.5332 27.3241V25.1549L30.9824 24.8169V23.5822L33.5011 23.4543V24.6849L39.9817 24.3452V26.5144L33.5011 26.8541V31.7433L30.9824 31.8754V26.9861ZM21.0602 28.5898L18.0898 28.7433L20.4764 32.4253L23.4468 32.2719L21.0602 28.5898ZM34.6465 27.8778L37.6126 27.7244L39.9991 31.4064L37.033 31.5599L34.6465 27.8778ZM29.8979 28.125L26.9275 28.2827L24.541 32.2119L27.5114 32.0585L29.8979 28.125Z" fill="${this.colors(0)}"/></svg>`
- }
- }
- }
- </script>
|