11

src/views/collection/collectDetail.vue

@@ -129,9 +129,19 @@
           <span class="divider-line1"></span>
           <span class="divider-line2"></span>
         </div>
-        <div class="artifact-description">
+        <!-- <div class="artifact-description">
           {{ getFieldValue(artifactData, 'remark') }}
-        </div>
+        </div> -->
+        <el-input
+          class="artifact-textarea"
+          v-model="descRemark"
+          style="width: 100%"
+          type="textarea"
+          :autosize="{ minRows: 2 }"
+          placeholder=""
+          readonly
+          resize="none"
+        />
       </div>
     </div>
 
@@ -155,6 +165,7 @@ const artifactData = ref({})
 const isZoomed = ref(false)
 const isFrom = ref('')
 const autoplayEnabled = ref(true)
+const descRemark = ref('')
 
 // 检查是否为预览模式
 const isPreviewMode = computed(() => {
@@ -193,6 +204,7 @@ const getArtifactDetail = async () => {
 
     if (response) {
       artifactData.value = response
+      descRemark.value = getFieldValue(artifactData.value, 'remark')
     }
   } catch (error) {
     console.error('获取文物详情失败:', error)
@@ -394,6 +406,19 @@ onMounted(() => {
   .top-navigation {
     max-width: 400px;
   }
+  .artifact-textarea {
+    width: 100%;
+    height: calc(100vh - 650px);
+    border: none;
+    :deep(.el-textarea__inner) {
+      height: 100%;
+      border: none;
+      color: #584735;
+      box-shadow: none;
+      background: transparent;
+      padding: 0;
+    }
+  }
 }
 :deep(video) {
   width: 100% !important;
@@ -630,6 +655,16 @@ onMounted(() => {
     color: #584735;
     text-align: justify;
   }
+  .artifact-textarea {
+    width: 100%;
+    border: none;
+    :deep(.el-textarea__inner) {
+      border: none;
+      color: #584735;
+      box-shadow: none;
+      background: transparent;
+    }
+  }
 }
 
 @media (max-width: 480px) {