| 12 |
- var t=Object.defineProperty,e=Object.defineProperties,o=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,s=(e,o,r)=>o in e?t(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r;import{d as n,a as i,i as c,b as u}from"./icon4-CA11c3Wn.js";import{k as d,P as f,D as b,Q as g,R as m,X as p,V as x,x as v,G as C,aL as _,u as y,aN as h,a8 as w,W as k,bt as j,bu as B}from"./vendor-CgKklJ4r.js";import{_ as F}from"./_plugin-vue_export-helper-BCo6x5W8.js";import"./index-DF0Gm8tW.js";/* empty css *//* empty css */import{_ as P}from"./index-CTViQ-nJ.js";const O={class:"banner-content"},A={class:"banner-icon"},D=["src","alt"],E={class:"banner-text"},I={class:"banner-title"},z={class:"banner-description"},J={class:"banner-buttons"},S=d((V=((t,e)=>{for(var o in e||(e={}))l.call(e,o)&&s(t,o,e[o]);if(r)for(var o of r(e))a.call(e,o)&&s(t,o,e[o]);return t})({},{name:"ArtCardBanner"}),e(V,o({__name:"index",props:{height:{default:"24rem"},image:{default:n},title:{default:""},description:{default:""},button:{default:()=>({show:!0,text:"查看详情",color:"var(--main-color)",textColor:"#fff"})},cancelButton:{default:()=>({show:!1,text:"取消",color:"#f5f5f5",textColor:"#666"})}},emits:["click","cancel"],setup(t,{emit:e}){const o=t,r=e,l=()=>{r("click")},a=()=>{r("cancel")};return(t,e)=>{var r,s,n,i,c,u,d,v;return b(),f("div",{class:"card-banner art-custom-card",style:g({height:o.height})},[m("div",O,[m("div",A,[m("img",{src:o.image,alt:o.title},null,8,D)]),m("div",E,[m("p",I,p(o.title),1),m("p",z,p(o.description),1)]),m("div",J,[(null==(r=o.cancelButton)?void 0:r.show)?(b(),f("div",{key:0,class:"banner-button cancel-button",style:g({backgroundColor:null==(s=o.cancelButton)?void 0:s.color,color:null==(n=o.cancelButton)?void 0:n.textColor}),onClick:a},p(null==(i=o.cancelButton)?void 0:i.text),5)):x("",!0),(null==(c=o.button)?void 0:c.show)?(b(),f("div",{key:1,class:"banner-button",style:g({backgroundColor:null==(u=o.button)?void 0:u.color,color:null==(d=o.button)?void 0:d.textColor}),onClick:l},p(null==(v=o.button)?void 0:v.text),5)):x("",!0)])])],4)}}}))));var V;const G=F(S,[["__scopeId","data-v-d81e6e0b"]]),L={class:"banners"},N={style:{"margin-top":"12px"}},Q=F(d({__name:"index",setup(t){const e=()=>{},o=()=>{},r=()=>{},l={title:"限时优惠活动",subtitle:"精选商品 48 小时闪购，最高享受 7 折优惠，数量有限！",titleColor:"var(--art-gray-900)",subtitleColor:"var(--art-gray-900)",backgroundColor:"rgb(var(--art-success), 0.1)",meteorConfig:{enabled:!0,count:15},buttonConfig:{show:!0,text:"立即抢购",color:"rgb(var(--art-success), 0.9)",textColor:"#fff"}},a={title:"服务到期提醒",subtitle:"您的高级服务将在 7 天后到期，请及时续费以继续享受完整功能。",titleColor:"var(--art-gray-900)",subtitleColor:"var(--art-gray-900)",backgroundColor:"rgb(var(--art-primary), 0.1)",meteorConfig:{enabled:!0,count:15},buttonConfig:{show:!0,text:"立即续费",color:"rgb(var(--art-secondary), 0.9)",textColor:"#fff"}};return(t,s)=>{const n=P,d=_,g=w,p=G;return b(),f("div",L,[s[3]||(s[3]=m("h1",{class:"page-title"},"基础 & 自定义按钮+背景色",-1)),v(y(h),{gutter:20},{default:C((()=>[v(d,{xs:24,sm:12,md:12},{default:C((()=>[v(n,{title:"数据中心运行状态",subtitle:"系统访问量同比增长 23%，所有服务运行稳定，数据监控正常。"})])),_:1}),v(d,{xs:24,sm:12,md:12},{default:C((()=>[v(n,{title:"欢迎使用 Art Design Pro",subtitle:"基于 Vue 3 + TypeScript + Element Plus 构建的现代化管理系统。",titleColor:"#333",subtitleColor:"#666",backgroundColor:"#D4F1F7",buttonConfig:{show:!0,text:"开始探索",color:"rgb(var(--art-success))",textColor:"#fff",radius:"6px"},onButtonClick:e})])),_:1})])),_:1}),s[4]||(s[4]=m("h1",{class:"page-title"},"自定义图片 & 使用 slot 自定义内容",-1)),v(y(h),{gutter:20},{default:C((()=>[v(d,{xs:24,sm:12,md:12},{default:C((()=>[v(n,{title:"探索星空计划",subtitle:"加入我们的天文观测活动，发现宇宙的奥秘",backgroundColor:"#FF8AAB",buttonConfig:{show:!0,text:"立即参与",color:"#FF5A89",textColor:"#fff"},imageConfig:{src:y(i)}},null,8,["imageConfig"])])),_:1}),v(d,{xs:24,sm:12,md:12},{default:C((()=>[v(n,{backgroundColor:"#70B1FF",imageConfig:{src:y("/assets/icon7-Bv7tEJJc.webp")}},{title:C((()=>s[0]||(s[0]=[m("h2",{style:{margin:"0","font-size":"1.6rem",color:"#fff !important"}},"智能组件系统",-1)]))),subtitle:C((()=>s[1]||(s[1]=[m("div",{style:{"margin-top":"12px"}},[m("p",{style:{position:"relative","z-index":"10","font-style":"italic"}},"灵活配置，强大扩展，支持自定义插槽内容")],-1)]))),button:C((()=>[m("div",N,[v(g,{type:"primary",color:"#04A1FF"},{default:C((()=>s[2]||(s[2]=[k(" 查看文档 ")]))),_:1,__:[2]})])])),_:1},8,["imageConfig"])])),_:1})])),_:1}),s[5]||(s[5]=m("h1",{class:"page-title"},"抽象配置方案（Preset 模式）",-1)),v(y(h),{gutter:20},{default:C((()=>[v(d,{xs:24,sm:12,md:12},{default:C((()=>[v(n,j(B(l)),null,16)])),_:1}),v(d,{xs:24,sm:12,md:12},{default:C((()=>[v(n,j(B(a)),null,16)])),_:1})])),_:1}),s[6]||(s[6]=m("h1",{class:"page-title"},"卡片横幅",-1)),v(y(h),{gutter:20},{default:C((()=>[v(d,{xs:24,sm:12,md:12,lg:6},{default:C((()=>[v(p,{title:"系统运行正常",description:"所有核心服务运行稳定，响应时间在正常范围内。"})])),_:1}),v(d,{xs:24,sm:12,md:12,lg:6},{default:C((()=>[v(p,{image:y(c),title:"重要消息通知",description:"您有 3 条待处理的重要消息，请及时查看。",button:{show:!0,text:"查看详情",color:"rgb(var(--art-warning))",textColor:"#fff"}},null,8,["image"])])),_:1}),v(d,{xs:24,sm:12,md:12,lg:6},{default:C((()=>[v(p,{image:y(i),title:"数据分析报告",description:"本周业务数据分析报告已完成，请查看关键指标。",button:{show:!0,text:"下载报告",color:"rgb(var(--art-error))",textColor:"#fff"}},null,8,["image"])])),_:1}),v(d,{xs:24,sm:12,md:12,lg:6},{default:C((()=>[v(p,{image:y(u),title:"版本更新提醒",description:"Art Design Pro v2.1.0 已发布，包含性能优化和新功能。",button:{show:!0,text:"立即更新",color:"rgb(var(--art-primary))",textColor:"#fff"},cancelButton:{show:!0,text:"稍后提醒",color:"#eee",textColor:"#333"},onClick:o,onCancel:r},null,8,["image"])])),_:1})])),_:1})])}}}),[["__scopeId","data-v-611682b7"]]);export{Q as default};
|
