cnbugs/uni-halo
1
0
Fork 0
mirror of https://github.com/ialley-workshop-open/uni-halo.git synced 2026-09-12 16:40:40 +08:00
Code Issues Activity

style: 调整评论列表及页面的内边距样式

Browse Source 
1. 移除uh-comment-list组件自带的左右内边距
2. 在文章详情页的评论区域新增外层容器添加左右内边距
3. 给瞬间详情页的卡片添加底部间距，优化正文文字样式
This commit is contained in:
小莫唐尼
2026-09-09 18:48:57 +08:00
parent b793920097
commit 4c623be4c0
3 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/uh-comment-list/uh-comment-list.vue
+1 -1
View File
@@ -114,7 +114,7 @@
</script> </script>
<template> <template>
<view class="w-full box-border px-2"> <view class="w-full box-border">
<view class="uh-global-card-glass box-border uh-shadow-xs rounded-xl p-3"> <view class="uh-global-card-glass box-border uh-shadow-xs rounded-xl p-3">
<!-- 顶部区域 --> <!-- 顶部区域 -->
<uh-section-title> <uh-section-title>
src/pages-blog/article-detail/article-detail.vue
+5 -3
View File
@@ -580,9 +580,11 @@
</view> </view>
<!-- 评论区域 --> <!-- 评论区域 -->
<uh-comment-list v-if="calcIsShowComment && result" :disallow-comment="!result.spec.allowComment" <view class="box-border px-2">
:post-name="result.metadata.name" :post="result" @on-comment="handleOnComment" <uh-comment-list v-if="calcIsShowComment && result" :disallow-comment="!result.spec.allowComment"
@on-comment-detail="handleOnShowCommentDetail" @on-loaded="handleCommentLoaded" /> :post-name="result.metadata.name" :post="result" @on-comment="handleOnComment"
@on-comment-detail="handleOnShowCommentDetail" @on-loaded="handleCommentLoaded" />
</view>
</view> </view>
</view> </view>
src/pages-blog/moment-detail/moment-detail.vue
+2 -2
View File
@@ -281,7 +281,7 @@
<!-- 瞬间内页(日记式:大字日期刊头 + 阅读正文 + 媒体 + 互动脚注) --> <!-- 瞬间内页(日记式:大字日期刊头 + 阅读正文 + 媒体 + 互动脚注) -->
<view v-else-if="moment" class="box-border px-3 pt-2 pb-12"> <view v-else-if="moment" class="box-border px-3 pt-2 pb-12">
<view class="uh-global-card-glass uh-shadow-xs overflow-hidden rounded-2xl box-border pb-4"> <view class="mb-3 uh-global-card-glass uh-shadow-xs overflow-hidden rounded-2xl box-border pb-4">
<!-- 刊头:大字日期 --> <!-- 刊头:大字日期 -->
<view v-if="moment.spec.releaseTime" class="px-4 pt-4"> <view v-if="moment.spec.releaseTime" class="px-4 pt-4">
<view class="text-[56rpx] text-gray-900 font-bold leading-tight"> <view class="text-[56rpx] text-gray-900 font-bold leading-tight">
@@ -308,7 +308,7 @@
</view> </view>
<!-- 正文 --> <!-- 正文 -->
<view class="content px-4 mt-6"> <view class="content px-4 mt-6 text-gray-900 text-sm">
<mp-html lazy-load :domain="markdownConfig.domain ?? ''" <mp-html lazy-load :domain="markdownConfig.domain ?? ''"
:loading-img="markdownConfig.loadingGif" scroll-table selectable :loading-img="markdownConfig.loadingGif" scroll-table selectable
:tag-style="markdownConfig.tagStyle" :container-style="markdownConfig.containStyle" :tag-style="markdownConfig.tagStyle" :container-style="markdownConfig.containStyle"