|
@@ -120,22 +120,25 @@
|
|
|
<view class="" style="width: 16%;">
|
|
|
<image
|
|
|
v-if="item.type == 'pdf'"
|
|
|
- style="width: 40px; height: 40px;" src="../../../static/img/oa_office/pdf3.png"
|
|
|
+ class="imgsign" src="../../../static/img/oa_office/pdf3.png"
|
|
|
mode=""></image>
|
|
|
<image v-else-if="item.type == 'xls'||item.type == 'xlsx'"
|
|
|
- style="width: 40px; height: 40px;" src="../../../static/img/oa_office/excle3.png"
|
|
|
+ class="imgsign" src="../../../static/img/oa_office/excle3.png"
|
|
|
mode=""></image>
|
|
|
<image v-else-if="item.type == 'doc'||item.type == 'docx'"
|
|
|
- style="width: 40px; height: 40px;" src="../../../static/img/oa_office/word3.png"
|
|
|
+ class="imgsign" src="../../../static/img/oa_office/word3.png"
|
|
|
mode=""></image>
|
|
|
- <image v-else style="width: 40px; height: 40px;"
|
|
|
+ <image v-else class="imgsign"
|
|
|
src="../../../static/img/oa_office/img.png" mode=""></image>
|
|
|
</view>
|
|
|
- <view class="" style="width: 70%;">
|
|
|
- <view class="char_css">{{item.appendixName}}</view>
|
|
|
- <view class="">{{item.appendixSize}}</view>
|
|
|
+ <view style='justify-content: space-between;width: 81%;' class="flex">
|
|
|
+ <view>
|
|
|
+ <view class="char_css">{{item.appendixName}}</view>
|
|
|
+ <view class="img_size">{{item.appendixSize}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="img_dowload" @click="openDocument(item)">下载</view>
|
|
|
</view>
|
|
|
- <view class="img_dowload" @click="openDocument(item)">下载</view>
|
|
|
+
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -281,8 +284,8 @@
|
|
|
this.imglist2 = res.data.data
|
|
|
for (let i = 0; i < this.imglist2.length; i++) {
|
|
|
if (this.imglist2[i].appendixName) {
|
|
|
- let index = that.imglist[i].appendixName.lastIndexOf(".")//获取最后出现.的下标
|
|
|
- that.imglist[i].type = that.imglist[i].appendixName.substring(index+1)
|
|
|
+ let index = this.imglist2[i].appendixName.lastIndexOf(".")//获取最后出现.的下标
|
|
|
+ this.imglist2[i].type = this.imglist2[i].appendixName.substring(index+1)
|
|
|
// this.imglist2[i].type = this.imglist2[i].appendixName.split(".")[1]
|
|
|
}
|
|
|
}
|
|
@@ -991,25 +994,48 @@
|
|
|
margin: 5px;
|
|
|
}
|
|
|
|
|
|
- .char_css {
|
|
|
- // text-align: center;
|
|
|
- // width: 90px;
|
|
|
- font-size: 30rpx;
|
|
|
- font-weight: 600;
|
|
|
- display: -webkit-box;
|
|
|
- overflow: hidden;
|
|
|
- /*! autoprefixer: off; */
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 1;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- }
|
|
|
+ // .char_css {
|
|
|
+ // // text-align: center;
|
|
|
+ // // width: 90px;
|
|
|
+ // font-size: 30rpx;
|
|
|
+ // font-weight: 600;
|
|
|
+ // display: -webkit-box;
|
|
|
+ // overflow: hidden;
|
|
|
+ // /*! autoprefixer: off; */
|
|
|
+ // -webkit-box-orient: vertical;
|
|
|
+ // -webkit-line-clamp: 1;
|
|
|
+ // -webkit-box-orient: vertical;
|
|
|
+ // text-overflow: ellipsis;
|
|
|
+ // word-break: break-all;
|
|
|
+ // }
|
|
|
|
|
|
.img_item {
|
|
|
display: flex;
|
|
|
- width: 100%;
|
|
|
+ width: 85vw;
|
|
|
margin: 10px 0;
|
|
|
+ padding: 0 10rpx;
|
|
|
+ .imgsign{
|
|
|
+ width: 25px;
|
|
|
+ height: 25px;
|
|
|
+ margin-top: 6px;
|
|
|
+ }
|
|
|
+ .char_css {
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ display: -webkit-box;
|
|
|
+ overflow: hidden;
|
|
|
+ /*! autoprefixer: off; */
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 1;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ word-break: break-all;
|
|
|
+ }
|
|
|
+ .img_size{
|
|
|
+ color: #B0B3BF;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
|
|
|
.img_dowload {
|
|
|
width: 14%;
|