所有大按钮都加上plain
This commit is contained in:
parent
11f52789eb
commit
df11fa47a5
@ -3,12 +3,12 @@
|
||||
<el-header class="layout-header">
|
||||
<div class="main-title">博客管理后台</div>
|
||||
<div class="nav-btns-right">
|
||||
<el-button link @click="toggleDarkMode" style="color: #fff; font-size: 18px; margin-right: 12px;">
|
||||
<el-button link @click="toggleDarkMode" style="color: #fff; font-size: 18px; margin-right: 12px;" plain>
|
||||
<Moon v-if="!isDark" style="width: 18px" />
|
||||
<Sunny v-else style="width: 18px" />
|
||||
</el-button>
|
||||
<el-dropdown @command="dropdownMenuCommand">
|
||||
<el-button link type="primary">
|
||||
<el-button link type="primary" plain>
|
||||
<UserFilled style="width: 18px" />
|
||||
{{ realname }}
|
||||
<ArrowDown style="width: 18px"/>
|
||||
@ -70,8 +70,8 @@
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="changePwdModal = false">取消</el-button>
|
||||
<el-button type="primary" @click="submitChangePassword" :loading="changePwdLoading">确定</el-button>
|
||||
<el-button @click="changePwdModal = false" plain>取消</el-button>
|
||||
<el-button type="primary" @click="submitChangePassword" :loading="changePwdLoading" plain>确定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
@ -32,7 +32,7 @@
|
||||
@keyup.enter="login"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-button class="login-btn" type="primary" size="large" :loading="loading" @click="login">
|
||||
<el-button class="login-btn" type="primary" size="large" :loading="loading" @click="login" plain>
|
||||
登 录
|
||||
</el-button>
|
||||
</el-form>
|
||||
|
||||
@ -19,11 +19,11 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn-container">
|
||||
<el-button type="primary" @click="addModal = true" v-permission="'hitokoto:save'">添加</el-button>
|
||||
<el-button type="danger" @click="deleteAll" v-permission="'hitokoto:delete'">删除</el-button>
|
||||
<el-button type="primary" @click="addModal = true" v-permission="'hitokoto:save'" plain>添加</el-button>
|
||||
<el-button type="danger" @click="deleteAll" v-permission="'hitokoto:delete'" plain>删除</el-button>
|
||||
<div class="search-btn">
|
||||
<el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button>
|
||||
<el-button @click="reset" icon="RefreshLeft">重置</el-button>
|
||||
<el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
|
||||
<el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table class="table-container" :data="hitokotoData" v-loading="loading" stripe @selection-change="dataSelect">
|
||||
@ -57,8 +57,8 @@
|
||||
<hitokoto-add ref="addForm" :typeList="typeList" :formData="formData" />
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="addModal = false">取消</el-button>
|
||||
<el-button type="primary" @click="save" :loading="modalLoading">确定</el-button>
|
||||
<el-button @click="addModal = false" plain>取消</el-button>
|
||||
<el-button type="primary" @click="save" :loading="modalLoading" plain>确定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
@ -23,11 +23,11 @@
|
||||
</el-form>
|
||||
<div class="btn-container">
|
||||
<el-button type="success" plain icon="VideoPlay" @click="playMusic">播放</el-button>
|
||||
<el-button type="primary" icon="Upload" @click="openUploadModal" v-permission="'music:save'">上传音乐</el-button>
|
||||
<el-button type="primary" icon="Upload" @click="openUploadModal" v-permission="'music:save'" plain>上传音乐</el-button>
|
||||
<el-button type="warning" plain icon="Notebook" @click="libDrawerVisible = true" v-permission="'music:save'">歌单管理</el-button>
|
||||
<div class="search-btn">
|
||||
<el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button>
|
||||
<el-button @click="reset" icon="RefreshLeft">重置</el-button>
|
||||
<el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
|
||||
<el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table class="table-container" :data="musicData" v-loading="loading" stripe @selection-change="dataSelect">
|
||||
@ -102,8 +102,8 @@
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="modifyLyricModal = false">取消</el-button>
|
||||
<el-button type="primary" @click="saveLyric" :loading="modalLoading">确定</el-button>
|
||||
<el-button @click="modifyLyricModal = false" plain>取消</el-button>
|
||||
<el-button type="primary" @click="saveLyric" :loading="modalLoading" plain>确定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
@ -138,13 +138,13 @@
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="uploadModal = false">取消</el-button>
|
||||
<el-button type="primary" @click="uploadMusic" >开始上传</el-button>
|
||||
<el-button @click="uploadModal = false" plain>取消</el-button>
|
||||
<el-button type="primary" @click="uploadMusic" plain>开始上传</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-drawer v-model="libDrawerVisible" title="歌单管理" size="900px">
|
||||
<el-button type="primary" icon="Plus" @click="addLibRow" style="margin-bottom: 12px">添加歌单</el-button>
|
||||
<el-button type="primary" icon="Plus" @click="addLibRow" style="margin-bottom: 12px" plain>添加歌单</el-button>
|
||||
<el-table :data="libTableData" stripe>
|
||||
<el-table-column prop="name" label="名称">
|
||||
<template #default="scope">
|
||||
|
||||
@ -41,12 +41,12 @@
|
||||
auto-upload
|
||||
:show-file-list="false"
|
||||
style="display: inline-block;margin-right: 10px;">
|
||||
<el-button type="primary" icon="Upload" :loading="isUploading" v-permission="'photoWall:save'">上传图片</el-button>
|
||||
<el-button type="primary" icon="Upload" :loading="isUploading" v-permission="'photoWall:save'" plain>上传图片</el-button>
|
||||
</el-upload>
|
||||
<el-button type="danger" @click="deleteAll" style="vertical-align: bottom" v-permission="'photoWall:delete'">批量删除</el-button>
|
||||
<el-button type="danger" @click="deleteAll" style="vertical-align: bottom" v-permission="'photoWall:delete'" plain>批量删除</el-button>
|
||||
<div class="search-btn">
|
||||
<el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button>
|
||||
<el-button @click="reset" icon="RefreshLeft">重置</el-button>
|
||||
<el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
|
||||
<el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -59,7 +59,7 @@
|
||||
<el-table-column prop="height" label="高度" width="70" />
|
||||
<el-table-column label="操作" width="100" >
|
||||
<template #default="scope">
|
||||
<el-button link icon="View" plain @click="preview(scope.row)" title="预览"></el-button>
|
||||
<el-button link icon="View" @click="preview(scope.row)" title="预览"></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
@ -16,9 +16,9 @@
|
||||
auto-upload
|
||||
:show-file-list="false"
|
||||
style="display: inline-block;margin-right: 10px;">
|
||||
<el-button type="primary" icon="Upload" :loading="isUploading" v-permission="'sourceImage:save'">上传图片</el-button>
|
||||
<el-button type="primary" icon="Upload" :loading="isUploading" v-permission="'sourceImage:save'" plain>上传图片</el-button>
|
||||
</el-upload>
|
||||
<el-button type="danger" @click="deleteAll" style="vertical-align: bottom" v-permission="'sourceImage:delete'">批量删除</el-button>
|
||||
<el-button type="danger" @click="deleteAll" style="vertical-align: bottom" v-permission="'sourceImage:delete'" plain>批量删除</el-button>
|
||||
</div>
|
||||
<el-table class="table-container" :data="sourceImageData" v-loading="loading" stripe @selection-change="dataSelect">
|
||||
<el-table-column type="selection" width="55" />
|
||||
@ -41,8 +41,8 @@
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" >
|
||||
<template #default="scope">
|
||||
<el-button link icon="EditPen" type="primary" plain @click="modifyTags(scope.row)" title="修改标签" v-permission="'sourceImage:save'"></el-button>
|
||||
<el-button link icon="View" plain @click="preview(scope.row)" title="预览"></el-button>
|
||||
<el-button link icon="EditPen" type="primary" @click="modifyTags(scope.row)" title="修改标签" v-permission="'sourceImage:save'"></el-button>
|
||||
<el-button link icon="View" @click="preview(scope.row)" title="预览"></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
@ -30,11 +30,11 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn-container">
|
||||
<el-button type="primary" @click="splitWord" style="vertical-align: bottom" v-permission="'article:edit'">分词处理</el-button>
|
||||
<el-button @click="pullArticles" style="vertical-align: bottom" v-permission="'article:edit'">拉取文章</el-button>
|
||||
<el-button type="primary" @click="splitWord" style="vertical-align: bottom" v-permission="'article:edit'" plain>分词处理</el-button>
|
||||
<el-button @click="pullArticles" style="vertical-align: bottom" v-permission="'article:edit'" plain>拉取文章</el-button>
|
||||
<div class="search-btn">
|
||||
<el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button>
|
||||
<el-button @click="reset" icon="RefreshLeft">重置</el-button>
|
||||
<el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
|
||||
<el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-row style="flex: 1; overflow: hidden;">
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn-container">
|
||||
<el-button type="primary" @click="add" v-permission="'config:save'">添加</el-button>
|
||||
<el-button type="primary" @click="add" v-permission="'config:save'" plain>添加</el-button>
|
||||
<div class="search-btn">
|
||||
<el-button type="primary" @click="loadData" icon="Search">搜索</el-button>
|
||||
<el-button @click="reset" icon="RefreshLeft">重置</el-button>
|
||||
<el-button type="primary" @click="loadData" icon="Search" plain>搜索</el-button>
|
||||
<el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table class="table-container" :data="systemConfigData" v-loading="loading" stripe>
|
||||
@ -46,8 +46,8 @@
|
||||
<system-config-add ref="addForm" :formData="formData" />
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="addModal = false">取消</el-button>
|
||||
<el-button type="primary" @click="save" :loading="modalLoading">确定</el-button>
|
||||
<el-button @click="addModal = false" plain>取消</el-button>
|
||||
<el-button type="primary" @click="save" :loading="modalLoading" plain>确定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn-container">
|
||||
<el-button type="primary" @click="add" v-permission="'role:save'">添加</el-button>
|
||||
<el-button type="primary" @click="add" v-permission="'role:save'" plain>添加</el-button>
|
||||
<div class="search-btn">
|
||||
<el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button>
|
||||
<el-button @click="reset" icon="RefreshLeft">重置</el-button>
|
||||
<el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
|
||||
<el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table class="table-container" :data="systemRoleData" v-loading="loading" stripe>
|
||||
@ -65,8 +65,8 @@
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="addModal = false">取消</el-button>
|
||||
<el-button type="primary" @click="save" :loading="modalLoading">确定</el-button>
|
||||
<el-button @click="addModal = false" plain>取消</el-button>
|
||||
<el-button type="primary" @click="save" :loading="modalLoading" plain>确定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
@ -6,10 +6,10 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="btn-container">
|
||||
<el-button type="primary" @click="add" v-permission="'user:save'">添加</el-button>
|
||||
<el-button type="primary" @click="add" v-permission="'user:save'" plain>添加</el-button>
|
||||
<div class="search-btn">
|
||||
<el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button>
|
||||
<el-button @click="reset" icon="RefreshLeft">重置</el-button>
|
||||
<el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
|
||||
<el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table class="table-container" :data="systemUserData" v-loading="loading" stripe>
|
||||
@ -61,8 +61,8 @@
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="addModal = false">取消</el-button>
|
||||
<el-button type="primary" @click="save" :loading="modalLoading">确定</el-button>
|
||||
<el-button @click="addModal = false" plain>取消</el-button>
|
||||
<el-button type="primary" @click="save" :loading="modalLoading" plain>确定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user