mirror of
https://github.com/ialley-workshop-open/uni-halo.git
synced 2026-07-26 20:10:51 +08:00
style: 调整多处UI样式与布局细节
1. 修改项目概览文档标题 2. 将详情按钮文字大小从11px改为text-xs 3. 移除分类标签右侧的多余内边距 4. 关闭首页列表加载loading弹窗 5. 调整友链项的间距与头像尺寸
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
---
|
||||
alwaysApply: true
|
||||
---
|
||||
# unibest 项目概览
|
||||
# 项目概览
|
||||
|
||||
这是一个基于 uniapp + Vue3 + TypeScript + Vite5 + UnoCSS 的跨平台开发框架。
|
||||
|
||||
|
||||
@@ -51,7 +51,7 @@ onMounted(() => {
|
||||
>
|
||||
<text class="line-clamp-1 text-xs text-white font-bold">{{ firstCateItem.name }}</text>
|
||||
</view>
|
||||
<view class="absolute right-2 top-2 z-10 box-border rounded-md bg-black/20 px-1.5 py-0.5">
|
||||
<view class="absolute right-2 top-2 z-10 box-border rounded-md bg-black/20 px-1.5">
|
||||
<text class="text-[12px] text-white">{{ firstCateItem.count }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -85,7 +85,7 @@ const quickList = reactive([
|
||||
},
|
||||
])
|
||||
|
||||
const { loading, error, data, run } = useRequest<ListedPostVoList, PostV1alpha1PublicApiQueryPostsRequest>(queryPosts, { loadingToast: true, loadingToastContent: '加载中...', loadingToastMask: true })
|
||||
const { loading, error, data, run } = useRequest<ListedPostVoList, PostV1alpha1PublicApiQueryPostsRequest>(queryPosts, { loadingToast: false, loadingToastContent: '加载中...', loadingToastMask: true })
|
||||
const { loading: loadingSingle, error: errorSingle, data: dataSingle, run: runSingle } = useRequest<PostVo, PostV1alpha1PublicApiQueryPostByNameRequest>(queryPostByName)
|
||||
|
||||
const { list: postList, refresh } = useListData<ListedPostVo>({
|
||||
|
||||
@@ -175,13 +175,13 @@ onLoad(async () => {
|
||||
]"
|
||||
>
|
||||
<!-- 顶部信息 -->
|
||||
<view class="box-border w-full flex items-center justify-between gap-x-4">
|
||||
<view class="box-border w-full flex items-center justify-between gap-x-3">
|
||||
<view
|
||||
class="uh-shadow-md box-border h-11 w-11 shrink-0 overflow-hidden border-2 border-white rounded-xl border-solid bg-white"
|
||||
class="uh-shadow-md box-border h-10 w-10 shrink-0 overflow-hidden border-2 border-white rounded-xl border-solid bg-white"
|
||||
>
|
||||
<image :src="cover(link.spec.logo)" mode="aspectFill" class="h-full w-full" />
|
||||
</view>
|
||||
<view class="flex flex-1 flex-col gap-y-1">
|
||||
<view class="flex flex-1 flex-col gap-y-0.5">
|
||||
<view class="line-clamp-1 text-sm text-gray-900 font-bold">
|
||||
{{ link.spec.displayName }}
|
||||
</view>
|
||||
@@ -191,7 +191,7 @@ onLoad(async () => {
|
||||
</view>
|
||||
<view class="shrink-0">
|
||||
<view
|
||||
class="uh-shadow-md rounded-3xl bg-[#1A1A1A] px-4 py-2 text-xs text-white"
|
||||
class="uh-shadow-md rounded-3xl bg-[#1A1A1A] px-4 py-1.5 text-xs text-white"
|
||||
@click="copy(link.spec.url, true)"
|
||||
>
|
||||
复制
|
||||
|
||||
@@ -93,7 +93,7 @@ onPageScroll(() => { })
|
||||
</view>
|
||||
<view class="shrink-0">
|
||||
<view
|
||||
class="uh-shadow-md rounded-3xl bg-[#1A1A1A] px-4 py-1.5 text-[11px] text-white"
|
||||
class="uh-shadow-md rounded-3xl bg-[#1A1A1A] px-4 py-1.5 text-xs text-white"
|
||||
>
|
||||
详情
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user