Home-Care/hss-home-service/website/.nuxt/dist/server/_nuxt/TriEndDisplay-B5fVYJfo.js.map.json

{"file":"TriEndDisplay-B5fVYJfo.js","mappings":";;;;;;;;;;;;;;AAKO,YAAA,OAAAA,eAAAC,WAAA,EAAA,OAAM,qIAAiI,MAAA,CAAA,CAAA,sKAAA;;QAE9H,MAAM,QAAA;AAAA,QAAM,OAAM;AAAA,MAAA;uEAEQ,QAAA,KAAK,+EACe,QAAA,IAAI;;;;;;;;;;;;;;ACTlE,UAAM,OAAO;AAAA,MACX,EAAE,OAAO,YAAY,MAAM,4BAA4B,OAAO,kBAAkB,IAAI,iBAAiB,KAAK,SAAA;AAAA,MAC1G,EAAE,OAAO,mBAAmB,MAAM,8BAA8B,OAAO,iBAAiB,IAAI,gBAAgB,KAAK,aAAA;AAAA,MACjH,EAAE,OAAO,YAAY,MAAM,gCAAgC,OAAO,cAAc,IAAI,gBAAgB,KAAK,SAAA;AAAA,IAAS;;AAK7G,YAAA,OAAAD,eAAAC,WAAA,EAAA,OAAM,+BAA2B,MAAA,CAAA,CAAA,WAAA;oBACd,MAAI,CAAb,GAAG,MAAC;6BAENC,eAAA,CAAA,CAAA,EAAE,OAAO,EAAE,EAAE,GAAA,kFAAA,CAAA,wBAChB,OAAG,mCAAqC,EAAE,GAAG,EAAA,kBAChD,OAAK,EAAE,QAAK,YAAA,iIACuBC,eAAA,EAAE,KAAK,gEACaA,eAAA,EAAE,IAAI;;;;;;;;;;;;","names":["_ssrRenderAttrs","_mergeProps","_ssrRenderClass","_ssrInterpolate"],"sources":["../../../../components/CapabilityCard.vue","../../../../components/TriEndDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\ndefineProps<{ icon: string; title: string; desc: string }>()\n</script>\n\n<template>\n  <div class=\"bg-white rounded-2xl p-6 shadow-sm hover:shadow-md hover:-translate-y-1 transition-all duration-300 border border-gray-50 group\">\n    <div class=\"w-12 h-12 rounded-xl bg-primary-50 text-primary flex items-center justify-center mb-4 group-hover:bg-primary group-hover:text-white transition-colors\">\n      <AppIcon :name=\"icon\" class=\"w-6 h-6\" />\n    </div>\n    <h3 class=\"font-bold text-lg mb-2\">{{ title }}</h3>\n    <p class=\"text-sm text-text-secondary leading-relaxed\">{{ desc }}</p>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nconst ends = [\n  { title: '服务对象/家属端', desc: '申请服务、查看方案、签署确认、验收评价、支付结算', color: 'border-primary', bg: 'bg-primary-50', img: 'people' },\n  { title: '服务人员 Delivery 端', desc: '接单确认、GPS签到、项目级执行、异常上报、证据上传', color: 'border-accent', bg: 'bg-accent-50', img: 'technology' },\n  { title: '机构管理/监管端', desc: '受理派单、调度台、数据看板、质量监管、结算审核、合规审计', color: 'border-cta', bg: 'bg-orange-50', img: 'office' },\n]\n</script>\n\n<template>\n  <div class=\"grid md:grid-cols-3 gap-8\">\n    <div v-for=\"(e, i) in ends\" :key=\"i\"\n      class=\"rounded-2xl border-2 p-8 text-center transition-all duration-300 hover:shadow-lg\"\n      :class=\"[e.color, e.bg]\">\n      <img :src=\"`https://loremflickr.com/240/160/${e.img}`\"\n        :alt=\"e.title + '（示意素材，待替换）'\" class=\"w-full h-40 object-cover rounded-xl mb-6\" width=\"240\" height=\"160\" loading=\"lazy\" />\n      <h3 class=\"font-bold text-xl mb-3\">{{ e.title }}</h3>\n      <p class=\"text-sm text-text-secondary leading-relaxed\">{{ e.desc }}</p>\n    </div>\n  </div>\n</template>\n"],"version":3}