From 79945d68582b3038bb3c7617fb53394884ad0ac0 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期三, 12 二月 2025 17:41:56 +0800
Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp
---
apps/cMiniApp/src/subpackages/task/taskCheckDetail/InnerPage.vue | 130 +++++++++++++++++++++++++++++++++++++++++++
1 files changed, 130 insertions(+), 0 deletions(-)
diff --git a/apps/cMiniApp/src/subpackages/task/taskCheckDetail/InnerPage.vue b/apps/cMiniApp/src/subpackages/task/taskCheckDetail/InnerPage.vue
new file mode 100644
index 0000000..4979b79
--- /dev/null
+++ b/apps/cMiniApp/src/subpackages/task/taskCheckDetail/InnerPage.vue
@@ -0,0 +1,130 @@
+<template>
+ <ContentScrollView style="background-color: transparent">
+ <MyTaskCard :showMyTaskArrow="false"></MyTaskCard>
+ <div class="taskCheckDetail-status-wrapper">
+ <div class="taskCheckDetail-status-title">楠屾敹鐓х墖</div>
+ <div
+ class="taskCheckDetail-status"
+ :style="{
+ color: Colors.Warning,
+ }"
+ >
+ 寰呴獙鏀�
+ </div>
+ </div>
+ <div class="taskCheckDetail-time">2024.11.14 9:28:39</div>
+ <nut-grid
+ square
+ :column-num="3"
+ :border="false"
+ :gutter="20"
+ v-if="list.length > 0"
+ class="taskCheckDetail-img-grid"
+ >
+ <nut-grid-item
+ v-for="(item, index) in list"
+ :key="item"
+ class="publish-circle-friend-file-grid-item"
+ >
+ <div class="taskCheckDetail-img-grid-item">
+ <PreviewImage :src="item" class="taskCheckDetail-img" :urls="list" />
+ </div>
+ </nut-grid-item>
+ </nut-grid>
+ </ContentScrollView>
+ <!-- <div class="taskCheckDetail-tips-wrapper">
+ <div class="taskCheckDetail-tips-text">鎮ㄥ皻鏈粦瀹氶摱琛屽崱锛屾殏鏃舵棤娉曠粨绠楁湇鍔¤垂</div>
+ <div class="taskCheckDetail-tips-btn">绔嬪嵆缁戝畾閾惰鍗′俊鎭�</div>
+ </div> -->
+</template>
+
+<script setup lang="ts">
+import { MyTaskCard, PreviewImage } from '@12333/components';
+import { Colors } from '@12333/constants';
+
+defineOptions({
+ name: 'InnerPage',
+});
+
+const list = ref([
+ 'https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg',
+ 'https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg',
+ 'https://storage.360buyimg.com/jdc-article/welcomenutui.jpg',
+ 'https://storage.360buyimg.com/jdc-article/fristfabu.jpg',
+]);
+</script>
+
+<style lang="scss">
+@import '@/styles/common.scss';
+
+.taskCheckDetail-page-wrapper {
+ .taskCheckDetail-status-wrapper {
+ display: flex;
+ align-items: center;
+ font-weight: 600;
+ font-size: 28px;
+ line-height: 32px;
+ margin-bottom: 16px;
+
+ .taskCheckDetail-status-title {
+ color: boleGetCssVar('text-color', 'primary');
+ flex: 1;
+ min-width: 0;
+ }
+ }
+
+ .taskCheckDetail-time {
+ font-weight: 400;
+ font-size: 24px;
+ color: boleGetCssVar('text-color', 'regular');
+ line-height: 36px;
+ margin-bottom: 22px;
+ }
+
+ .taskCheckDetail-img-grid {
+ padding: 0 !important;
+
+ .publish-circle-friend-file-grid-item {
+ .nut-grid-item__content--square {
+ padding: 0;
+ border: none;
+ display: block;
+ background-color: transparent;
+ }
+ }
+
+ .taskCheckDetail-img-grid-item {
+ width: 100%;
+ height: 100%;
+ box-sizing: border-box;
+ position: relative;
+ padding: 20px;
+ }
+
+ .taskCheckDetail-img {
+ border-radius: 8px;
+ width: 100% !important;
+ height: 100%;
+ object-fit: cover;
+ }
+ }
+
+ .taskCheckDetail-tips-wrapper {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ font-weight: 400;
+ font-size: 24px;
+ line-height: 32px;
+ padding: 20px 0;
+
+ .taskCheckDetail-tips-text {
+ color: boleGetCssVar('text-color', 'secondary');
+ }
+
+ .taskCheckDetail-tips-btn {
+ color: boleGetCssVar('color', 'primary');
+ }
+ }
+}
+</style>
--
Gitblit v1.9.1