fr-empty-data.vue 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <template>
  2. <view class="_fr-empty" :style="{paddingTop:`${offsetTop}rpx`,paddingBottom:`${offsetBottom}rpx`}">
  3. <fr-svg id="fr-empty-data-48c8d633" :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-data 暂无数据
  17. * @description 《暂无数据》,根据异常的场景给予相关元素的缺省页,在产品页面相对应的场景特点来设计页面内容。
  18. * @tutorial https://www.flowerui.com/documents/flower-empty/module/data.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=".179" x2="1.212" y1=".312" y2="1.084"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="l" spreadMethod="pad" x1=".179" x2="1" y1=".084" y2=".916"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="m" spreadMethod="pad" x1=".646" x2=".205" y1="1.197" y2="-.63"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="n" spreadMethod="pad" x1="-.001" x2=".5" y1="-.619" y2="1.169"><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(0.5)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="o" spreadMethod="pad" x1=".179" x2="1.212" y1=".364" y2=".922"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="p" spreadMethod="pad" x1=".179" x2=".403" y1=".324" y2=".998"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="q" spreadMethod="pad" x1=".636" x2=".258" y1=".57" y2="1.385"><stop offset="0" stop-color="${funThemeColor(0.5)}" stop-opacity=".5"/><stop offset="1" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="r" spreadMethod="pad" x1=".933" x2="-.266" y1=".533" y2=".914"><stop offset="0" stop-color="${funThemeColor(0.5)}" stop-opacity=".5"/><stop offset="1" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="s" spreadMethod="pad" x1=".933" x2="-.266" y1=".539" y2=".991"><stop offset="0" stop-color="${funThemeColor(0.5)}" stop-opacity=".5"/><stop offset="1" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="t" spreadMethod="pad" x1=".933" x2="-.266" y1=".52" y2=".754"><stop offset="0" stop-color="${funThemeColor(0.5)}" stop-opacity=".5"/><stop offset="1" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="u" spreadMethod="pad" x1=".933" x2="-.266" y1=".513" y2=".66"><stop offset="0" stop-color="${funThemeColor(0.5)}" stop-opacity=".5"/><stop offset="1" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="v" spreadMethod="pad" x1=".179" x2="1.212" y1=".187" y2="1.471"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="w" spreadMethod="pad" x1=".179" x2="1.212" y1=".364" y2=".921"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="x" spreadMethod="pad" x1=".617" x2=".293" y1=".57" y2="1.385"><stop offset="0" stop-color="${funThemeColor(0.5)}" stop-opacity=".5"/><stop offset="1" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="y" spreadMethod="pad" x1=".933" x2="-.266" y1=".533" y2=".918"><stop offset="0" stop-color="${funThemeColor(0.5)}" stop-opacity=".5"/><stop offset="1" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="z" 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="A" spreadMethod="pad" x1=".423" x2=".887" 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="B" spreadMethod="pad" x1=".857" x2="0" y1=".117" y2=".736"><stop offset="0" stop-color="${funShoesColor(0.5)}"/><stop offset="1" stop-color="${funShoesColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="C" spreadMethod="pad" x1="1.724" x2=".103" y1=".421" y2=".746"><stop offset="0" stop-color="${funTrousersColor(0.5)}"/><stop offset="1" stop-color="${funTrousersColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="D" spreadMethod="pad" x1="1.603" x2="-.063" y1=".525" y2=".5"><stop offset="0" stop-color="${funTrousersColor(0.5)}"/><stop offset="1" stop-color="${funTrousersColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="E" 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="F" spreadMethod="pad" x1=".083" x2=".955" y1=".325" y2=".736"><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="M546.02 566.39l-154.78-19.47v77.22l152.3 17.79z" fill="url(#k)"/><path d="M268.65 572.11l122.57-25.19.02 86.82-122.59 25.04z" fill="url(#l)"/><path d="M412.7 605.41l131.78-33.97v160.64L412.7 766.05z" fill="url(#m)"/><path d="M270.18 576.03l144.05 28.73-.84 161.29-143.21-31.99z" fill="url(#n)"/><path d="M414.23 605.42L268.91 574.5 238 631.46l147.79 34.99z" fill="url(#o)"/><path d="M414.23 604.72l131.92-36.35 33.58 56.57-126.35 41.51z" fill="url(#p)"/><g><path d="M273.64 340l-5.24 7.98-4.31 7.54-3.44 7.11-2.67 6.73-1.94 6.39-1.29 6.07-.68 5.8-.09 5.57.45 5.36 1 5.19 1.55 5.05 2.1 4.94 2.68 4.85 3.3 4.78 3.96 4.73 4.69 4.69 5.48 4.65 6.34 4.61 7.29 4.56 8.33 4.52 9.46 4.45 10.7 4.38" fill="none" stroke="url(#q)"/><path d="M260.77 450.92l5.53 6.46 5.11 5.17 4.71 4.05 4.36 3.07 4.05 2.23 3.78 1.5 3.57.85 3.4.28" fill="none" stroke="url(#r)"/><path d="M566.29 271.35l-.05 6.3-.6 6.07-1.13 5.85-1.67 5.68-2.21 5.53-2.76 5.39-3.35 5.29-3.97 5.18-4.63 5.11-5.34 5.02-6.12 4.95-6.95 4.87-7.87 4.79-8.85 4.69-9.91 4.59-11.08 4.47-12.32 4.33-13.66 4.16-15.11 3.98-16.66 3.77" fill="none" stroke="url(#s)"/><path d="M578.45 331.26l-9.81 7.86-8.66 6.25-7.63 4.85-6.72 3.64-5.9 2.59-5.18 1.7-4.56.95-4.02.29" fill="none" stroke="url(#t)"/><path d="M541.42 440.14l-15.11-1.52-14.1-.83-13.14-.18-12.24.42-11.41.98-10.63 1.51-9.89 2-9.21 2.47-8.57 2.9-7.98 3.34-7.42 3.75-6.91 4.16-6.42 4.56-5.96 4.98-5.53 5.4-5.1 5.84-4.7 6.3-4.3 6.79-3.91 7.3-3.49 7.86" fill="none" stroke="url(#u)"/><path d="M271.58 376.79l13.54 2.4 11.38 2.56 9.48 2.68 7.79 2.76 6.34 2.8 5.07 2.81 4 2.82 3.07 2.81 2.28 2.81 1.61 2.83 1.01 2.87.46 2.98-.1 3.12-.69 3.33-1.36 3.6-1.8 3.3-1.91 2.42-2.02 1.7-2.14 1.09-2.33.54-2.59-.01-2.94-.64-3.38-1.39-3.92-2.32-4.57-3.47-5.31-4.87-6.17-6.54-7.13-8.55-8.23-10.87-9.44-13.57z" fill="url(#v)"/><path d="M458.41 331.26l1.91-5.73 2.23-4.96 2.53-4.29 2.82-3.67 3.11-3.13 3.42-2.62 3.74-2.14 4.12-1.67 4.54-1.21 5.02-.71 5.55-.17 6.18.43 6.86 1.09 7.64 1.84-.56 2.53-1.12 2.48-1.75 2.46-2.48 2.46-3.38 2.5-4.43 2.51-5.69 2.52-7.19 2.5-8.92 2.44-10.93 2.34-13.22 2.2z" fill="none"/><path d="M388.65 528.09l4.55-8.25 4.62-7.27 4.7-6.37 4.75-5.54 4.82-4.79 4.89-4.08 4.96-3.44 5.06-2.83 5.17-2.26 5.3-1.7 5.46-1.17 5.64-.63 5.87-.08 6.11.49 6.41 1.1 6.72 1.74 7.09 2.43 7.47 3.18-3.99 6.81-4.24 6.09-4.48 5.45-4.71 4.83-4.95 4.27-5.21 3.72-5.48 3.2-5.78 2.71-6.1 2.2-6.44 1.7-6.84 1.19-7.26.66-7.72.1-8.23-.5-8.78-1.13-9.38-1.83z" fill="url(#w)"/><path d="M451.01 345.33l2.84-5.48 2.99-4.68 3.14-3.95 3.27-3.3 3.41-2.72 3.58-2.17 3.75-1.67" fill="none"/><path d="M321.31 413.88l3.2 1.03 2.8 1.51 2.47 2 2.16 2.54 1.87 3.15 1.55 3.88 1.21 4.71.78 5.71.28 6.86" fill="none" stroke="url(#x)"/><path d="M378.46 542.87l3-5.19 3.13-4.46 3.27-3.8 3.39-3.21 3.54-2.65 3.68-2.15 3.86-1.66 4.06-1.2 4.29-.72 4.56-.25" fill="none" stroke="url(#y)"/></g></g><g><path d="M716 827l-.26 1.69-.75 1.69-1.33 1.74-2.04 1.83-3.01 1.98-4 2.02-5.2 2.04-5.3 1.67-6.17 1.6-7.15 1.5-7.17 1.2-7.85 1.05-8.59.87-13.05.82-14.13.3-14.13-.3-13.05-.82-8.59-.87-7.85-1.05-7.17-1.2-7.15-1.5-6.17-1.6-5.3-1.67-5.2-2.04-4-2.02-3.01-1.98-2.04-1.83-1.33-1.74-.75-1.69L544 827l.26-1.69.75-1.69 1.33-1.74 2.04-1.83 3.01-1.98 4-2.02 5.2-2.04 5.3-1.67 6.17-1.6 7.15-1.5 7.17-1.2 7.85-1.05 8.59-.87 13.05-.82L630 805l14.13.3 13.05.82 8.59.87 7.85 1.05 7.17 1.2 7.15 1.5 6.17 1.6 5.3 1.67 5.2 2.04 4 2.02 3.01 1.98 2.04 1.83 1.33 1.74.75 1.69.26 1.69z" fill="${funThemeColor(0.4)}" fill-rule="evenodd"/><g fill-rule="evenodd"><path d="M619.4 722.51l13.58 8.82-8.82 13.59-13.58-8.82z" fill="url(#z)"/><path d="M648.45 726.45l-2.08 2.68-2.3 2.18-2.54 1.73-2.78 1.3-2.82.78-2.87.29-2.86-.23-2.73-.77-2.64-1.34-2.29-1.87-1.82-2.17-1.37-2.53-.91-2.74-.43-2.89.06-3.07.54-3.03 1.06-2.98 1.6-2.98 2.08-2.68 2.3-2.18 2.54-1.73 2.79-1.3 2.81-.78 2.87-.3 2.86.23 2.73.78 2.64 1.34 2.29 1.86 1.82 2.18 1.37 2.52.91 2.74.43 2.89-.06 3.07-.54 3.03-1.06 2.99-1.6 2.98z" fill="url(#A)"/><path d="M653.58 715.79l-4.46 1.43-4.06.76-3.73.16-3.44-.38-3.22-.91-.79-.27-.83-.59-1.65-1.43-.89-.58-.91-.27-.92.14-1.12.76-.75 1.17-.54 1.35-.28 1.39.05 1.2.42.97.84.55-1.46.96-2.02.89-2.7.76-3.54.61-2.87-1.51-2.39-1.92-1.96-2.37-1.55-2.87-.5-1.83-.27-2.08v-2.37l.47-3.57 1.08-3.76 1.04-2.43 1.3-2.34 1.58-2.24 1.83-2.04 2.11-1.77 2.4-1.54 2.58-1.16 2.92-.78 3.29-.38 2.26-.21 2.21-.03 3.07.26 3.2.65 3.54 1.31 2.24 1.21 2.22 1.66 2.19 2.14 1.84 2.42 1.68 3.09 1.49 3.86.77 2.83.24 2.56-.22 2.33-.67 2.17-1.12 2.04z" fill="${funHairColor()}"/><path d="M637.3 691.75l-1.45 1.68-1.74 1.17-1.97.7-2.09.17-2.07-.37-2-.95-1.68-1.44-1.18-1.74-.69-1.98-.17-2.08.37-2.07.94-2 1.45-1.68 1.74-1.18 1.97-.69 2.09-.17 2.07.37 2 .94 1.68 1.44 1.17 1.75.7 1.97.17 2.09-.37 2.07-.94 2z" fill="${funHairColor()}"/></g><path d="M682.14 813.65l.92 6.01 3.68.41 4.05 1.07 4.48 1.82 1.8 1.33.76.87.37.93.12 1.08-.35.34-2.11.34-6.56.06-14.98-.74v-15.72l7.82 2.2z" fill="url(#B)"/><path d="M618.11 790.78l5.35-7.45 3.41-4.28 4.02-4.53 4.38-4.32 4.78-3.96 3.4-2.35 3.5-1.95 3.6-1.57 3.75-1.11 3.81-.52 3.92.05 2.44.61 2.32 1.23 2.24 1.94 1.94 2.32 1.87 2.81 1.8 3.37 2.29 5.34 2.04 5.94 1.73 6.1 1.44 6.03 2.12 11.05 1.19 8.05.37 3.11-14.71.17-14.23-33.87-31.04 39.1-22.61-8.7 14.88-22.61z" fill="url(#C)"/><path d="M565.28 790.16l-1.2 4.8-.94 5.29-.57 5.39-.12 5.37.2 3.56.47 3.33.71 3.12 1.05 3 1.36 2.61 1.67 2.25 2.03 1.89 2.44 1.43 2.93.98 3.24.55 3.85.35 9.45.16 13.21-.15 18.37-.06 19.19.07 5.73-.18 4.86-.4 4.08-.6 3.07-.73 2.53-.94 2.08-1.13 1.67-1.3 1.37-1.6 1-1.94.63-2.34.22-2.86-.36-2.45-.88-2.04-1.4-1.74-1.79-1.42-2.18-1.23-2.65-1.02-4.2-1.06-4.7-.71-4.79-.38-4.7-.15-8.4.03-5.62-.07-5.58-.31-8.33-.26-9.4-.19-8.79-.15-6.51-.08-2.54-.03-21.76-16.66z" fill="url(#D)"/><path d="M626.49 745l-5.98-5.53-2.58-2.22-1.47-1.82-.94-1.87-.34-1.45-.01-1.35.18-.89.35-.83-2.12.04-2.24.28-3.4.81-3.62 1.32-4.45 2.32-2.89 1.91-3.12 2.54-3.39 3.25-3.08 3.5-3.21 4.37-3.35 5.37-2.82 5.14-2.9 5.66-5.45 11.37-4.61 10.24-3.19 7.39-1.19 2.85 1.45 1.35 1.77 1.29 3.16 1.8 3.77 1.65 5.47 1.74 3.9.9 4.76.76 5.73.58 5.73.24 6.76-.1 7.91-.51 1.28-2.43 3.28-6.2 4.44-8.34 4.75-8.81 4.21-7.66 1.36-2.97.84-3.24.33-3.57-.22-3.95-.86-4.41-1.58-4.95-2.42-5.57z" fill="url(#E)" fill-rule="evenodd"/><path d="M697.05 771.64l-18.79 6.84.69 1.88 18.79-6.84z" fill="${funItemColor()}" fill-rule="evenodd"/><path d="M674.99 780.35l4.18-2.08.7-.63 1.05-.67 1.51-.3.57.15.14.38-.27.82-.71.67 2.57-.55 2.43-1.21 1.93-.63 1.07.11.59.6.22 1.29-.4 1.17-.77 1.11-1.19 1.1-1.4.78-1.87.51-2.47.17-1.2-.23-1.59.06-2.09.44-3-3.06z" fill="${funSkinColor(0.8)}" fill-rule="evenodd"/><path d="M677.29 778.64l-42.31 15.98-11.2-44.32-1.67-3.17-1.92-2.46-2.15-1.87-2.43-1.34-2.74-.84-3.14-.33-3.62.25-2.15 1.22-1.78 1.4-1.46 1.6-1.16 1.81-1.1 2.66-.58 2.85-.04 3.09.33 2.16.89 3.66 1.19 4.01 1.64 4.9 1.88 5.06 2.18 5.33 2.38 5.26 2.5 4.94 2.7 4.65 2.62 3.74 3.31 3.8 2.91 3.03 2.03 1.75 2.08 1.32 2.17.92 2.28.49h2.7l3.23-.56 5.56-2.32 13.02-6.36 25.36-13.22-3.51-9.09z" fill="url(#F)" fill-rule="evenodd"/></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>