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:
@@ -119,12 +119,14 @@ function handleToPostDetail() {
|
|||||||
<view class="line-clamp-1 text-[11px] text-gray-600">
|
<view class="line-clamp-1 text-[11px] text-gray-600">
|
||||||
{{ timeFrom(post.spec.publishTime) }}
|
{{ timeFrom(post.spec.publishTime) }}
|
||||||
</view>
|
</view>
|
||||||
<view class="shrink-0 text-xs text-gray-600">
|
<template v-if="false">
|
||||||
·
|
<view class="shrink-0 text-xs text-gray-600">
|
||||||
</view>
|
·
|
||||||
<view class="line-clamp-1 text-[11px] text-gray-600">
|
</view>
|
||||||
{{ post.categories.map(c => c.spec.displayName).join('·') }}
|
<view class="line-clamp-1 text-[11px] text-gray-600">
|
||||||
</view>
|
{{ post.categories.map(c => c.spec.displayName).join('·') }}
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
<template v-if="props.type === 'topCover'">
|
<template v-if="props.type === 'topCover'">
|
||||||
<view class="shrink-0 text-xs text-gray-600">
|
<view class="shrink-0 text-xs text-gray-600">
|
||||||
·
|
·
|
||||||
|
|||||||
@@ -357,7 +357,7 @@ function handleBack() {
|
|||||||
</view>
|
</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" />
|
<view class="h-px flex-1 bg-gray-100" />
|
||||||
<text class="text-xs text-gray-400">其他方式</text>
|
<text class="text-xs text-gray-400">其他方式</text>
|
||||||
<view class="h-px flex-1 bg-gray-100" />
|
<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">
|
<view class="w-full flex flex-col items-center gap-y-3">
|
||||||
<!-- #ifdef MP-WEIXIN -->
|
<!-- #ifdef MP-WEIXIN -->
|
||||||
<view
|
<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"
|
@click="handleWxLogin"
|
||||||
>
|
>
|
||||||
<wd-icon name="wechat" color="#FFFFFF" :size="18" />
|
<wd-icon name="wechat" color="#FFFFFF" :size="18" />
|
||||||
|
|||||||
@@ -25,7 +25,7 @@ setShareOptions({
|
|||||||
path: '/pages/moments/moments',
|
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 })
|
const { loading, error, data, run } = useRequest<IHaloListResponseBase<IMoment>, IMomentListRequest>(queryMoments, { loadingToast: false, loadingToastContent: '加载中...', loadingToastMask: true })
|
||||||
|
|
||||||
|
|||||||
@@ -373,7 +373,7 @@ function handleScrollContentToTop() {
|
|||||||
</view>
|
</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">
|
<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>
|
||||||
|
|||||||
Reference in New Issue
Block a user