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

style: 调整多处页面UI细节与默认状态

1. 将动态页面默认视图从时间线模式改为非时间线模式
2. 修复分享按钮的默认样式问题,移除多余边框和背景
3. 调整登录页分隔线上下间距与微信登录按钮高度
4. 隐藏文章卡片的分类信息展示
This commit is contained in:
小莫唐尼
2026-06-16 01:44:17 +08:00
parent 02c803f0c1
commit a510875d38
4 changed files with 12 additions and 10 deletions
@@ -119,12 +119,14 @@ function handleToPostDetail() {
<view class="line-clamp-1 text-[11px] text-gray-600">
{{ timeFrom(post.spec.publishTime) }}
</view>
<template v-if="false">
<view class="shrink-0 text-xs text-gray-600">
·
</view>
<view class="line-clamp-1 text-[11px] text-gray-600">
{{ post.categories.map(c => c.spec.displayName).join('·') }}
</view>
</template>
<template v-if="props.type === 'topCover'">
<view class="shrink-0 text-xs text-gray-600">
·
+2 -2
View File
@@ -357,7 +357,7 @@ function handleBack() {
</view>
<!-- 分隔线 -->
<view class="my-4 w-full flex items-center justify-center gap-x-3">
<view class="my-6 w-full flex items-center justify-center gap-x-3">
<view class="h-px flex-1 bg-gray-100" />
<text class="text-xs text-gray-400">其他方式</text>
<view class="h-px flex-1 bg-gray-100" />
@@ -367,7 +367,7 @@ function handleBack() {
<view class="w-full flex flex-col items-center gap-y-3">
<!-- #ifdef MP-WEIXIN -->
<view
class="h-11 w-full flex items-center justify-center gap-x-2 rounded-xl bg-[#07C160] text-sm text-white font-medium"
class="h-10 w-full flex items-center justify-center gap-x-2 rounded-xl bg-[#07C160] text-sm text-white font-medium"
@click="handleWxLogin"
>
<wd-icon name="wechat" color="#FFFFFF" :size="18" />
+1 -1
View File
@@ -25,7 +25,7 @@ setShareOptions({
path: '/pages/moments/moments',
})
const useTimeline = ref(true)
const useTimeline = ref(false)
const { loading, error, data, run } = useRequest<IHaloListResponseBase<IMoment>, IMomentListRequest>(queryMoments, { loadingToast: false, loadingToastContent: '加载中...', loadingToastMask: true })
+1 -1
View File
@@ -373,7 +373,7 @@ function handleScrollContentToTop() {
</view>
<!-- 分享 -->
<button open-type="share" class="flex flex-1 items-center justify-center gap-x-1" @click="handleShare">
<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">
<view class="center rounded-full bg-transparent">
<wd-icon name="share-alt" color="#6B7280" :size="18" />
</view>