mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-08 09:16:58 +08:00
fix ui
This commit is contained in:
@@ -197,8 +197,8 @@ const dropdownItems = ref([
|
|||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
<span v-if="props.count" class="ms-3">
|
<span v-if="props.count" class="ms-3">
|
||||||
<VIcon icon="mdi-download" class="me-1" />
|
<VIcon icon="mdi-download" />
|
||||||
{{ props.count?.toLocaleString() }}
|
<span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
|
||||||
</span>
|
</span>
|
||||||
</VCardText>
|
</VCardText>
|
||||||
</VCard>
|
</VCard>
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { useToast } from 'vue-toast-notification'
|
import { useToast } from 'vue-toast-notification'
|
||||||
import { useConfirm } from 'vuetify-use-dialog'
|
import { useConfirm } from 'vuetify-use-dialog'
|
||||||
|
import { VIcon } from 'vuetify/lib/components/index.mjs'
|
||||||
import api from '@/api'
|
import api from '@/api'
|
||||||
import type { Plugin } from '@/api/types'
|
import type { Plugin } from '@/api/types'
|
||||||
import FormRender from '@/components/render/FormRender.vue'
|
import FormRender from '@/components/render/FormRender.vue'
|
||||||
@@ -13,6 +14,7 @@ import store from '@/store'
|
|||||||
// 输入参数
|
// 输入参数
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
plugin: Object as PropType<Plugin>,
|
plugin: Object as PropType<Plugin>,
|
||||||
|
count: Number,
|
||||||
width: String,
|
width: String,
|
||||||
height: String,
|
height: String,
|
||||||
})
|
})
|
||||||
@@ -424,6 +426,10 @@ watch(() => props.plugin?.has_update, (newHasUpdate, oldHasUpdate) => {
|
|||||||
/>
|
/>
|
||||||
</VAvatar>
|
</VAvatar>
|
||||||
</div>
|
</div>
|
||||||
|
<span v-if="props.count" class="absolute bottom-1 right-2 flex items-center">
|
||||||
|
<VIcon icon="mdi-fire" />
|
||||||
|
<span class="text-sm ms-1">{{ props.count }}</span>
|
||||||
|
</span>
|
||||||
<VCardItem class="py-2">
|
<VCardItem class="py-2">
|
||||||
<VCardTitle class="flex items-center flex-row">
|
<VCardTitle class="flex items-center flex-row">
|
||||||
<VBadge v-if="props.plugin?.state" dot inline color="success" class="me-1 mb-1" />
|
<VBadge v-if="props.plugin?.state" dot inline color="success" class="me-1 mb-1" />
|
||||||
|
|||||||
@@ -128,6 +128,7 @@ onBeforeMount(() => {
|
|||||||
<PluginCard
|
<PluginCard
|
||||||
v-for="data in dataList"
|
v-for="data in dataList"
|
||||||
:key="`${data.id}_v${data.plugin_version}`"
|
:key="`${data.id}_v${data.plugin_version}`"
|
||||||
|
:count="PluginStatistics[data.id || '0']"
|
||||||
:plugin="data"
|
:plugin="data"
|
||||||
@remove="refreshData"
|
@remove="refreshData"
|
||||||
@save="refreshData"
|
@save="refreshData"
|
||||||
@@ -192,7 +193,7 @@ onBeforeMount(() => {
|
|||||||
color="primary"
|
color="primary"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="isAppMarketLoaded" class="grid gap-4 grid-plugin-card items-start">
|
<div v-if="isAppMarketLoaded" class="grid gap-4 grid-plugin-card">
|
||||||
<div
|
<div
|
||||||
v-for="(data, index) in getUnupdatedPlugins"
|
v-for="(data, index) in getUnupdatedPlugins"
|
||||||
:key="index"
|
:key="index"
|
||||||
|
|||||||
Reference in New Issue
Block a user