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