fr-empty-collection.vue 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <template>
  2. <view class="_fr-empty" :style="{paddingTop:`${offsetTop}rpx`,paddingBottom:`${offsetBottom}rpx`}">
  3. <fr-svg id="fr-empty-collection-039dae40" :width="500" :height="500" :src="earlySvg" />
  4. <text class="_fr-empty__description">{{description}}</text>
  5. <slot />
  6. </view>
  7. </template>
  8. <script>
  9. // #ifdef UNI-APP-X
  10. import {funThemeColor,funHairColor,funClothesColor,funTrousersColor,funShoesColor,funSkinColor,funItemColor,funElementColor} from "@/uni_modules/flower-empty/core/config.uts";
  11. // #endif
  12. // #ifndef UNI-APP-X
  13. import {funThemeColor,funHairColor,funClothesColor,funTrousersColor,funShoesColor,funSkinColor,funItemColor,funElementColor} from "@/uni_modules/flower-empty/core/config.js";
  14. // #endif
  15. /**
  16. * fr-empty-collection 暂无收藏
  17. * @description 《暂无收藏》,根据异常的场景给予相关元素的缺省页,在产品页面相对应的场景特点来设计页面内容。
  18. * @tutorial https://www.flowerui.com/documents/flower-empty/module/collection.html
  19. * @property {String} description 缺省页描述文字
  20. * @property {Number} offsetTop 偏移向上距离
  21. * @property {Number} offsetBottom 偏移向下距离
  22. */
  23. export default {
  24. data() {
  25. return {
  26. earlySvg: `<svg height="500" viewBox="0 0 1024 1024" width="500" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient gradientUnits="objectBoundingBox" id="a" spreadMethod="pad" x1=".5" x2=".5" y1="-.299" y2=".441"><stop offset="0" stop-color="${funThemeColor(0.3)}"/><stop offset="1" stop-color="${funThemeColor(0.2)}" stop-opacity="0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="b" spreadMethod="pad" x1=".5" x2=".536" y1=".337" y2=".698"><stop offset="0" stop-color="${funThemeColor(0.3)}"/><stop offset="1" stop-color="${funThemeColor(0.2)}" stop-opacity="0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="c" spreadMethod="pad" x1=".5" x2=".536" y1=".365" y2=".665"><stop offset="0" stop-color="${funThemeColor(0.3)}"/><stop offset="1" stop-color="${funThemeColor(0.2)}" stop-opacity="0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="d" spreadMethod="pad" x1=".5" x2=".573" y1=".115" y2="1"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="e" spreadMethod="pad" x1=".5" x2=".519" y1=".115" y2="1.319"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="f" spreadMethod="pad" x1=".5" x2=".743" y1=".131" y2="1.285"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="g" spreadMethod="pad" x1=".5" x2=".541" y1=".115" y2="1.319"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="h" spreadMethod="pad" x1=".5" x2=".52" y1=".115" y2="1.319"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="i" spreadMethod="pad" x1=".5" x2=".554" y1=".115" y2="1.319"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="j" spreadMethod="pad" x1=".5" x2=".743" y1=".483" y2=".537"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="k" spreadMethod="pad" x1="1.185" x2="-.179" y1="1.196" y2="-.012"><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(0.5)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="l" spreadMethod="pad" x1="1.469" x2="-.113" y1=".5" y2=".5"><stop offset="0" stop-color="${funThemeColor(0.2)}" stop-opacity="0"/><stop offset="1" stop-color="${funThemeColor(0.3)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="m" spreadMethod="pad" x1="1.469" x2="-.113" y1=".5" y2=".5"><stop offset="0" stop-color="${funThemeColor(0.2)}" stop-opacity="0"/><stop offset="1" stop-color="${funThemeColor(0.3)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="n" spreadMethod="pad" x1="1.185" x2="-.179" y1=".77" y2=".301"><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(0.5)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="o" spreadMethod="pad" x1=".644" x2=".257" y1="0" y2="1.342"><stop offset="0" stop-color="${funThemeColor(0.3)}"/><stop offset="1" stop-color="${funThemeColor(0.2)}" stop-opacity="0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="p" spreadMethod="pad" x1="1.469" x2="-.113" y1=".5" y2=".5"><stop offset="0" stop-color="${funThemeColor(0.2)}" stop-opacity="0"/><stop offset="1" stop-color="${funThemeColor(0.3)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="q" spreadMethod="pad" x1="1.469" x2="-.113" y1=".5" y2=".5"><stop offset="0" stop-color="${funThemeColor(0.2)}" stop-opacity="0"/><stop offset="1" stop-color="${funThemeColor(0.3)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="r" spreadMethod="pad" x1="2.192" x2="-.179" y1="1.881" y2="-.115"><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(0.5)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="s" spreadMethod="pad" x1="2.283" x2="-.179" y1="1.731" y2="-.115"><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(0.5)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="t" spreadMethod="pad" x1=".143" x2="1" y1=".117" y2=".736"><stop offset="0" stop-color="${funShoesColor(0.5)}"/><stop offset="1" stop-color="${funShoesColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="u" spreadMethod="pad" x1=".437" x2=".5" y1="-.31" y2=".931"><stop offset="0" stop-color="${funTrousersColor(0.5)}"/><stop offset="1" stop-color="${funTrousersColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="v" spreadMethod="pad" x1=".5" x2=".5" y1=".129" y2="1"><stop offset="0" stop-color="${funSkinColor(1)}"/><stop offset="1" stop-color="${funSkinColor(0.6)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="w" spreadMethod="pad" x1=".577" x2=".113" y1="0" y2="1"><stop offset="0" stop-color="${funSkinColor(0.3)}"/><stop offset="1" stop-color="${funSkinColor(0.8)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="x" spreadMethod="pad" x1=".356" x2="2.104" y1=".257" y2=".613"><stop offset="0" stop-color="${funClothesColor(0.6)}"/><stop offset="1" stop-color="${funClothesColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="y" spreadMethod="pad" x1=".5" x2=".5" y1="0" y2="1"><stop offset="0" stop-color="${funClothesColor(0.6)}"/><stop offset="1" stop-color="${funClothesColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="z" spreadMethod="pad" x1=".333" x2="1.27" y1=".257" y2=".382"><stop offset="0" stop-color="${funClothesColor(0.6)}"/><stop offset="1" stop-color="${funClothesColor(1)}"/></linearGradient></defs><path d="M0 0h1024v1024H0z" fill="none"/><path d="M992 915l-.27 8.25-.77 8.2-1.29 8.15-1.8 8.14-2.32 8.13-2.86 8.13-3.25 7.82-3.75 7.79-4.25 7.77-4.77 7.77-5.32 7.76-5.89 7.76-7.3 8.71-8.02 8.65-8.78 8.61-9.59 8.55-10.42 8.51-10.45 7.84-11.19 7.73-11.95 7.62-12.76 7.51-13.59 7.38-13.57 6.79-14.12 6.54-14.68 6.27-15.27 6.02-15.31 5.54-15.77 5.25-16.24 4.96-16.74 4.66-16.73 4.22-17.1 3.9-17.47 3.57-17.87 3.23-17.84 2.83-18.11 2.47-18.38 2.11-18.67 1.75-18.63 1.35-18.8.97-18.97.59-19.14.2-19.14-.2-18.97-.59-18.8-.97-18.63-1.35-18.67-1.75-18.38-2.11-18.11-2.47-17.84-2.83-17.87-3.23-17.47-3.57-17.1-3.9-16.73-4.22-16.74-4.66-16.24-4.96-15.77-5.25-15.31-5.54-15.27-6.02-14.68-6.27-14.12-6.54-13.57-6.79-13.59-7.38-12.76-7.51-11.95-7.62-11.19-7.73-10.45-7.84-10.42-8.51-9.59-8.55-8.78-8.61-8.02-8.65-7.3-8.71-5.89-7.76-5.32-7.76-4.77-7.77-4.25-7.77-3.75-7.79-3.25-7.82-2.86-8.13-2.32-8.13-1.8-8.14-1.29-8.15-.77-8.2L32 915l.27-8.25.77-8.2 1.29-8.15 1.8-8.14 2.32-8.13 2.86-8.13 3.25-7.82 3.75-7.79 4.25-7.77 4.77-7.77 5.32-7.76 5.89-7.76 7.3-8.71 8.02-8.65 8.78-8.61 9.59-8.55 10.42-8.51 10.45-7.84 11.19-7.73 11.95-7.62L159 745.6l13.59-7.38 13.57-6.79 14.12-6.54 14.68-6.27 15.27-6.02 15.31-5.54 15.77-5.25 16.24-4.96 16.74-4.66 16.73-4.22 17.1-3.9 17.47-3.57 17.87-3.23 17.84-2.82 18.11-2.48 18.38-2.11 18.67-1.75 18.63-1.35 18.8-.97 18.97-.59L512 665l19.14.2 18.97.59 18.8.97 18.63 1.35 18.67 1.75 18.38 2.11 18.11 2.48 17.84 2.82 17.87 3.23 17.47 3.57 17.1 3.9 16.73 4.22 16.74 4.66 16.24 4.96 15.77 5.25 15.31 5.54 15.27 6.02 14.68 6.27 14.12 6.54 13.57 6.79L865 745.6l12.76 7.51 11.95 7.62 11.19 7.73 10.45 7.84 10.42 8.51 9.59 8.55 8.78 8.61 8.02 8.65 7.3 8.71 5.89 7.76 5.32 7.76 4.77 7.77 4.25 7.77 3.75 7.79 3.25 7.82 2.86 8.13 2.32 8.13 1.8 8.14 1.29 8.15.77 8.2.27 8.25z" fill="url(#a)" fill-rule="evenodd"/><path d="M846 265.21l-.29 3.57-.81 3.35-1.33 3.2-1.79 2.98-2.21 2.74-2.66 2.51-2.96 2.17-3.3 1.84-3.67 1.53-3.82 1.09-4.08.68-4.35.25H718l-4.35-.5-4.12-.87-3.89-1.24-3.75-1.62-3.38-1.91-3.06-2.21-2.75-2.55-2.29-2.77-1.86-3.01-1.39-3.24-.85-3.44-.31-3.7.24-3.24.69-3.08 1.12-2.98 1.5-2.8 1.87-2.63 2.23-2.46 2.5-2.19 2.78-1.95 3.07-1.7-1-2.59-.33-1.3-.12-1.29.35-3.22.96-3.03 1.59-2.88 2.1-2.56 2.57-2.23 3.09-1.9 3.36-1.4 3.69-.87 4.1-.34 3.73.32 3.36.84 3.16 1.28 2.84 1.59 3.17-4.24 3.65-3.9 4.17-3.56 4.55-3.09 4.94-2.63 5.38-2.15 4.16-1.23 4.34-.89 4.53-.56 4.75-.2 4.94.22 4.7.61 4.49.97 4.3 1.33 4.21 1.72 3.89 1.99 3.6 2.27 3.33 2.55 3.09 2.87 2.7 3.05 2.34 3.25 1.98 3.46 1.59 3.65 1.15 3.77.7 3.92.26 4.1v2.3l3.8 1.56 3.41 1.88 3.06 2.19 2.75 2.55 2.27 2.76 1.84 3.01 1.38 3.23.83 3.39.3 3.61z" fill="url(#b)" fill-rule="evenodd"/><path d="M198.22 149l6.15.33 5.88.94 5.64 1.54 5.45 2.11 5.12 2.6 4.82 3.12 4.48 3.57 4.07 3.98 3.67 4.4 3.22 4.74 2.71 5.05 2.23 5.4h36.84l3.19.3 2.93.79 2.71 1.3 2.46 1.74 2.08 2.08 1.74 2.46 1.29 2.71.8 2.92.3 3.2v42.78l-.3 3.19-.8 2.93-1.29 2.71-1.74 2.45-2.08 2.09-2.46 1.74-2.71 1.29-2.93.8-3.19.3H110.17l-3.2-.3-2.92-.8-2.72-1.29-2.45-1.74-2.08-2.09-1.74-2.45-1.3-2.71-.8-2.93-.29-3.19v-12.41l-1.96-3.5-1.64-3.67-1.32-3.87-.96-3.98-.58-4.12-.21-4.29.25-4.61.67-4.41 1.08-4.22 1.49-4.06 1.9-3.91 2.21-3.65 2.54-3.4 2.88-3.16 3.16-2.88 3.4-2.54 3.65-2.22 3.91-1.89 4.06-1.49 4.22-1.09 4.41-.67 4.61-.24 3.96.17 3.82.5 3.7.82 3.61 1.13 3.45 1.41 3.29 1.69 3.68-4.57 4.08-4.13 4.53-3.72 4.88-3.24 5.2-2.71 5.55-2.2 4.29-1.26 4.43-.91 4.57-.56 4.74-.2z" fill="url(#c)" fill-rule="evenodd"/><path d="M241.6 797l-.18.66-.53.66-1.04.7-1.87.77-2.72.66-2.97.4-3.49.15-3.49-.15-2.97-.4-2.72-.66-1.87-.77-1.04-.7-.53-.66-.18-.66.18-.66.53-.66 1.04-.7 1.87-.77 2.72-.66 2.97-.4 3.49-.15 3.49.15 2.97.4 2.72.66 1.87.77 1.04.7.53.66.18.66z" fill="${funThemeColor(0.4)}" fill-rule="evenodd"/><path d="M215.21 795.43l.9-10.21 1.32-8.64 1.67-7.25 1.95-6.05 2.2-4.98 2.4-4.08 2.58-3.29 2.76-2.6 2.95-1.99 3.18-1.45 3.74-.44 1.74-.04 1.28.2.69.33.43.49.2.71-.2 1.3-1.11 2.32-1.12 1.48-1.37 1.29-3.4 2.73-1.9 1.72-2.24 2.45-2.17 2.91-2.52 4.19-2.37 4.82-2.68 6.68-2.49 7.48-2.75 9.91-.8 1.03-.78.3-.9-.25-1.19-1.07z" fill="url(#d)"/><path d="M214.97 795.07l-2.99-22.29-2.32-14.75-1.77-9.12-1.32-5.13-2.21-7.17-1.06-3.94-.82-3.76-.45-3.64.1-2.79.45-1.63.79-1.06 1.13-.65 1.35-.15 2 .42 2.97 1.28 2 1.33 1.86 1.74 1.73 2.21 1.61 2.73 1.69 3.82 1.46 4.42 1.19 5.1.83 5.16.57 5.47.29 5.78-.08 8.67-.67 8.57-.77 5.68-1 5.25-1.2 4.87-1.38 3.37-1.04 1.62-.78.6h-.66l-.69-.54-.81-1.47z" fill="url(#e)"/><g><path d="M783.98 759.87l-1.18-4.15-1.6-3.77-2.02-3.41-2.45-3.11-2.91-2.81-3.4-2.54-3.94-2.27-4.56-1.98-6.68-2.41-4.77-2.26-2.8-1.82-1.54-1.55-.69-1.35-.03-1 .45-1 1.12-1.07 2.1-1.19 5.32-.61 3.14-.09 3.59.42 2.35.63 2.51 1.12 2.7 1.66 2.43 2.02 2.6 2.83 2.78 3.83 2.38 4.06 2.49 5.29 2.61 6.75.55 3.32v3.24l-.55 3.22z" fill="url(#f)"/><path d="M784.6 761.69l-3.66-12.76-3.64-11.12-3.63-9.64-3.59-8.29-3.55-7.09-3.49-6-3.43-5.04-1.58-2.26-1.25-2.31-.95-2.37-.91-3.66-.26-3.43.17-2.26.45-1.99.68-1.75.99-1.58 1.21-1.21 1.45-.88 2.04-.18 2.46.09 1.64.31 1.79.69 1.99 1.14 1.77 1.45 1.97 2.17 2.18 3.11 1.85 3.3 2 4.47 2.17 5.87 1.82 5.97 1.91 7.55 1.99 9.37.77 5.04.85 8.82.18 5.14-.14 5.38-.57 5.3-1.09 4.79-.69 1.6-.86 1.27-1.04.99z" fill="url(#g)"/><path d="M786.29 755.51l1.09-4.92.74-5.46.35-6.05-.08-6.72-.56-7.44-1.11-8.24-1.69-9.1-4.08-11.78-1.94-5.95-1.52-5.56-.77-3.72-.37-3.29-.04-2.93.27-2.18.57-1.87.84-1.62 1.13-1.39 1.37-1.09 1.8-.86 2.33-.61 2.98-.3 2.39.55 2.5 1.19 1.52 1.11 1.53 1.56 1.53 2.09 1.24 2.27 1.19 2.96 1.1 3.8.78 3.86.6 4.8.39 5.9.08 5.89-.22 7.06-.58 8.4-1.28 8.14-1.44 6.83-1.7 6.5-1.81 5.99-3.95 12.18-1.45.51-1.69.03-2.04-.54z" fill="url(#h)"/><path d="M790.16 760.26l-.15-11.5.42-10.39.94-9.35 1.42-8.41 1.83-7.55 2.22-6.77 2.59-6.06 2.92-5.41 3.25-4.82 3.57-4.28 1.38-1.44 1.96-1.38 2.24-1.08 2.45-.7 2.49-.19 2.33.43 1.41.66 1.24 1.06 1.11 1.5.77 1.72.52 2.33.21 3.12-1.66 6.54-1.38 4.13-2.19 5.28-2.77 5.54-4 6.75-3.01 4.5-3.72 5.03-4.51 5.63-2.18 3.13-1.98 3.35-1.75 3.43-1.44 3.24-1.22 3.16-.84 2.54-.59 2.29-.15 1.24-.24 1.17-.63.81-1.09.54-1.77.21z" fill="url(#i)"/><path d="M718.12 764.83l11.84-2.46 6.63-1.84 3.23-1.34 1.24-.94.94-.9 2.16-1.55 2.58-1.51 3.39-1.62 3.67-1.36 4.03-1 2.76-.37 2.76-.05 2.76.28 2.67.68 2.56 1.17 2.49 1.7 1.16-1.15 1.68-1.06 1.92-.77 2.17-.45 2.25-.01 2.25.51 1.41.64 1.34.96 1.29 1.33.77-2.23 1.14-2.08 1.52-1.94 2.74-2.55 3.15-2.12 3.37-1.67 3.21-1.09 3.14-.58 2.36.06 2.18-.11 3.06.09 3.23.41 3.61.92 2.34.93 2.32 1.28 2.3 1.67 2.02 1.97 1.87 2.51 1.71 3.13 1.26 3.33.94 4.12.58 5.06-18.79.09-101.21-.09z" fill="url(#j)"/></g><g><path d="M288.8 453h79.94l13.28 21.04 130.72-.23 4.4.3 4.14.83 3.92 1.36 3.72 1.86 3.39 2.28 3.08 2.7 2.71 3.07 2.29 3.38 1.87 3.71 1.38 3.92.85 4.14.31 4.39V686.6h-256V453z" fill="url(#k)"/><path d="M316 504.2h208v230.4H316z" fill="url(#l)" fill-rule="evenodd"/><path d="M311.2 526.6h217.6v203.2H311.2z" fill="${funElementColor()}" fill-rule="evenodd"/><path d="M309.6 541h225.6v187.2H309.6z" fill="url(#m)" fill-rule="evenodd"/><path d="M268 561.8h304l-27.64 172.8H295.64z" fill="url(#n)"/><path d="M449.6 637l1.52.22 1.3.54 1.14.88.88 1.14.54 1.3.22 1.52-.22 1.52-.54 1.3-.88 1.14-1.14.88-1.3.54-1.52.22-1.52-.22-1.3-.54-1.14-.88-.88-1.14-.54-1.3-.22-1.52.22-1.52.54-1.3.88-1.14 1.14-.88 1.3-.54 1.52-.22z" fill="url(#o)" fill-rule="evenodd"/><path d="M472 637h38.4l1.52.22 1.3.54 1.14.88.88 1.14.54 1.3.22 1.52-.22 1.52-.54 1.3-.88 1.14-1.14.88-1.3.54-1.52.22H472l-1.52-.22-1.3-.54-1.14-.88-.88-1.14-.54-1.3-.22-1.52.22-1.52.54-1.3.88-1.14 1.14-.88 1.3-.54L472 637z" fill="url(#p)" fill-rule="evenodd"/><path d="M448 661h60.8l1.52.22 1.3.54 1.14.88.88 1.14.54 1.3.22 1.52-.22 1.52-.54 1.3-.88 1.14-1.14.88-1.3.54-1.52.22H448l-1.52-.22-1.3-.54-1.14-.88-.88-1.14-.54-1.3-.22-1.52.22-1.52.54-1.3.88-1.14 1.14-.88 1.3-.54L448 661z" fill="url(#q)" fill-rule="evenodd"/><path d="M428 441.8l-.23 3.3-.63 3.1-1.03 2.94-1.4 2.79-1.71 2.53-2.03 2.31-2.31 2.03-2.53 1.71-2.79 1.4-2.94 1.03-3.1.63-3.3.23-3.3-.23-3.1-.63-2.94-1.03-2.79-1.4-2.53-1.71-2.31-2.03-2.03-2.31-1.71-2.53-1.4-2.79-1.03-2.94-.63-3.1-.23-3.3.23-3.3.63-3.1 1.03-2.94 1.4-2.79 1.71-2.53 2.03-2.31 2.31-2.03 2.53-1.71 2.79-1.4 2.94-1.03 3.1-.63 3.3-.23 3.3.23 3.1.63 2.94 1.03 2.79 1.4 2.53 1.71 2.31 2.03 2.03 2.31 1.71 2.53 1.4 2.79 1.03 2.94.63 3.1.23 3.3z" fill="url(#r)"/><path d="M404 449.8l-9.4 4.94 1.79-10.47-7.61-7.41 10.52-1.53 4.7-9.53 4.7 9.53 10.52 1.53-7.61 7.41 1.79 10.47z" fill="${funElementColor()}" fill-rule="evenodd"/><path d="M584 378.2l-.28 5.32-.77 5.07-1.25 4.86-1.72 4.68-2.18 4.51-2.55 4.2-2.93 3.92-3.32 3.64-3.64 3.32-3.92 2.93-4.2 2.55-4.51 2.18-4.68 1.72-4.86 1.25-5.07.77-5.32.28-5.32-.28-5.07-.77-4.86-1.25-4.68-1.72-4.51-2.18-4.2-2.55-3.92-2.93-3.64-3.32-3.32-3.64-2.93-3.92-2.55-4.2-2.18-4.51-1.72-4.68-1.25-4.86-.77-5.07-.28-5.32.28-5.32.77-5.07 1.25-4.86 1.72-4.68 2.18-4.51 2.55-4.2 2.93-3.92 3.32-3.64 3.64-3.32 3.92-2.93 4.2-2.55 4.51-2.18 4.68-1.72 4.86-1.25 5.07-.77 5.32-.28 5.32.28 5.07.77 4.86 1.25 4.68 1.72 4.51 2.18 4.2 2.55 3.92 2.93L569 342l3.32 3.64 2.93 3.92 2.55 4.2 2.18 4.51 1.72 4.68 1.25 4.86.77 5.07.28 5.32z" fill="url(#s)"/><path d="M529.6 388.4v-6.8h3.2l1.79-.17 1.63-.45 1.49-.74 1.33-.99 1.14-1.2.94-1.44.69-1.57.43-1.73.16-1.91V368l-.16-1.91-.43-1.73-.69-1.57-.94-1.44-1.14-1.2-1.33-.99-1.49-.74-1.63-.45-1.79-.17-1.79.17-1.63.45-1.49.74-1.33.99-1.14 1.2-.94 1.44-.69 1.57-.43 1.73-.16 1.91v3.4h-6.4V368l.27-3.15.72-2.87 1.17-2.62 1.58-2.39 1.9-2.01 2.23-1.67 2.48-1.24 2.7-.77 2.95-.28 2.95.28 2.7.77 2.48 1.24 2.23 1.67 1.9 2.01 1.58 2.39 1.17 2.62.72 2.87.27 3.15v3.4l-.21 2.71-.56 2.51-.91 2.35-1.25 2.19-1.5 1.94-1.78 1.7-2.01 1.42-2.19 1.08-2.39.76v7.14h-6.4v-6.8zm0 10.2h6.4v6.8h-6.4v-6.8z" fill="${funElementColor()}"/></g><g><path d="M720 749l-.24 1.54-.68 1.53-1.19 1.55-1.82 1.61-2.68 1.72-3.52 1.71-4.51 1.65-4.61 1.31-5.27 1.15-6.02.97-6.03.68-6.48.42-6.95.16-6.95-.16-6.48-.42-6.03-.68-6.02-.97-5.27-1.15-4.61-1.31-4.51-1.65-3.52-1.7-2.68-1.73-1.82-1.61-1.19-1.55-.68-1.53L620 749l.24-1.54.68-1.53 1.19-1.55 1.82-1.61 2.68-1.72 3.52-1.71 4.51-1.65 4.61-1.31 5.27-1.15 6.02-.97 6.03-.68 6.48-.42L670 733l6.95.16 6.48.42 6.03.68 6.02.97 5.27 1.15 4.61 1.31 4.51 1.65 3.52 1.71 2.68 1.72 1.82 1.61 1.19 1.55.68 1.53.24 1.54z" fill="${funThemeColor(0.4)}" fill-rule="evenodd"/><path d="M654.63 737.44l-.83 5.42-3.32.37-3.65.96-4.05 1.64-1.62 1.2-.68.78-.34.85-.11.96.32.31 1.91.31 5.91.05 13.51-.67v-14.17l-7.05 1.99zM686.63 737.44l-.83 5.42-3.32.37-3.65.96-4.05 1.64-1.62 1.2-.68.78-.34.85-.11.96.32.31 1.91.31 5.91.05 13.51-.67v-14.17l-7.05 1.99z" fill="url(#t)"/><path d="M679.48 625.99l4.73.17 3.35.31 1.27.16-.21 3.23-.37 8.62-.16 12.42.12 7.05.32 7.6 1.44 20.56 1.77 20.17 1.74 17.38 1.32 12.18.52 4.59h-10.33l-1.25-4.33-3.14-11.6-4.07-16.77-2.07-9.54-1.99-10.28-1.73-10.42-1.37-10.35-.89-10.24-.29-9.39-1.18 6.89-1.05 8.02-.83 8.31-.69 8.83-.94 17.71-.49 16.65-.19 13.93-.01 9.57.02 3.55-10.87-1.08-.4-4.18-1.01-11.1-1.27-15.83-1.24-18.41-.86-18.8-.16-9.11.05-8.03.49-13.67.63-9.04.31-3.27 5.34-.5 5.34-.06 5.36.37.04.01 3.91-1.12 4.4-.81 3.1-.27 2.98-.08h.51z" fill="url(#u)"/><g fill-rule="evenodd"><path d="M679.71 540.43h-14.72v14.72h14.72z" fill="url(#v)"/><path d="M655.62 529.05l.25 3.07.67 2.8 1.09 2.57 1.48 2.38 1.75 1.98 2.05 1.65 2.3 1.24 2.46.76 2.67.28 2.68-.28 2.46-.76 2.3-1.24 2.04-1.65 1.76-1.98 1.48-2.38 1.08-2.57.68-2.8.25-3.07-.25-3.07-.68-2.8-1.08-2.58-1.48-2.37-1.76-1.99-2.04-1.64-2.3-1.24-2.46-.76-2.68-.29-2.67.29-2.46.76-2.3 1.24-2.05 1.64-1.75 1.99-1.48 2.37-1.09 2.58-.67 2.8-.25 3.07z" fill="url(#w)"/><path d="M656.98 518.38l2.7 3.3 2.72 2.59 2.76 1.96 2.81 1.42 2.91.9 1 .19 1.3-.14 1.35-.18 1.22.05.67.26.55.59.44 1.04-.01 1.26-.26 1.3-.48 1.2-.62.89-.81.53h-.91l.95 2 1.83 2.39 3.03 2.89 2.44.63 2.42-.01 2.49-.66 2.61-1.4 1.64-1.93 1.68-2.96.9-2.2.69-2.49.48-2.81.15-2.83-.25-2.98-.67-3.17-1.09-3.03-1.7-3.1-2.37-3.21-1.54-1.22-1.58-1.08-2.35-1.3-2.66-1.11-3.26-.85-2.27-.29h-2.47l-2.71.34-2.64.68-2.84 1.18-3.1 1.77-2.11 1.64-1.49 1.75-.99 1.88-.51 2.04-.05 2.28z" fill="${funHairColor()}"/><path d="M680.31 509.64l.27 1.99.74 1.76 1.17 1.51 1.5 1.16 1.76.74 2 .27 1.99-.27 1.76-.74 1.51-1.16 1.16-1.51.74-1.76.27-1.99-.27-1.99-.74-1.77-1.16-1.5-1.51-1.16-1.76-.75-1.99-.27-2 .27-1.76.75-1.5 1.16-1.17 1.5-.74 1.77-.27 1.99z" fill="${funHairColor()}"/></g><g fill-rule="evenodd"><path d="M663.49 549.01l-1.86.98-1.81 1.13-2.29 1.73-2.15 2.09-1.91 2.57-1.91 3.62-1.72 4.06-1.49 4.17-1.2 3.87-1.67 6.34-.57 2.57-.2 1.47-1.05 4.02-1 2.63-1.58 3.31-3.11 5.37-1.69 2.34-.51.5-.89.6-2.08 1.33-2.36 1.4-1.75.78-2.42.78-2.58 1.04-1.19.52 2.95 9.09 2.03-.24 5.1-.8 3.17-.66 3.53-.88 3.5-1.09 3.31-1.31 2.23-1.3 1.84-1.57 1.56-1.78 1.18-1.71 1.55-2.96.49-1.24 8.55-52.77z" fill="url(#x)"/><path d="M666.79 554.98l12.92-7.14.66.62 1.02 1.02 1.26.93.55.42.91.59 2.04 1.7 1.1 1.19 1.02 1.44.67 1.62.57 2.44.6 5.38.21 4.68.01 2.01-.07 2.77v7.02l.37 9.26.74 12.84.52 11.84.3 8.69.1 3.37-2.26.11-5.72.26-7.62.27-7.94.15-10.15-.11-7.69-.3-3.05-.17 6.49-59.52.21-1.68.75-4.15.61-2.53.84-2.73 1.05-2.66 1.26-2.38 1-1.18 1.24-.95 2.44-1.21 1.15-.38 1.89 6.47z" fill="url(#y)"/><path d="M683.55 551.06l1.62 1.12 3.38 2.74 1.71 1.74 1.26 1.73.8 1.92.83 3.17.65 3.5.59 4.03.87 7.91.51 6.25.17 2.54.06 1.18-.27 2.8-.45 1.65-.82 1.7-.96 1.12-2.09 1.8-5.45 3.95-6.06 4.01-4.93 3.11-2.04 1.25-15.92 8.8-5.02-11.14L679.13 588l.65-.66.48-.72.34-.96-.16-2.17-.58-4.06-.73-4.59-.62-3.75-.27-1.56-.21-1.7-.08-3.98.27-2.32.61-2.26.85-1.94 1.02-1.9 1.95-3.1.9-1.27z" fill="url(#z)"/><path d="M618.07 593.87h30.38l.57.11.48.32.32.47.11.56.88 19.94-.11.56-.32.48-.48.31-.56.11h-29.2l-.57-.11-.48-.31-.32-.48-.11-.56-2.06-19.94.11-.56.32-.47.48-.32.56-.11z" fill="${funItemColor()}"/><path d="M651.99 608.23l-8.43.27-.38.15-.25.32-.16.85.15.47.38.33 2.1.8-3.15.53h-4.2l-.44.13-.26.31-.09.88.31 2.42.22 1.3.32.8.57.58 1.2.47 3.28.34 3.49.15 1.63.04 2.24-.05 2.22-.21 1.49-.36 1.5-.47.68-.23-.65-1.65-1.43-3.55-1.08-2.35-1.26-2.27zm-33.51.13l7.18-.42.33.11.23.28.2.8-.09.45-.3.35-1.72.92 2.71.25 3.56-.34.39.09.23.28.15.83-.09 2.31-.09 1.25-.16.66-.35.56-.5.43-.63.28-2.76.57-2.95.43-1.38.17-3.81.11-.77-.02-.75-.21-.5-.52-.36-.63-.25-2.68.28-2.68.7-2.41.56-.84.94-.38z" fill="${funSkinColor(0.8)}"/></g></g></svg>`
  27. }
  28. },
  29. props: {
  30. description: {
  31. type: String,
  32. default: "暂无收藏"
  33. },
  34. offsetTop: {
  35. type: Number,
  36. default: 0
  37. },
  38. offsetBottom: {
  39. type: Number,
  40. default: 0
  41. }
  42. },
  43. methods: {
  44. }
  45. }
  46. </script>
  47. <style scoped>
  48. ._fr-empty {
  49. /* #ifndef APP-PLUS-NVUE || UNI-APP-X */
  50. display: flex;
  51. flex-direction: column;
  52. /* #endif */
  53. align-items: center;
  54. }
  55. ._fr-empty__description {
  56. font-size: 28rpx;
  57. width: 456rpx;
  58. margin-bottom: 24rpx;
  59. text-align: center;
  60. color: #A2ABB9;
  61. }
  62. </style>