comclib
c02029a5f3
- Spring Boot 后端服务 (hss-home-service) - delivery-miniapp 配送小程序 - website 官网 (Nuxt) - docs 架构设计文档 - Docker 容器化部署配置 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
59 lines
3.3 KiB
JavaScript
59 lines
3.3 KiB
JavaScript
import { _ as _sfc_main$2 } from "./AppIcon--JRwwp2l.js";
|
|
import { defineComponent, mergeProps, useSSRContext } from "vue";
|
|
import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderClass, ssrRenderAttr } from "vue/server-renderer";
|
|
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
__name: "CapabilityCard",
|
|
__ssrInlineRender: true,
|
|
props: {
|
|
icon: {},
|
|
title: {},
|
|
desc: {}
|
|
},
|
|
setup(__props) {
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
const _component_AppIcon = _sfc_main$2;
|
|
_push(`<div${ssrRenderAttrs(mergeProps({ 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" }, _attrs))}><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">`);
|
|
_push(ssrRenderComponent(_component_AppIcon, {
|
|
name: __props.icon,
|
|
class: "w-6 h-6"
|
|
}, null, _parent));
|
|
_push(`</div><h3 class="font-bold text-lg mb-2">${ssrInterpolate(__props.title)}</h3><p class="text-sm text-text-secondary leading-relaxed">${ssrInterpolate(__props.desc)}</p></div>`);
|
|
};
|
|
}
|
|
});
|
|
const _sfc_setup$1 = _sfc_main$1.setup;
|
|
_sfc_main$1.setup = (props, ctx) => {
|
|
const ssrContext = useSSRContext();
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/CapabilityCard.vue");
|
|
return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
|
|
};
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
__name: "TriEndDisplay",
|
|
__ssrInlineRender: true,
|
|
setup(__props) {
|
|
const ends = [
|
|
{ title: "服务对象/家属端", desc: "申请服务、查看方案、签署确认、验收评价、支付结算", color: "border-primary", bg: "bg-primary-50", img: "people" },
|
|
{ title: "服务人员 Delivery 端", desc: "接单确认、GPS签到、项目级执行、异常上报、证据上传", color: "border-accent", bg: "bg-accent-50", img: "technology" },
|
|
{ title: "机构管理/监管端", desc: "受理派单、调度台、数据看板、质量监管、结算审核、合规审计", color: "border-cta", bg: "bg-orange-50", img: "office" }
|
|
];
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
_push(`<div${ssrRenderAttrs(mergeProps({ class: "grid md:grid-cols-3 gap-8" }, _attrs))}><!--[-->`);
|
|
ssrRenderList(ends, (e, i) => {
|
|
_push(`<div class="${ssrRenderClass([[e.color, e.bg], "rounded-2xl border-2 p-8 text-center transition-all duration-300 hover:shadow-lg"])}"><img${ssrRenderAttr("src", `https://loremflickr.com/240/160/${e.img}`)}${ssrRenderAttr("alt", e.title + "（示意素材，待替换）")} class="w-full h-40 object-cover rounded-xl mb-6" width="240" height="160" loading="lazy"><h3 class="font-bold text-xl mb-3">${ssrInterpolate(e.title)}</h3><p class="text-sm text-text-secondary leading-relaxed">${ssrInterpolate(e.desc)}</p></div>`);
|
|
});
|
|
_push(`<!--]--></div>`);
|
|
};
|
|
}
|
|
});
|
|
const _sfc_setup = _sfc_main.setup;
|
|
_sfc_main.setup = (props, ctx) => {
|
|
const ssrContext = useSSRContext();
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/TriEndDisplay.vue");
|
|
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
|
};
|
|
export {
|
|
_sfc_main$1 as _,
|
|
_sfc_main as a
|
|
};
|
|
//# sourceMappingURL=TriEndDisplay-B5fVYJfo.js.map
|