From 25708e3f81956c1517f495e3303a6c8d08bb730c Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 25 十二月 2025 16:09:02 +0800
Subject: [PATCH] fix: 甲方小程序
---
packages/components/src/Card/MineServiceDetailView.vue | 109 ++++++++++++++----------------------------------------
1 files changed, 29 insertions(+), 80 deletions(-)
diff --git a/packages/components/src/Card/MineServiceDetailView.vue b/packages/components/src/Card/MineServiceDetailView.vue
index a4e49ed..9a2874d 100644
--- a/packages/components/src/Card/MineServiceDetailView.vue
+++ b/packages/components/src/Card/MineServiceDetailView.vue
@@ -1,30 +1,17 @@
<template>
<div class="mine-service-detail-view-wrapper">
- <div class="mine-service-detail-view-address mine-service-detail-card">
- <div class="mine-service-detail-view-title-wrapper">
- <div class="mine-service-detail-view-title">鏈嶅姟鍦板潃</div>
- </div>
- <div class="mine-service-detail-view-item">娴欐睙鐪佸畞娉㈠競閯炲窞鍖烘渤娓呭寳璺�55鍙峰崥娴ぇ鍘�24灞�</div>
- <div class="mine-service-detail-view-item">闃抽槼 13333333333</div>
- </div>
- <div class="mine-service-detail-card">
- <nut-card
- :img-url="'//img10.360buyimg.com/n2/s240x240_jfs/t1/210890/22/4728/163829/6163a590Eb7c6f4b5/6390526d49791cb9.jpg!q70.jpg'"
- :title="'鏈嶅姟鍚嶇О'"
- :price="'155.00'"
- >
- <template #prolist>
- <div class="card-tag-list">
- <span class="tag">娲婚矞</span>
- <span class="tag">绀肩洅</span>
- <span class="tag">鍥戒骇</span>
- </div>
- </template>
- <template #origin>
- <div></div>
- </template>
- </nut-card>
- </div>
+ <ServiceDetailAddressCard
+ :name="contactName"
+ :contactPhoneNumber="contactPhoneNumber"
+ :addressDetail="addressDetail"
+ />
+ <ServiceDetailGoodCard
+ :name="serviceName"
+ :price="price"
+ :specName="specName"
+ :specNumber="specNumber"
+ :imgUrl="imgUrl"
+ />
<List>
<ListItem title="璁㈠崟鐘舵��" :showArrow="false">
@@ -54,20 +41,29 @@
</template>
<script setup lang="ts">
-import Taro from '@tarojs/taro';
-import { List, ListItem } from '@12333/components';
+import List from '../List/List.vue';
+import ListItem from '../List/ListItem.vue';
+import ServiceDetailAddressCard from './ServiceDetailAddressCard.vue';
+import ServiceDetailGoodCard from './ServiceDetailGoodCard.vue';
defineOptions({
name: 'MineServiceDetailView',
});
-// type Props = {
+type Props = {
+ contactName?: string;
+ /** 鑱旂郴鐢佃瘽 */
+ contactPhoneNumber?: string;
+ /** 鐪佸競鍖�+璇︾粏鍦板潃+闂ㄧ墝鍙� */
+ addressDetail?: string;
+ serviceName?: string;
+ price?: number;
+ specName?: string;
+ specNumber?: number;
+ imgUrl?: string;
+};
-// }
-
-// const props = withDefaults(defineProps<Props>(), {
-
-// })
+const props = withDefaults(defineProps<Props>(), {});
</script>
<style lang="scss">
@@ -79,53 +75,6 @@
margin-bottom: 24px;
background-color: #fff;
border-radius: 12px;
-
- .card-tag-list {
- margin: 6px 0 2px;
- height: 30px;
- overflow: hidden;
- display: flex;
-
- .tag {
- padding: 0 10px;
- border-radius: 2px;
- font-size: 20px;
- height: 30px;
- line-height: 30px;
- color: #999;
- background-color: #f2f2f7;
- margin-right: 10px;
- }
- }
- }
-
- .mine-service-detail-view-address {
- .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-list-item {
--
Gitblit v1.10.0