wangpeng/yimo-resource-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed

Browse Source
This commit is contained in:
王鹏
2025-10-31 11:03:53 +08:00
parent a47c6dd47a
commit ab281be02a
1 changed files with 50 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
pages/blog/bloginfo.vue
View File

@@ -41,6 +41,22 @@
<rich-text :nodes="contentDate" class="ql-editor"></rich-text> <rich-text :nodes="contentDate" class="ql-editor"></rich-text>
</view> </view>
</view> </view>
<!-- 截图展示 -->
<view v-if="blogInfo.picList && blogInfo.picList.length > 0" class="titel-felx">
<view class="time-img">
<image class="ui-img" src="https://img.yidaima.cn/feastwenjian.svg" mode=""></image>
</view>
<view class="titel-h-go">
项目截图
</view>
</view>
<view v-if="blogInfo.picList && blogInfo.picList.length > 0" class="screenshot-view">
<view class="screenshot-list">
<view v-for="(item, index) in blogInfo.picList" :key="index" class="screenshot-item" @click="previewImage(index)">
<image class="screenshot-img" :src="item" mode="aspectFill"></image>
</view>
</view>
</view>
<!-- 猜你想搜 --> <!-- 猜你想搜 -->
<view class="titel-felx"> <view class="titel-felx">
<view class="time-img"> <view class="time-img">
@@ -434,7 +450,14 @@
} }
}, 1000); }, 1000);
}, },
// 图片预览
previewImage(index) {
uni.previewImage({
urls: this.blogInfo.picList,
current: index
});
} }
},
} }
</script> </script>
@@ -595,6 +618,28 @@
word-wrap: break-word; word-wrap: break-word;
} }
.screenshot-view {
margin: 20upx;
}
.screenshot-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.screenshot-item {
width: 48%;
margin-bottom: 20upx;
border-radius: 10upx;
overflow: hidden;
}
.screenshot-img {
width: 100%;
height: 200upx;
}
.list-li-left-describe { .list-li-left-describe {
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;