mirror of
https://github.com/1Panel-dev/1Panel.git
synced 2025-01-19 16:29:17 +08:00
feat: 修改应用列表样式
This commit is contained in:
parent
4d77345ce0
commit
20cf2a53da
@ -887,6 +887,7 @@ export default {
|
|||||||
doc: '文档',
|
doc: '文档',
|
||||||
document: '文档说明',
|
document: '文档说明',
|
||||||
updatePrompt: '当前应用均为最新版本',
|
updatePrompt: '当前应用均为最新版本',
|
||||||
|
installPrompt: '尚未安装任何应用',
|
||||||
},
|
},
|
||||||
website: {
|
website: {
|
||||||
website: '网站',
|
website: '网站',
|
||||||
|
@ -228,6 +228,7 @@
|
|||||||
|
|
||||||
// search条圆角
|
// search条圆角
|
||||||
.search-button {
|
.search-button {
|
||||||
|
float: right;
|
||||||
.el-input__wrapper {
|
.el-input__wrapper {
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
}
|
}
|
||||||
|
@ -3,6 +3,7 @@
|
|||||||
<template #toolbar>
|
<template #toolbar>
|
||||||
<el-row :gutter="5">
|
<el-row :gutter="5">
|
||||||
<el-col :span="20">
|
<el-col :span="20">
|
||||||
|
<div v-if="data != null">
|
||||||
<el-button
|
<el-button
|
||||||
class="tag-button"
|
class="tag-button"
|
||||||
:class="activeTag === 'all' ? '' : 'no-active'"
|
:class="activeTag === 'all' ? '' : 'no-active'"
|
||||||
@ -23,9 +24,10 @@
|
|||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="4">
|
<el-col :span="4">
|
||||||
<div style="float: right" class="search-button">
|
<div class="search-button">
|
||||||
<el-input
|
<el-input
|
||||||
class="table-button"
|
class="table-button"
|
||||||
v-model="searchReq.name"
|
v-model="searchReq.name"
|
||||||
@ -41,13 +43,15 @@
|
|||||||
</el-row>
|
</el-row>
|
||||||
</template>
|
</template>
|
||||||
<template #rightButton>
|
<template #rightButton>
|
||||||
<el-button @click="sync" type="primary" link v-if="mode === 'installed'">{{ $t('app.sync') }}</el-button>
|
<el-button @click="sync" type="primary" link v-if="mode === 'installed' && data != null">
|
||||||
|
{{ $t('app.sync') }}
|
||||||
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template #main>
|
<template #main>
|
||||||
<div class="update-prompt" v-if="mode === 'update' && data == null">
|
<div class="update-prompt" v-if="data == null">
|
||||||
<el-empty
|
<el-empty
|
||||||
:description="$t('app.updatePrompt')"
|
:description="mode === 'update' ? $t('app.updatePrompt') : $t('app.installPrompt')"
|
||||||
image="/src/assets/images/no_update_app.svg"
|
image="/src/assets/images/no_update_app.svg"
|
||||||
:image-size="200"
|
:image-size="200"
|
||||||
></el-empty>
|
></el-empty>
|
||||||
@ -172,7 +176,7 @@ import Status from '@/components/status/index.vue';
|
|||||||
import { getAge } from '@/utils/util';
|
import { getAge } from '@/utils/util';
|
||||||
import { useRouter } from 'vue-router';
|
import { useRouter } from 'vue-router';
|
||||||
|
|
||||||
let data = ref<any>([]);
|
let data = ref<any>();
|
||||||
let loading = ref(false);
|
let loading = ref(false);
|
||||||
let timer: NodeJS.Timer | null = null;
|
let timer: NodeJS.Timer | null = null;
|
||||||
const paginationConfig = reactive({
|
const paginationConfig = reactive({
|
||||||
|
Loading…
x
Reference in New Issue
Block a user