style

pages/chat/components/ai-paging.vue

@@ -210,7 +210,6 @@
                     <view class="uploadfiles-list">
                         <view
                             class="file-uploadsend"
-                            :class="{ 'file-border': isImage(file.type) }"
                             v-for="(file, index) in filesList"
                             :key="index"
                         >
@@ -219,7 +218,7 @@
                                 @click="preViewImage(file)"
                                 v-if="isImage(file.type)"
                                 :src="file.url"
-                                mode="scaleToFill"
+                                mode="heightFix"
                             ></image>
                             <view class="file-doc" @click="jumpUrl(file)" v-else>
                                 <FileIcon class="doc-icon" :type="file.type"></FileIcon>
@@ -1107,22 +1106,23 @@ image-margin-top = 40rpx
                 padding: 16rpx 20rpx 18rpx 20rpx
                 height: calc(100% - 40rpx)
                 .doc-icon
-                    width: 60rpx
-                    height: 76rpx
-                    margin-right: 20rpx
+                    width: 60rpx;
+                    height: 76rpx;
+                    margin-right: 20rpx;
                 .doc-con
-                    flex: 1
-                    width: 0
+                    max-width:320rpx;
+                    overflow :hidden;
+                    padding-right:40rpx;
+                    box-sizing:border-box;
             .file-uploadsend
                 margin: 10rpx 18rpx 0 0;
                 height: 100%
                 font-size: 24rpx
                 position: relative
-                min-width: 460rpx;
                 height: 160rpx;
                 border-radius: 12rpx 12rpx 12rpx 12rpx;
                 border: 2rpx solid #E2E2E2;
-                overflow: hidden
+                flex-shrink: 0;
                 .file-del
                     position: absolute
                     right: 25rpx
@@ -1155,8 +1155,8 @@ image-margin-top = 40rpx
                     color: #7B7B7B;
                     max-width: 100%
                 .file-iconImg
-                    // height: 100%
-                    width: 100%
+                    height: 100%
+                    // width: 100%
                 .filerow
                     display: flex
                     align-items: center
@@ -1166,8 +1166,6 @@ image-margin-top = 40rpx
                         height: 20rpx
                         width: 2rpx
                         background: rgba(226, 226, 226, .9)
-            .file-border
-                width: 160rpx !important;
 
 @keyframes ai-circle {
     0% {