From d042bb3c5679375956c7616e6b1afe681fb82d9b Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期三, 24 十二月 2025 16:12:02 +0800
Subject: [PATCH] fix: 甲方小程序
---
apps/housekeepingMiniApp/src/pages/home/StandardServiceCard.vue | 75 +++++++++++++++++++++++++++++++++++++
1 files changed, 75 insertions(+), 0 deletions(-)
diff --git a/apps/housekeepingMiniApp/src/pages/home/StandardServiceCard.vue b/apps/housekeepingMiniApp/src/pages/home/StandardServiceCard.vue
new file mode 100644
index 0000000..fb079f0
--- /dev/null
+++ b/apps/housekeepingMiniApp/src/pages/home/StandardServiceCard.vue
@@ -0,0 +1,75 @@
+<template>
+ <div class="standard-service-card-wrapper">
+ <img :src="setOSSLink(file)" class="standard-service-card-cover" />
+ <div class="standard-service-card-content">
+ <div class="standard-service-card-content-title">{{ name }}</div>
+ <div class="standard-service-card-content-price-wrapper">
+ <div class="standard-service-card-content-price">{{ minSpecPrice ?? 0 }}</div>
+ <div class="standard-service-card-content-suffix">璧�</div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script setup lang="ts">
+import { setOSSLink } from '@12333/utils';
+
+defineOptions({
+ name: 'StandardServiceCard',
+});
+
+type Props = {
+ id?: string;
+ file?: string;
+ name?: string;
+ /** 鏈�浣庤鏍间环鏍� */
+ minSpecPrice?: number;
+};
+
+const props = withDefaults(defineProps<Props>(), {});
+</script>
+
+<style lang="scss">
+@import '@/styles/common.scss';
+
+.standard-service-card-wrapper {
+ background-color: #fff;
+ border-radius: 12px;
+
+ .standard-service-card-cover {
+ height: 240px;
+ border-radius: 12px;
+ object-fit: cover;
+ width: 100%;
+ }
+
+ .standard-service-card-content {
+ padding: 16px;
+ padding-bottom: 24px;
+
+ .standard-service-card-content-title {
+ font-weight: 600;
+ font-size: 28px;
+ color: boleGetCssVar('text-color', 'primary');
+ margin-bottom: 24px;
+ }
+
+ .standard-service-card-content-price-wrapper {
+ display: flex;
+ align-items: flex-end;
+
+ .standard-service-card-content-price {
+ font-weight: 600;
+ font-size: 32px;
+ color: #ff3949;
+ }
+
+ .standard-service-card-content-suffix {
+ font-weight: 400;
+ font-size: 24px;
+ color: #ff3949;
+ }
+ }
+ }
+}
+</style>
--
Gitblit v1.10.0