oneos-v5/frontend
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix: 图文草稿箱样式调整、todo修复

Browse Source
This commit is contained in:
hw
2025-11-26 10:46:24 +08:00
parent eb27bd5c6d
commit c014f2a188
10 changed files with 88 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
apps/web-ele/src/views/mp/draft/modules/news-form.vue
View File

@@ -106,15 +106,18 @@ function plusNews() {
@click="activeNewsIndex = index"
>
<div class="relative w-full bg-[#acadae]">
<img class="h-full w-full" :src="news.thumbUrl" />
<img
class="max-h-[200px] min-h-[100px] w-full object-cover"
:src="news.thumbUrl"
/>
<div
class="absolute bottom-0 left-0 inline-block h-[25px] w-[100%] overflow-hidden text-ellipsis whitespace-nowrap bg-black p-[1%] text-center text-[15px] text-white opacity-65"
class="absolute bottom-0 left-0 mb-[5px] ml-[5px] inline-block h-[25px] w-[100%] overflow-hidden text-ellipsis whitespace-nowrap p-[1%] text-[18px] text-white"
>
{{ news.title }}
</div>
</div>
<div
class="relative flex justify-center gap-[10px] py-[5px] text-center"
class="absolute bottom-0 right-[-45px] top-0 flex flex-col justify-center gap-[10px] py-[5px] text-center"
v-if="newsList.length > 1"
>
<ElButton
@@ -130,6 +133,7 @@ function plusNews() {
type="danger"
circle
size="small"
style="margin-left: 0"
@click="() => removeNews(index)"
>
<IconifyIcon icon="lucide:trash-2" />
@@ -146,25 +150,26 @@ function plusNews() {
"
@click="activeNewsIndex = index"
>
<div class="relative">
<div class="bg-[#acadae]">
<img class="block h-full w-full" :src="news.thumbUrl" />
<div
class="absolute bottom-0 left-0 inline-block h-[25px] w-[100%] overflow-hidden text-ellipsis whitespace-nowrap bg-black p-[1%] text-center text-[15px] text-white opacity-65"
>
{{ news.title }}
</div>
<div class="relative flex items-center justify-between">
<div
class="mb-[5px] ml-[5px] h-[25px] flex-1 overflow-hidden text-ellipsis whitespace-nowrap p-[1%] text-[16px]"
>
{{ news.title }}
</div>
<img
class="block h-[90px] w-[90px] object-cover"
:src="news.thumbUrl"
/>
</div>
<div
class="relative flex justify-center gap-[10px] py-[5px] text-center"
class="absolute bottom-0 right-[-45px] top-0 flex flex-col justify-center gap-[10px] py-[5px] text-center"
>
<ElButton
v-if="newsList.length > index + 1"
circle
type="info"
size="small"
class="ml-0"
@click="() => moveDownNews(index)"
>
<IconifyIcon icon="lucide:arrow-down" />
@@ -174,6 +179,7 @@ function plusNews() {
type="info"
circle
size="small"
style="margin-left: 0"
@click="() => moveUpNews(index)"
>
<IconifyIcon icon="lucide:arrow-up" />
@@ -183,6 +189,7 @@ function plusNews() {
type="danger"
size="small"
circle
style="margin-left: 0"
@click="() => removeNews(index)"
>
<IconifyIcon icon="lucide:trash-2" />