Home Explore Help
Register Sign In
liujiaxin
/
zhibo
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: fedcacbcb3
Branches Tags
zhibo
/
uni_modules
/
flower-empty
/
components
/
fr-empty-message
/
fr-empty-message.vue

fr-empty-message.vue 26 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 
  1. <template>
    2. 

  2. 	<view class="_fr-empty" :style="{paddingTop:`${offsetTop}rpx`,paddingBottom:`${offsetBottom}rpx`}">
    3. 

  3. 		<fr-svg id="fr-empty-message-3bdd41ce" :width="500" :height="500" :src="earlySvg" />
    4. 

  4. 		<text class="_fr-empty__description">{{description}}</text>
    5. 

  5. 		<slot />
    6. 

  6. 	</view>
    7. 

  7. </template>
    8. 

  8. 

  9. <script>
    10. 

  10. 	// #ifdef UNI-APP-X
    11. 

  11. 	import {funThemeColor,funHairColor,funClothesColor,funTrousersColor,funShoesColor,funSkinColor,funItemColor,funElementColor} from "@/uni_modules/flower-empty/core/config.uts";
    12. 

  12. 	// #endif
    13. 

  13. 	// #ifndef UNI-APP-X
    14. 

  14. 	import {funThemeColor,funHairColor,funClothesColor,funTrousersColor,funShoesColor,funSkinColor,funItemColor,funElementColor} from "@/uni_modules/flower-empty/core/config.js";
    15. 

  15. 	// #endif
    16. 

  16. 	/**
    17. 

  17. 	 * fr-empty-message 暂无消息
    18. 

  18. 	 * @description 《暂无消息》，根据异常的场景给予相关元素的缺省页，在产品页面相对应的场景特点来设计页面内容。
    19. 

  19. 	 * @tutorial https://www.flowerui.com/documents/flower-empty/module/message.html
    20. 

  20. 	 * @property {String} description 缺省页描述文字
    21. 

  21. 	 * @property {Number} offsetTop 偏移向上距离
    22. 

  22. 	 * @property {Number} offsetBottom 偏移向下距离
    23. 

  23. 	 */
    24. 

  24. 	export default {
    25. 

  25. 		data() {
    26. 

  26. 			return {
    27. 

  27. 				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" x2="-.256" y1=".328" y2=".733"><stop offset="0" stop-color="${funThemeColor(0.5)}" stop-opacity="0"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="l" spreadMethod="pad" x1="1.185" x2=".381" y1=".658" y2=".443"><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(0.5)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="m" spreadMethod="pad" x1=".509" x2=".499" y1="1.336" y2=".2"><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(0.5)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="n" spreadMethod="pad" x1=".522" x2=".496" y1="1.336" y2=".2"><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(0.5)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="o" spreadMethod="pad" x1="1.094" x2="-.095" y1=".716" y2=".366"><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(0.5)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="p" spreadMethod="pad" x1="1.304" x2="-.038" y1="1" y2=".656"><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(0.5)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="q" spreadMethod="pad" x1=".911" x2="-.424" y1="1.336" y2="-.188"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="r" spreadMethod="pad" x1="1.185" x2="0" y1=".77" y2=".187"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="s" spreadMethod="pad" x1="1.185" x2="-.394" y1=".731" y2=".022"><stop offset="0" stop-color="${funThemeColor(0.5)}"/><stop offset="1" stop-color="${funThemeColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="t" spreadMethod="pad" x1="3.412" x2=".5" 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="u" spreadMethod="pad" x1="3.412" x2=".5" 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="v" spreadMethod="pad" x1="3.412" x2=".5" 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="w" spreadMethod="pad" x1=".976" x2=".418" y1="1.336" y2=".2"><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(0.5)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="x" spreadMethod="pad" x1=".874" x2="-.162" y1=".57" y2="1.385"><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(0.5)}" stop-opacity=".5"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="y" spreadMethod="pad" x1="1" x2="-.286" y1=".369" y2="1.047"><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(0.5)}" stop-opacity=".5"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="z" spreadMethod="pad" x1=".635" x2=".26" y1=".57" y2="1.385"><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(0.5)}" stop-opacity=".5"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="A" spreadMethod="pad" x1="1.185" x2=".381" y1=".77" y2=".403"><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(0.5)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="B" spreadMethod="pad" x1=".933" x2="-.266" y1=".515" y2=".693"><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="0" stop-color="${funThemeColor(1)}"/><stop offset="1" stop-color="${funThemeColor(0.5)}" stop-opacity=".5"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="C" 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="D" 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="E" 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="F" spreadMethod="pad" x1="-.724" x2=".897" y1=".421" y2=".746"><stop offset="0" stop-color="${funTrousersColor(0.5)}"/><stop offset="1" stop-color="${funTrousersColor(1)}"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="G" spreadMethod="pad" x1="-.603" x2="1.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="H" 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="I" spreadMethod="pad" x1=".917" x2=".045" 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="M566.68 696.82l181.94 23.91 14.69 41.93-230.87-38.2z" fill="url(#k)" fill-opacity=".3"/><path d="M528.38 675.03l10.65.27 9.67.72 9.25 1.21 7.75 1.51 4.98 1.32 4.05 1.36 3.24 1.4 3.04 1.77 1.94 1.68 1.11 1.61h.41v21.29l-.25 1.36-.72 1.37-1.3 1.42-2.05 1.5-2.92 1.55-3.87 1.55-5.01 1.52-5.06 1.19-5.82 1.06-6.65.9-6.66.63-7.15.41-7.7.17-.93.01-7.8-.15-7.26-.39-6.77-.61-6.76-.9-5.92-1.05-5.15-1.19-5.1-1.53-3.94-1.55-2.98-1.57-2.09-1.52-1.33-1.43-.73-1.38-.25-1.37v-21.29h.41l1.11-1.61 1.94-1.68 3.04-1.77 3.24-1.4 4.05-1.36 4.98-1.32 7.75-1.51 9.25-1.21 9.67-.72 10.64-.27z" fill="url(#l)"/><path d="M531.16 685.75l7.58 6.68 11.59-6.68V521.41h-19.17z" fill="url(#m)"/><path d="M508.87 525.86h29.86v166.57h-29.86z" fill="url(#n)"/><path d="M378 427.44l.26-5.47.71-5.28 1.16-5.11 1.61-4.98 2.03-4.83 2.41-4.61 2.79-4.42 3.18-4.23 3.5-3.96 3.81-3.69 4.12-3.44 4.45-3.18 4.66-2.83 4.9-2.5 5.16-2.18 5.42-1.84 5.51-1.44 5.69-1.05 5.89-.64 6.1-.23h189.12l6.7.25 6.47.71 6.24 1.14 6.05 1.59 5.96 2.02 5.66 2.39 5.38 2.75 5.12 3.11 4.89 3.49 4.53 3.77 4.17 4.06 3.85 4.35 3.49 4.64 3.06 4.85 2.65 5.07 2.23 5.3 1.77 5.47 1.28 5.61.78 5.8.28 6v104.89H378V427.44z" fill="url(#o)"/><path d="M649.4 361.52l-6.06.25-5.84.71-5.66 1.15-5.48 1.6-5.37 2.03-5.12 2.4-4.87 2.76-4.65 3.15-4.41 3.49-4.09 3.79-3.79 4.08-3.49 4.4-3.15 4.65-2.77 4.87-2.4 5.11-2.03 5.36-1.6 5.48-1.15 5.65-.71 5.84-.26 6.04v104.44h145.79V434.33l-.26-6.04-.71-5.84-1.15-5.65-1.6-5.48-2.03-5.36-2.4-5.11-2.77-4.87-3.14-4.65-3.5-4.4-3.79-4.08-4.09-3.79-4.4-3.49-4.65-3.15-4.88-2.76-5.11-2.4-5.37-2.03-5.49-1.6-5.65-1.15-5.85-.71-6.05-.25z" fill="url(#p)"/><path d="M649.4 372.65l-5 .21-4.83.59-4.67.95-4.53 1.32-4.43 1.67-4.22 1.98-4.03 2.29-3.84 2.59-4.79 3.9-4.34 4.33-3.9 4.79-2.6 3.83-2.29 4.02-1.98 4.22-1.68 4.43-1.32 4.53-.95 4.66-.58 4.83-.22 4.99v95.31h120.38v-95.31l-.21-4.99-.59-4.82-.95-4.67-1.31-4.52-1.68-4.43-1.98-4.22-2.29-4.02-2.6-3.84-3.9-4.79-4.34-4.33-4.79-3.9-3.84-2.59-4.02-2.29-4.23-1.98-4.43-1.67-4.53-1.32-4.67-.95-4.83-.59-4.99-.21z" fill="url(#q)"/><path d="M709.59 538.78l2.64 1.68 7 4.51 10 6.48 11.6 7.64 11.85 7.96 10.71 7.46 2.64 3.89 2.18 3.85 1.76 3.81 1.37 3.78 1.02 3.95.56 3.8.13 3.68-.28 3.59-.72 3.53-1.19 3.36-1.65 3.2-2.15 3.08-2.5 2.73-3.04 2.53-3.65 2.36-4.33 2.16-4.37 1.65-5.05 1.38-5.84 1.08-6.7.73-8.58-.14-8.02-.55-7.52-.94-7.43-1.41-7.12-1.85-6.82-2.29-6.65-2.77-6.55-3.29-6.48-3.83-6.22-4.25-6.33-4.88-6.45-5.57-58.2-62.11v-10.68l120.38 10.69z" fill="url(#r)"/><path d="M757.57 564.74l3.44 3.16 2.93 3.2 2.46 3.22 2.03 3.27 1.72 3.52 1.27 3.43.83 3.38.43 3.34.03 3.39-.39 3.23-.8 3.12-1.21 3.01-1.6 2.8-2.01 2.61-2.46 2.44-2.96 2.26-3.14 1.85-3.62 1.59-4.16 1.31-4.79 1-6.9.86-8.15.33-7.98-.23-7.83-.79-7.71-1.35-7.59-1.91-7.5-2.48-7.18-2.97-7.12-3.59-7.08-4.23-7.05-4.92-7.04-5.64-7.03-6.4-60.2-62.05h120.38l47.98 40.24z" fill="url(#s)"/><path d="M540.09 513.92h-31.54l-.96-.22-.87-.61-.81-1.07-.79-1.99-.31-2.61.31-2.61.79-1.99.81-1.08.87-.6.96-.23h31.54l.96.23.87.6.82 1.08.78 1.99.31 2.61-.31 2.61-.78 1.99-.82 1.07-.87.61-.96.22z" fill="url(#t)" fill-rule="evenodd"/><path d="M538.54 479.78h-44.69l-1.42-.24-1.23-.63-1.1-1.04-.82-1.29-.52-1.51-.21-1.79.21-1.79.52-1.52.82-1.29 1.1-1.04 1.23-.63 1.42-.24h44.69l1.41.24 1.23.63 1.1 1.04.82 1.29.52 1.52.21 1.79-.21 1.79-.52 1.51-.82 1.29-1.1 1.04-1.23.63-1.41.24z" fill="url(#u)" fill-rule="evenodd"/><path d="M536.98 445.64h-57.83l-1.87-.25-1.6-.64-1.38-1.02-1.08-1.32-.66-1.52-.26-1.76.26-1.76.66-1.51 1.08-1.32 1.38-1.02 1.6-.64 1.87-.25h57.83l1.87.25 1.59.64 1.38 1.02 1.08 1.32.67 1.51.26 1.76-.26 1.76-.67 1.52-1.08 1.32-1.38 1.02-1.59.64-1.87.25z" fill="url(#v)" fill-rule="evenodd"/></g><g><path d="M259.23 433.96l-4.29-1.6-3.94-.88-3.65-.25-3.42.33-3.25.88-3.13 1.47-3.04 2.09-2.98 2.8-2.92 3.61-2.88 4.55-2.81 5.64-2.71 6.9-2.59 8.35-2.41 9.98-2.2 11.85 9.36-3.31 8.02-3.38 6.82-3.43 5.74-3.47 4.79-3.49 3.94-3.5 3.19-3.53 2.51-3.56 1.91-3.6 1.35-3.68.81-3.79.29-3.93-.25-4.11-.82-4.33-1.44-4.61z" fill="url(#w)"/><path d="M275.33 419.62l-8.95 7.21-7.55 6.7-6.3 6.2-5.17 5.76-4.18 5.35-3.29 4.98-2.51 4.63" fill="none" stroke="url(#x)"/><path d="M432.89 211.06l-10.36 16.31-9.71 14.3-9.11 12.46-8.53 10.77-7.98 9.24-7.48 7.86-7.01 6.59-6.56 5.47-6.16 4.45-5.78 3.55-5.45 2.73-3.92 2.06-3.83 1.61-3.75 1.2-3.69.81-5.04.57-4.68-.05-4.38-.61-4.24-1.19-3.69-1.64-3.2-2.08-2.14-1.9-1.75-2.08-1.37-2.28-1.03-2.5-.6-3.5-.1-3.9.48-3.91 1.08-3.69 1.11-2.28 1.39-1.95 1.7-1.66 1.98-1.23 2.36-.78 2.84-.27 2.86.3 3.46 1.01 4.22 1.91 2.97 2.27 2.3 2.51 1.71 2.79 1.23 3.05.78 3.23.34 3.43-.05 3.46-.38 3.49-.71 3.54-1.53 5.14-1.96 4.77-2.33 4.43-2.37 3.55-2.43 2.77-3.05 3.03-3.77 3.31-5.98 4.69-6.86 4.75-7.2 4.43-7.4 4-5.06 2.41-4.82 2-4.61 1.64-4.71 1.31-4.15.75-3.66.26" fill="none" stroke="url(#y)"/><path d="M905.17 384.27l.08 9.05-.46 8.45-.98 7.9-1.47 7.4-1.93 6.92-2.39 6.49-2.82 6.08-3.27 5.72-3.71 5.37-4.17 5.04-4.65 4.74-5.15 4.43-5.68 4.14-6.25 3.84-6.86 3.55" fill="none" stroke="url(#z)"/><path d="M828.36 493l-2.88-3.29-2.85-2.49-2.86-1.8-2.89-1.2-2.95-.64-3.07-.1-3.24.47-3.47 1.08-3.74 1.79-4.07 2.61-4.46 3.57-2.76 2.85-2.63 3.09-5.25 6.07-2.86 2.65-3.09 2.08-2.23 1.02-2.47.64-2.76.25 9.02 2.84 7.91 1.9 6.93 1.08 6.05.37 5.29-.23 4.61-.78 4.05-1.25 3.54-1.71 3.11-2.15 2.72-2.61 2.37-3.1 2.01-3.67 1.66-4.3 1.26-5.04z" fill="url(#A)"/><path d="M843.7 483.45l-1.29 1.96-2.06 2.11-3.02 2.31-4.22 2.51-5.71 2.75-7.51 2.99-9.65 3.22-12.15 3.47" fill="none" stroke="url(#B)"/></g><g><path d="M302 767l.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.69.26-1.69-.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-.82L388 745l-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.69L302 767z" fill="${funThemeColor(0.4)}" fill-rule="evenodd"/><g fill-rule="evenodd"><path d="M398.6 662.51l-13.58 8.82 8.82 13.59 13.58-8.82z" fill="url(#C)"/><path d="M369.55 666.45l2.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(#D)"/><path d="M364.42 655.79l4.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.22-.03-3.06.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="M380.7 631.75l1.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="M335.86 753.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.72l-7.82 2.2z" fill="url(#E)"/><path d="M399.89 730.78l-5.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(#F)"/><path d="M452.72 730.16l1.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(#G)"/><path d="M391.51 685l5.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.75.76-5.74.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(#H)" fill-rule="evenodd"/><path d="M320.95 711.64l18.79 6.84-.69 1.88-18.79-6.84z" fill="${funItemColor()}" fill-rule="evenodd"/><path d="M343.01 720.35l-4.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="M340.71 718.64l42.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.49h-2.7l-3.23-.56-5.56-2.32-13.02-6.36-25.36-13.22 3.51-9.09z" fill="url(#I)" fill-rule="evenodd"/></g></svg>`
    28. 

  28. 			}
    29. 

  29. 		},
    30. 

  30. 		props: {
    31. 

  31. 			description: {
    32. 

  32. 				type: String,
    33. 

  33. 				default: "暂无消息"
    34. 

  34. 			},
    35. 

  35. 			offsetTop: {
    36. 

  36. 				type: Number,
    37. 

  37. 				default: 0
    38. 

  38. 			},
    39. 

  39. 			offsetBottom: {
    40. 

  40. 				type: Number,
    41. 

  41. 				default: 0
    42. 

  42. 			}
    43. 

  43. 		},
    44. 

  44. 		methods: {
    45. 

  45. 			
    46. 

  46. 		}
    47. 

  47. 	}
    48. 

  48. </script>
    49. 

  49. 

  50. <style scoped>
    51. 

  51. 	._fr-empty {
    52. 

  52. 		/* #ifndef APP-PLUS-NVUE || UNI-APP-X */
    53. 

  53. 		display: flex;
    54. 

  54. 		flex-direction: column;
    55. 

  55. 		/* #endif */
    56. 

  56. 		align-items: center;
    57. 

  57. 	}
    58. 

  58. 

  59. 	._fr-empty__description {
    60. 

  60. 		font-size: 28rpx;
    61. 

  61. 		width: 456rpx;
    62. 

  62. 		margin-bottom: 24rpx;
    63. 

  63. 		text-align: center;
    64. 

  64. 		color: #A2ABB9;
    65. 

  65. 	}
    66. 

  66. </style>
    67.