update

src/pages/taskDetails/components/CollectMaterials.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!--领取素材-->
+</template>
+
+<style scoped lang="scss">
+
+</style>

src/pages/taskDetails/components/MyBackfill.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!--我的回填-->
+</template>
+
+<style scoped lang="scss">
+
+</style>

src/pages/taskDetails/components/ReviewCommunication.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+    <!--审核沟通-->
+</template>
+
+<style scoped lang="scss">
+
+</style>

src/pages/taskDetails/components/TaskDetails.vue

@@ -0,0 +1,64 @@
+<script setup>
+import fmt from "../../../static/images/fmt.png";
+import linkIcon from '../../../static/icons/link.png';
+</script>
+
+<template>
+    <!--任务详情-->
+    <view class="w-full">
+        <view class="title">
+            案例概览
+        </view>
+        <view class="block">
+            <view class="block-title">任务案例:</view>
+            <view class="block-info w-full overflow-hidden">
+                <view class="text-[#165DFF] !flex items-center gap-[10rpx]">
+                    <image class="!size-[24rpx] flex-shrink-0" :src="linkIcon"></image>
+                    <text class="ellipsis-1 flex-grow">
+                        https://www.baidu.com/s?wd=%E7%8C%8E%E8%81%98&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1
+                    </text>
+                    <view class="nowrap flex-shrink !py-[7rpx] !px-[32rpx] rounded-full bg-[#E8F3FF]" style="font-size: 24rpx">
+                        复制
+                    </view>
+                </view>
+            </view>
+        </view>
+        <view class="block">
+            <view class="block-title">评论区案例:</view>
+            <view class="block-info !grid grid-cols-3 gap-[20rpx]">
+                <image class="!size-[160rpx]" :src="fmt" mode="aspectFill" :draggable="false"></image>
+                <image class="!size-[160rpx]" :src="fmt" mode="aspectFill" :draggable="false"></image>
+                <image class="!size-[160rpx]" :src="fmt" mode="aspectFill" :draggable="false"></image>
+            </view>
+        </view>
+    </view>
+</template>
+
+<style scoped lang="scss">
+.title {
+    color: rgb(29, 33, 41);
+    font-size: 28rpx;
+    font-weight: 500;
+    line-height: 140%;
+    letter-spacing: 0;
+    text-align: left;
+    margin-bottom: 32rpx;
+}
+
+.block {
+    display: flex;
+    gap: 20rpx;
+    margin-bottom: 20rpx;
+
+    .block-title {
+        flex-shrink: 0;
+        color: rgb(134, 144, 156);
+        font-size: 24rpx;
+        font-weight: 500;
+        line-height: 140%;
+        letter-spacing: 0;
+        text-align: left;
+        width: 130rpx;
+    }
+}
+</style>