From 1d472eb06970c85b0edfb58871956bc2c8d69916 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 25 十二月 2025 17:44:46 +0800
Subject: [PATCH] fix: 甲方小程序
---
packages/components/src/Card/ServiceDetailAddressCard.vue | 84 ++++++++++++++++++++++++++++++++++++++++++
1 files changed, 84 insertions(+), 0 deletions(-)
diff --git a/packages/components/src/Card/ServiceDetailAddressCard.vue b/packages/components/src/Card/ServiceDetailAddressCard.vue
new file mode 100644
index 0000000..80ddcc0
--- /dev/null
+++ b/packages/components/src/Card/ServiceDetailAddressCard.vue
@@ -0,0 +1,84 @@
+<template>
+ <div class="mine-service-detail-view-address">
+ <div class="mine-service-detail-view-address-inner">
+ <div class="mine-service-detail-view-title-wrapper">
+ <div class="mine-service-detail-view-title">鏈嶅姟鍦板潃</div>
+ </div>
+ <div class="mine-service-detail-view-item">{{ addressDetail }}</div>
+ <div class="mine-service-detail-view-item">{{ name }} {{ contactPhoneNumber }}</div>
+ </div>
+ <img v-if="showArrow" :src="IconArrow" class="mine-service-detail-view-arrow" />
+ </div>
+</template>
+
+<script setup lang="ts">
+import IconArrow from '@/assets/setting/icon-arrow.png';
+
+defineOptions({
+ name: 'ServiceDetailAddressCard',
+});
+
+type Props = {
+ name?: string;
+ /** 鑱旂郴鐢佃瘽 */
+ contactPhoneNumber?: string;
+ /** 鐪佸競鍖�+璇︾粏鍦板潃+闂ㄧ墝鍙� */
+ addressDetail?: string;
+ showArrow?: boolean;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+ showArrow: false,
+});
+</script>
+
+<style lang="scss">
+@import '@/styles/common.scss';
+
+.mine-service-detail-view-address {
+ padding: 24px 32px;
+ margin-bottom: 24px;
+ background-color: #fff;
+ border-radius: 12px;
+ display: flex;
+ align-items: center;
+
+ .mine-service-detail-view-address-inner {
+ flex: 1;
+ min-width: 0;
+ }
+
+ .mine-service-detail-view-title-wrapper {
+ display: flex;
+ align-items: center;
+ margin-bottom: 14px;
+
+ .mine-service-detail-view-title {
+ flex: 1;
+ min-width: 0;
+ @include ellipsis;
+ font-size: 30px;
+ color: boleGetCssVar('text-color', 'primary');
+ line-height: 42px;
+ }
+ }
+
+ .mine-service-detail-view-item {
+ font-weight: 400;
+ @include ellipsis;
+ font-size: 24px;
+ color: boleGetCssVar('text-color', 'primary');
+ line-height: 36px;
+
+ & + .mine-service-detail-view-item {
+ margin-top: 14px;
+ }
+ }
+
+ .mine-service-detail-view-arrow {
+ width: 32px;
+ height: 32px;
+ margin-left: 12px;
+ }
+}
+</style>
--
Gitblit v1.10.0