Skip to content

P
poc-fe
Commit bf721116 authored by shirlyn.guo's avatar shirlyn.guo 👌🏻
Browse files
Options

chore: 个人空间应用样式优化

parent 55504f08
Hide whitespace changes
Inline Side-by-side
Showing with 29 additions and 17 deletions
src/views/personal-space/personal-app/personal-app.vue
View file @ bf721116
...@@ -252,14 +252,16 @@ const handleCardContentScrollDebounce = debounce( ...@@ -252,14 +252,16 @@ const handleCardContentScrollDebounce = debounce(
</div> </div>
<div v-show="!agentAppListLoading" class="mt-[5px]"> <div v-show="!agentAppListLoading" class="mt-[5px]">
<div v-if="agentAppList.length" class="grid-content grid grid-cols-4"> <div v-if="agentAppList.length" class="grid-content grid grid-cols-4">
<div v-for="agentAppItem in agentAppList" :key="agentAppItem.baseInfo.agentId" class="mb-[20px] mr-[15px]"> <div
v-for="agentAppItem in agentAppList"
:key="agentAppItem.baseInfo.agentId"
class="mb-[20px] mr-[15px] cursor-pointer"
@click="handleEditPersonalApp(agentAppItem.baseInfo.agentId)"
>
<div <div
class="rounded-[10px]! ml-[5px] max-w-[380px] pb-[19px] pl-[24px] pr-[27px] pt-[20px] shadow-[0_4px_10px_0px_rgba(103,103,103,.1)]" class="rounded-[10px]! ml-[5px] max-w-[380px] pb-[19px] pl-[24px] pr-[27px] pt-[20px] shadow-[0_4px_10px_0px_rgba(103,103,103,.1)]"
> >
<div <div class="flex cursor-pointer justify-between">
class="flex cursor-pointer justify-between"
@click="handleEditPersonalApp(agentAppItem.baseInfo.agentId)"
>
<div class="popover-trigger mb-[19px] mr-[15px] text-[14px]"> <div class="popover-trigger mb-[19px] mr-[15px] text-[14px]">
<div class="agent-desc mb-[58px] h-[23px] w-full max-w-[160px] font-semibold"> <div class="agent-desc mb-[58px] h-[23px] w-full max-w-[160px] font-semibold">
<n-ellipsis style="max-width: 180px" :line-clamp="1"> <n-ellipsis style="max-width: 180px" :line-clamp="1">
...@@ -296,15 +298,20 @@ const handleCardContentScrollDebounce = debounce( ...@@ -296,15 +298,20 @@ const handleCardContentScrollDebounce = debounce(
{{ formatDateTime(agentAppItem.modifiedTime) }} {{ formatDateTime(agentAppItem.modifiedTime) }}
</div> </div>
<div class="flex"> <div class="flex">
<Star <div
v-show="agentAppItem.baseInfo.agentPublishStatus !== 'draft'" class="rounded-[25px] p-[5px] hover:bg-[rgb(243,243,245)]"
theme="two-tone" @click.stop="handleApplicationsCollect(agentAppItem)"
size="18" >
:fill="agentAppItem.isCollect === 'Y' ? ['#ffc06d', '#ffc06d'] : ['#333', '#fff']" <Star
:stroke-width="3" v-show="agentAppItem.baseInfo.agentPublishStatus !== 'draft'"
class="cursor-pointer transition-all delay-150 duration-300 ease-in-out" theme="two-tone"
@click="handleApplicationsCollect(agentAppItem)" size="18"
/> :fill="agentAppItem.isCollect === 'Y' ? ['#ffc06d', '#ffc06d'] : ['#333', '#fff']"
:stroke-width="3"
class="cursor-pointer transition-all delay-150 duration-300 ease-in-out"
/>
</div>
<n-popover <n-popover
placement="bottom-end" placement="bottom-end"
trigger="hover" trigger="hover"
...@@ -312,7 +319,12 @@ const handleCardContentScrollDebounce = debounce( ...@@ -312,7 +319,12 @@ const handleCardContentScrollDebounce = debounce(
class="rounded-[10px]! py-[1px]! mb-[0px]! shadow-[0_4px_10px_0px_rgba(103,103,103,.15)]! px-[12px]! cursor-pointer" class="rounded-[10px]! py-[1px]! mb-[0px]! shadow-[0_4px_10px_0px_rgba(103,103,103,.15)]! px-[12px]! cursor-pointer"
> >
<template #trigger> <template #trigger>
<MoreOne size="16" fill="#333" :stroke-width="3" class="ml-[13px] mt-[1px] cursor-pointer" /> <div
class="ml-[5px] cursor-pointer rounded-[25px] p-[5px] hover:bg-[rgb(243,243,245)]"
@click.stop
>
<MoreOne size="18" fill="#333" :stroke-width="3" />
</div>
</template> </template>
<!-- <div <!-- <div
v-show="agentAppItem.baseInfo.agentPublishStatus !== 'draft'" v-show="agentAppItem.baseInfo.agentPublishStatus !== 'draft'"
...@@ -332,7 +344,7 @@ const handleCardContentScrollDebounce = debounce( ...@@ -332,7 +344,7 @@ const handleCardContentScrollDebounce = debounce(
> >
<template #trigger> <template #trigger>
<div <div
class="hover:bg-active-color mb-[10px] h-[24px] w-full rounded-[4px] py-[5px] pl-[5px] text-[14px] leading-[14px] text-[#333333]" class="hover:bg-active-color mb-[10px] mt-[8px] h-[24px] w-full rounded-[4px] py-[5px] pl-[5px] text-[14px] leading-[14px] text-[#333333]"
> >
{{ t('common_module.data_table_module.remove_applications') }} {{ t('common_module.data_table_module.remove_applications') }}
</div> </div>
...@@ -346,7 +358,7 @@ const handleCardContentScrollDebounce = debounce( ...@@ -346,7 +358,7 @@ const handleCardContentScrollDebounce = debounce(
</div> </div>
<div v-show="agentAppItem.isSale === 'N'"> <div v-show="agentAppItem.isSale === 'N'">
<div <div
class="hover:bg-active-color mb-[10px] h-[24px] w-full rounded-[4px] py-[5px] pl-[5px] text-[14px] leading-[14px] text-[#333333]" class="hover:bg-active-color mb-[10px] mt-[8px] h-[24px] w-full rounded-[4px] py-[5px] pl-[5px] text-[14px] leading-[14px] text-[#333333]"
@click="handleChangeApplicationsSaleStatus(agentAppItem)" @click="handleChangeApplicationsSaleStatus(agentAppItem)"
> >
{{ t('common_module.data_table_module.listing_applications') }} {{ t('common_module.data_table_module.listing_applications') }}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment