You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
88 lines
10 KiB
88 lines
10 KiB
import{g as p,q as g,O as y,o as r,c as n,a as i,z as c,t as x,r as h,j as $,J as u,d as w}from"./index-1784132466083.js";const F=""+new URL("title-zs1-c15a5ee8-balabala-1784132466083.svg",import.meta.url).href,v=""+new URL("saoguang-ccf84a88-balabala-1784132466083.svg",import.meta.url).href,b=""+new URL("content-bottom-left-arrow-3a8a61f3-balabala-1784132466083.svg",import.meta.url).href,V=""+new URL("content-bottom-right-arrow-a3c5270d-balabala-1784132466083.svg",import.meta.url).href,f=""+new URL("content-middle-line-162bc0d5-balabala-1784132466083.svg",import.meta.url).href;const L={class:"m-card-hd"},H={class:"m-card-hd-bg"},U=["width","viewBox"],B=["clip-path"],E=["width"],M=["id"],S=["d"],Z=["d","fill"],G=["d","fill","mask"],C=["clip-path"],O=["x1"],k=["id","x1"],D=["id"],T=["id"],N=["width"],R=["id"],z={class:"m-card-hd-title"},A={key:0,class:"m-card-hd-extra"},P=["width","height","viewBox"],I=["opacity"],j=["d","fill"],q=["d"],J={class:"m-card-bd-content"},K={__name:"index",props:{width:{type:Number,default:398},height:{type:Number,default:200},title:{type:String,default:"标题"},bodyFill:{type:String,default:"rgba(26, 57, 77, 1)"},bodyOpacity:{type:Number,default:.6}},setup(e){const s=e,a=w(1),_=p(()=>{let l=s.width;return`M165 0.5
|
|
L165.707 -0.207107
|
|
L165.414 -0.5
|
|
H165
|
|
V0.5Z
|
|
M10 0.5
|
|
V-0.5
|
|
H9.58579
|
|
L9.29289 -0.207107
|
|
L10 0.5Z
|
|
M175 10.5
|
|
L174.293 11.2071
|
|
L174.586 11.5
|
|
H175
|
|
V10.5Z
|
|
M${l} 10.5
|
|
H${l+1}
|
|
V9.5
|
|
H${l}
|
|
V10.5Z
|
|
M${l} 34.5
|
|
V35.5
|
|
H${l+1}
|
|
V34.5
|
|
H${l}Z
|
|
M0 34.5
|
|
H-1
|
|
V35.5
|
|
H0
|
|
V34.5Z
|
|
M0 10.5
|
|
L-0.707107 9.79289
|
|
L-1 10.0858
|
|
V10.5
|
|
H0Z
|
|
M165 -0.5
|
|
H10
|
|
V1.5
|
|
H165
|
|
V-0.5Z
|
|
M175.707 9.79289
|
|
L165.707 -0.207107
|
|
L164.293 1.20711
|
|
L174.293 11.2071
|
|
L175.707 9.79289Z
|
|
M${l} 9.5
|
|
H175
|
|
V11.5
|
|
H${l}
|
|
V9.5Z
|
|
M${l+1} 34.5
|
|
V10.5
|
|
H397
|
|
V34.5
|
|
H${l+1}Z
|
|
M0 35.5
|
|
H${l}
|
|
V33.5
|
|
H0
|
|
V35.5Z
|
|
M-1 10.5
|
|
V34.5
|
|
H1
|
|
V10.5
|
|
H-1Z
|
|
M9.29289 -0.207107
|
|
L-0.707107 9.79289
|
|
L0.707107 11.2071
|
|
L10.7071 1.20711
|
|
L9.29289 -0.207107Z`}),m=p(()=>{let t=s.height-156,o=s.width;return`M3.485 ${46.0565+t/2}
|
|
V${45.8735+t/2}
|
|
L3.36682 ${45.7337+t/2}
|
|
L0.5 ${42.343+t/2}
|
|
V1
|
|
H${o-.5}
|
|
V${42.3431+t/2}
|
|
L${o-3.367} ${45.7337+t/2}
|
|
L${o-3.485} ${45.8735+t/2}
|
|
V${46.0565+t/2}
|
|
L${o-3.367} ${88.745+t/2}
|
|
L${o-.5} ${92.135+t/2}
|
|
V${155+t}
|
|
H0.5
|
|
V${92.135+t/2}
|
|
L3.36682 ${88.745+t/2}
|
|
L3.485 ${88.605+t/2}
|
|
V${88.422+t/2}
|
|
V${46.0565+t/2}Z`}),d=p(()=>`width:${s.width}px;height:${s.height}px;`);return g(()=>{a.value="__"+y().uid}),(l,t)=>(r(),n("div",{class:"m-card",style:u(d.value)},[i("div",L,[i("div",H,[(r(),n("svg",{width:e.width,height:"36",viewBox:`0 0 ${e.width} 36`,fill:"none",xmlns:"http://www.w3.org/2000/svg"},[i("g",{"clip-path":`url(#clip0_70_69244${a.value})`},[i("rect",{y:"34.5",width:e.width,height:"1",fill:"url(#paint0_linear_70_69244)"},null,8,E),i("mask",{id:`path-2-inside-1_70_69244${a.value}`,fill:"white"},[i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:`M10 0.5H165L175 10.5H${e.width}V34.5H0V10.5L10 0.5Z`},null,8,S)],8,M),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:`M10 0.5H165L175 10.5H${e.width}V34.5H0V10.5L10 0.5Z`,fill:`url(#paint1_linear_70_69244${a.value})`},null,8,Z),i("path",{d:_.value,fill:`url(#paint2_linear_70_69244${a.value})`,mask:`url(#path-2-inside-1_70_69244${a.value})`},null,8,G),t[1]||(t[1]=c('<g opacity="0.5"><mask id="mask0_70_69244" style="mask-type:alpha;" maskUnits="userSpaceOnUse" x="12" y="-12" width="165" height="29"><g style="mix-blend-mode:plus-lighter;" opacity="0.8"><path d="M177 2.5C177 -4.22 139.531 -11.5 93.9677 -11.5C48.4043 -11.5 12 -5.23199 12 2.5C12 10.232 48.4043 16.5 93.9677 16.5C139.531 16.5 177 9.22 177 2.5Z" fill="url(#paint3_diamond_70_69244)"></path></g></mask><g mask="url(#mask0_70_69244)"><g style="mix-blend-mode:plus-lighter;" opacity="0.8"><path d="M177 0.999998C177 -6 137.934 -11.5 92.371 -11.5C46.8075 -11.5 12 -5.90356 12 0.999998C12 7.90356 46.8075 13.5 92.371 13.5C137.934 13.5 177 8 177 0.999998Z" fill="url(#paint4_diamond_70_69244)"></path></g></g></g><g style="mix-blend-mode:plus-lighter;" opacity="0.1"><ellipse cx="81.5264" cy="12.5" rx="81.5264" ry="12.5" transform="matrix(1 0 0 -1 12 13.5)" fill="url(#paint5_radial_70_69244)"></ellipse></g><path d="M0 0.5H6L0 6.5V0.5Z" fill="#30DCFF"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M170 0.5H398V7.5H177L170 0.5Z" fill="url(#paint6_linear_70_69244)"></path>',4)),i("g",{style:{"mix-blend-mode":"plus-lighter"},"clip-path":`url(#clip1_70_69244${a.value})`},[...t[0]||(t[0]=[c('<g style="mix-blend-mode:plus-lighter;" opacity="0.8"><ellipse cx="65" cy="2.16667" rx="65" ry="2.16667" transform="matrix(1 1.64302e-07 0.0495776 0.99877 27.6855 -1.82568)" fill="url(#paint7_radial_70_69244)"></ellipse></g><g style="mix-blend-mode:plus-lighter;" opacity="0.5"><ellipse cx="28.7857" cy="4.16667" rx="28.7857" ry="4.16667" transform="matrix(1 1.64302e-07 0.0495776 0.99877 63.8008 -3.82324)" fill="url(#paint8_radial_70_69244)"></ellipse></g><g style="mix-blend-mode:plus-lighter;" opacity="0.54"><ellipse cx="23.2143" cy="2.16667" rx="23.2143" ry="2.16667" transform="matrix(1 1.64302e-07 0.0495776 0.99877 69.4727 -1.82568)" fill="url(#paint9_radial_70_69244)"></ellipse></g><g style="mix-blend-mode:plus-lighter;" opacity="0.8"><ellipse cx="9.28571" cy="2.16667" rx="9.28571" ry="2.16667" transform="matrix(1 1.64302e-07 0.0495776 0.99877 83.4004 -1.82568)" fill="url(#paint10_radial_70_69244)"></ellipse></g>',4)])],8,C)],8,B),i("defs",null,[i("linearGradient",{id:"paint0_linear_70_69244",x1:e.width,y1:"35.5021",x2:"0",y2:"35.5021",gradientUnits:"userSpaceOnUse"},[...t[2]||(t[2]=[i("stop",{"stop-color":"#35A8EB","stop-opacity":"0.1"},null,-1),i("stop",{offset:"1","stop-color":"#30DCFF"},null,-1)])],8,O),i("linearGradient",{id:`paint1_linear_70_69244${a.value}`,x1:e.width,y1:"17.5",x2:"7.94819",y2:"17.5",gradientUnits:"userSpaceOnUse"},[...t[3]||(t[3]=[i("stop",{offset:"0.0364889","stop-color":"#35A8EB","stop-opacity":"0.11"},null,-1),i("stop",{offset:"1","stop-color":"#30C1FF","stop-opacity":"0.27"},null,-1)])],8,k),i("linearGradient",{id:`paint2_linear_70_69244${a.value}`,x1:"40.8948",y1:"13.5",x2:"40.895",y2:"-6.50005",gradientUnits:"userSpaceOnUse"},[...t[4]||(t[4]=[i("stop",{"stop-color":"#35A8EB","stop-opacity":"0"},null,-1),i("stop",{offset:"1","stop-color":"#30DCFF"},null,-1)])],8,D),t[6]||(t[6]=c('<radialGradient id="paint3_diamond_70_69244" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(94.5 3.62) rotate(-90) scale(41.1199 76.576)"><stop stop-color="#B7EEFF"></stop><stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"></stop><stop offset="1" stop-color="#6BD4FF" stop-opacity="0"></stop></radialGradient><radialGradient id="paint4_diamond_70_69244" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(84.3871 2.00005) rotate(-90) scale(14.0001 188.259)"><stop stop-color="#B7EEFF"></stop><stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"></stop><stop offset="1" stop-color="#6BD4FF" stop-opacity="0"></stop></radialGradient><radialGradient id="paint5_radial_70_69244" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(80.7192 12.5) rotate(90) scale(12.5 73.8747)"><stop stop-color="#00B1E9"></stop><stop offset="1" stop-color="#6BD4FF" stop-opacity="0"></stop></radialGradient><linearGradient id="paint6_linear_70_69244" x1="567.258" y1="5.49999" x2="177.933" y2="5.49993" gradientUnits="userSpaceOnUse"><stop offset="0.429792" stop-color="#35A8EB" stop-opacity="0"></stop><stop offset="1" stop-color="#30C1FF" stop-opacity="0.27"></stop></linearGradient><radialGradient id="paint7_radial_70_69244" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(64.3564 2.16667) rotate(90.0001) scale(2.16667 64.3564)"><stop stop-color="#B7EEFF"></stop><stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"></stop><stop offset="1" stop-color="#6BD4FF" stop-opacity="0"></stop></radialGradient><radialGradient id="paint8_radial_70_69244" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.5007 4.16667) rotate(90) scale(4.16667 28.5007)"><stop stop-color="#B7EEFF"></stop><stop offset="1" stop-color="#6BD4FF" stop-opacity="0"></stop></radialGradient><radialGradient id="paint9_radial_70_69244" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(22.9844 2.16667) rotate(90) scale(2.16667 22.9844)"><stop stop-color="#B7EEFF"></stop><stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"></stop><stop offset="1" stop-color="#6BD4FF" stop-opacity="0"></stop></radialGradient><radialGradient id="paint10_radial_70_69244" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.19377 2.16667) rotate(90) scale(2.16667 9.19377)"><stop stop-color="#B7EEFF"></stop><stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"></stop><stop offset="1" stop-color="#6BD4FF" stop-opacity="0"></stop></radialGradient>',8)),i("clipPath",{id:`clip0_70_69244${a.value}`},[i("rect",{width:e.width,height:"35",fill:"white",transform:"translate(0 0.5)"},null,8,N)],8,T),i("clipPath",{id:`clip1_70_69244${a.value}`},[...t[5]||(t[5]=[i("rect",{width:"130",height:"4",fill:"white",transform:"matrix(1 1.64302e-07 -0.0495776 -0.99877 28 4.5)"},null,-1)])],8,R)])],8,U))]),t[7]||(t[7]=i("img",{class:"m-card-hd-zs1",src:F,alt:""},null,-1)),t[8]||(t[8]=i("div",{class:"saoguang"},[i("img",{src:v,alt:""})],-1)),i("div",z,x(e.title),1),l.$slots.extra?(r(),n("div",A,[h(l.$slots,"extra")])):$("",!0)]),i("div",{class:"m-card-bd",style:u(d.value)},[i("div",{class:"m-card-bd-bg",style:u(d.value)},[(r(),n("svg",{width:e.width,height:e.height,viewBox:`0 0 ${e.width} ${e.height}`,fill:"none",xmlns:"http://www.w3.org/2000/svg"},[i("g",{opacity:e.bodyOpacity},[i("path",{d:m.value,fill:e.bodyFill},null,8,j),i("path",{d:m.value,stroke:"url(#paint1_linear_70_69585)"},null,8,q)],8,I),t[9]||(t[9]=i("defs",null,[i("linearGradient",{id:"paint1_linear_70_69585",x1:"199",y1:"203.499",x2:"199",y2:"0.499359",gradientUnits:"userSpaceOnUse"},[i("stop",{"stop-color":"#4FC5DD"}),i("stop",{offset:"1","stop-color":"#05839D","stop-opacity":"0"})])],-1))],8,P)),t[10]||(t[10]=i("img",{class:"m-card-bd-bottom-left-arrow",src:b,alt:""},null,-1)),t[11]||(t[11]=i("img",{class:"m-card-bd-bottom-right-arrow",src:V,alt:""},null,-1)),t[12]||(t[12]=i("img",{class:"m-card-bd-middle-left-line",src:f,alt:""},null,-1)),t[13]||(t[13]=i("img",{class:"m-card-bd-middle-right-line",src:f,alt:""},null,-1))],4),i("div",J,[h(l.$slots,"default")])],4)],4))}};export{K as _};
|
|
|