From e75076815db5ab6870353d0760b962b671e7c56f Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期二, 23 十二月 2025 17:50:28 +0800
Subject: [PATCH] fix: 甲方小程序
---
apps/housekeepingMiniApp/src/subpackages/components/MineServiceDetailView.vue | 105 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 105 insertions(+), 0 deletions(-)
diff --git a/apps/housekeepingMiniApp/src/subpackages/components/MineServiceDetailView.vue b/apps/housekeepingMiniApp/src/subpackages/components/MineServiceDetailView.vue
new file mode 100644
index 0000000..45bb7e0
--- /dev/null
+++ b/apps/housekeepingMiniApp/src/subpackages/components/MineServiceDetailView.vue
@@ -0,0 +1,105 @@
+<template>
+ <div class="mine-service-detail-view-wrapper">
+ <div class="mine-service-detail-view-address">
+ <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>
+ <nut-card
+ :img-url="'//img10.360buyimg.com/n2/s240x240_jfs/t1/210890/22/4728/163829/6163a590Eb7c6f4b5/6390526d49791cb9.jpg!q70.jpg'"
+ :title="'鏈嶅姟鍚嶇О'"
+ :price="'155.00'"
+ vip-price=""
+ ></nut-card>
+ <List>
+ <ListItem title="璁㈠崟鐘舵��" :showArrow="false">
+ <template #extra>
+ <div class="mine-service-detail-view-list-item">{{ '璁㈠崟鐘舵��' }}</div>
+ </template>
+ </ListItem>
+ <ListItem title="鏈嶅姟鏃堕棿" :showArrow="false">
+ <template #extra>
+ <div class="mine-service-detail-view-list-item">
+ {{ '2025-12-12 12:00-14:00' }}
+ </div>
+ </template>
+ </ListItem>
+ <ListItem title="鏈嶅姟鏈烘瀯" :showArrow="false">
+ <template #extra>
+ <div class="mine-service-detail-view-list-item">{{ 'xxxxx鍏徃' }}</div>
+ </template>
+ </ListItem>
+ <ListItem title="澶囨敞" :showArrow="false">
+ <template #extra>
+ <div class="mine-service-detail-view-list-item">{{ '鎴戞槸澶囨敞淇℃伅' }}</div>
+ </template>
+ </ListItem>
+ </List>
+ </div>
+</template>
+
+<script setup lang="ts">
+import Taro from '@tarojs/taro';
+import { List, ListItem } from '@12333/components';
+
+defineOptions({
+ name: 'MineServiceDetailView',
+});
+
+// type Props = {
+
+// }
+
+// const props = withDefaults(defineProps<Props>(), {
+
+// })
+</script>
+
+<style lang="scss">
+@import '@/styles/common.scss';
+
+.mine-service-detail-view-wrapper {
+ .mine-service-detail-view-address {
+ padding: 24px 32px;
+ margin-bottom: 24px;
+ background-color: #fff;
+ border-radius: 12px;
+
+ .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 {
+ font-weight: 400;
+ font-size: 28px;
+ color: boleGetCssVar('text-color', 'secondary');
+ line-height: 40px;
+ }
+}
+</style>
--
Gitblit v1.10.0