cnbugs/uni-halo
1
0
Fork 0
mirror of https://github.com/ialley-workshop-open/uni-halo.git synced 2026-07-27 04:20:43 +08:00
Code Issues Activity

style: 调整markdown列表内边距和分享按钮样式

Browse Source 
1. 将ul和ol的左侧内边距从15px改为24px，统一列表缩进样式
2. 简化文章详情页上下导航的padding类，移除重复的pt-0
3. 优化分享按钮的样式类，合并border相关样式并移除冗余样式
This commit is contained in:
小莫唐尼
2026-06-16 01:53:58 +08:00
parent a510875d38
commit 9dc5aae164
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/config/markdown/config.ts
+2 -2
View File
@@ -37,8 +37,8 @@ line-height: 26px;
margin-bottom: 18px; margin-bottom: 18px;
margin-top: 4px; margin-top: 4px;
`, `,
ul: 'padding-left: 15px;line-height: 1.85;', ul: 'padding-left: 24px;line-height: 1.85;',
ol: 'padding-left: 15px;line-height: 1.85;', ol: 'padding-left: 24px;line-height: 1.85;',
li: 'margin-bottom: 12px;line-height: 1.85;', li: 'margin-bottom: 12px;line-height: 1.85;',
h1: ` h1: `
margin: 30px 0 20px; margin: 30px 0 20px;
src/subpkg-blog/post-detail/post-detail.vue
+2 -2
View File
@@ -246,7 +246,7 @@ function handleScrollContentToTop() {
<!-- 上一篇/下一篇导航 --> <!-- 上一篇/下一篇导航 -->
<view v-if="prevPost || nextPost" class="box-border w-full"> <view v-if="prevPost || nextPost" class="box-border w-full">
<view <view
class="box-border w-full flex flex-col gap-y-2 border-0 border-gray-100 rounded-xl border-solid p-4 pt-0" class="box-border w-full flex flex-col gap-y-2 border-0 border-gray-100 rounded-xl border-solid px-4"
> >
<!-- 上一篇 --> <!-- 上一篇 -->
<view <view
@@ -373,7 +373,7 @@ function handleScrollContentToTop() {
</view> </view>
<!-- 分享 --> <!-- 分享 -->
<button open-type="share" class="flex flex-1 items-center justify-center gap-x-1 bg-transparent border-0! outline-0! after:hidden!" @click="handleShare"> <button open-type="share" class="flex flex-1 items-center justify-center gap-x-1 bg-transparent after:border-0 border-0! px-0! outline-0!" @click="handleShare">
<view class="center rounded-full bg-transparent"> <view class="center rounded-full bg-transparent">
<wd-icon name="share-alt" color="#6B7280" :size="18" /> <wd-icon name="share-alt" color="#6B7280" :size="18" />
</view> </view>