所有大按钮都加上plain

This commit is contained in:
灌糖包子 2026-04-03 10:41:29 +08:00
parent 11f52789eb
commit df11fa47a5
Signed by: sookie
GPG Key ID: 67E8D0AE905C79B0
10 changed files with 47 additions and 47 deletions

View File

@ -3,12 +3,12 @@
<el-header class="layout-header"> <el-header class="layout-header">
<div class="main-title">博客管理后台</div> <div class="main-title">博客管理后台</div>
<div class="nav-btns-right"> <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" /> <Moon v-if="!isDark" style="width: 18px" />
<Sunny v-else style="width: 18px" /> <Sunny v-else style="width: 18px" />
</el-button> </el-button>
<el-dropdown @command="dropdownMenuCommand"> <el-dropdown @command="dropdownMenuCommand">
<el-button link type="primary"> <el-button link type="primary" plain>
<UserFilled style="width: 18px" /> <UserFilled style="width: 18px" />
{{ realname }} {{ realname }}
<ArrowDown style="width: 18px"/> <ArrowDown style="width: 18px"/>
@ -70,8 +70,8 @@
</el-form> </el-form>
<template #footer> <template #footer>
<span class="dialog-footer"> <span class="dialog-footer">
<el-button @click="changePwdModal = false">取消</el-button> <el-button @click="changePwdModal = false" plain>取消</el-button>
<el-button type="primary" @click="submitChangePassword" :loading="changePwdLoading">确定</el-button> <el-button type="primary" @click="submitChangePassword" :loading="changePwdLoading" plain>确定</el-button>
</span> </span>
</template> </template>
</el-dialog> </el-dialog>

View File

@ -32,7 +32,7 @@
@keyup.enter="login" @keyup.enter="login"
/> />
</el-form-item> </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-button>
</el-form> </el-form>

View File

@ -19,11 +19,11 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn-container"> <div class="btn-container">
<el-button type="primary" @click="addModal = true" v-permission="'hitokoto:save'">添加</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'">删除</el-button> <el-button type="danger" @click="deleteAll" v-permission="'hitokoto:delete'" plain>删除</el-button>
<div class="search-btn"> <div class="search-btn">
<el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button> <el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
<el-button @click="reset" icon="RefreshLeft">重置</el-button> <el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
</div> </div>
</div> </div>
<el-table class="table-container" :data="hitokotoData" v-loading="loading" stripe @selection-change="dataSelect"> <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" /> <hitokoto-add ref="addForm" :typeList="typeList" :formData="formData" />
<template #footer> <template #footer>
<span class="dialog-footer"> <span class="dialog-footer">
<el-button @click="addModal = false">取消</el-button> <el-button @click="addModal = false" plain>取消</el-button>
<el-button type="primary" @click="save" :loading="modalLoading">确定</el-button> <el-button type="primary" @click="save" :loading="modalLoading" plain>确定</el-button>
</span> </span>
</template> </template>
</el-dialog> </el-dialog>

View File

@ -23,11 +23,11 @@
</el-form> </el-form>
<div class="btn-container"> <div class="btn-container">
<el-button type="success" plain icon="VideoPlay" @click="playMusic">播放</el-button> <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> <el-button type="warning" plain icon="Notebook" @click="libDrawerVisible = true" v-permission="'music:save'">歌单管理</el-button>
<div class="search-btn"> <div class="search-btn">
<el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button> <el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
<el-button @click="reset" icon="RefreshLeft">重置</el-button> <el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
</div> </div>
</div> </div>
<el-table class="table-container" :data="musicData" v-loading="loading" stripe @selection-change="dataSelect"> <el-table class="table-container" :data="musicData" v-loading="loading" stripe @selection-change="dataSelect">
@ -102,8 +102,8 @@
</el-form> </el-form>
<template #footer> <template #footer>
<span class="dialog-footer"> <span class="dialog-footer">
<el-button @click="modifyLyricModal = false">取消</el-button> <el-button @click="modifyLyricModal = false" plain>取消</el-button>
<el-button type="primary" @click="saveLyric" :loading="modalLoading">确定</el-button> <el-button type="primary" @click="saveLyric" :loading="modalLoading" plain>确定</el-button>
</span> </span>
</template> </template>
</el-dialog> </el-dialog>
@ -138,13 +138,13 @@
</el-form> </el-form>
<template #footer> <template #footer>
<span class="dialog-footer"> <span class="dialog-footer">
<el-button @click="uploadModal = false">取消</el-button> <el-button @click="uploadModal = false" plain>取消</el-button>
<el-button type="primary" @click="uploadMusic" >开始上传</el-button> <el-button type="primary" @click="uploadMusic" plain>开始上传</el-button>
</span> </span>
</template> </template>
</el-dialog> </el-dialog>
<el-drawer v-model="libDrawerVisible" title="歌单管理" size="900px"> <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 :data="libTableData" stripe>
<el-table-column prop="name" label="名称"> <el-table-column prop="name" label="名称">
<template #default="scope"> <template #default="scope">

View File

@ -41,12 +41,12 @@
auto-upload auto-upload
:show-file-list="false" :show-file-list="false"
style="display: inline-block;margin-right: 10px;"> 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-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"> <div class="search-btn">
<el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button> <el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
<el-button @click="reset" icon="RefreshLeft">重置</el-button> <el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
</div> </div>
</div> </div>
@ -59,7 +59,7 @@
<el-table-column prop="height" label="高度" width="70" /> <el-table-column prop="height" label="高度" width="70" />
<el-table-column label="操作" width="100" > <el-table-column label="操作" width="100" >
<template #default="scope"> <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> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>

View File

@ -16,9 +16,9 @@
auto-upload auto-upload
:show-file-list="false" :show-file-list="false"
style="display: inline-block;margin-right: 10px;"> 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-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> </div>
<el-table class="table-container" :data="sourceImageData" v-loading="loading" stripe @selection-change="dataSelect"> <el-table class="table-container" :data="sourceImageData" v-loading="loading" stripe @selection-change="dataSelect">
<el-table-column type="selection" width="55" /> <el-table-column type="selection" width="55" />
@ -41,8 +41,8 @@
</el-table-column> </el-table-column>
<el-table-column label="操作" > <el-table-column label="操作" >
<template #default="scope"> <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="EditPen" type="primary" @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="View" @click="preview(scope.row)" title="预览"></el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>

View File

@ -30,11 +30,11 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn-container"> <div class="btn-container">
<el-button type="primary" @click="splitWord" 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'">拉取文章</el-button> <el-button @click="pullArticles" style="vertical-align: bottom" v-permission="'article:edit'" plain>拉取文章</el-button>
<div class="search-btn"> <div class="search-btn">
<el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button> <el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
<el-button @click="reset" icon="RefreshLeft">重置</el-button> <el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
</div> </div>
</div> </div>
<el-row style="flex: 1; overflow: hidden;"> <el-row style="flex: 1; overflow: hidden;">

View File

@ -6,10 +6,10 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn-container"> <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"> <div class="search-btn">
<el-button type="primary" @click="loadData" icon="Search">搜索</el-button> <el-button type="primary" @click="loadData" icon="Search" plain>搜索</el-button>
<el-button @click="reset" icon="RefreshLeft">重置</el-button> <el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
</div> </div>
</div> </div>
<el-table class="table-container" :data="systemConfigData" v-loading="loading" stripe> <el-table class="table-container" :data="systemConfigData" v-loading="loading" stripe>
@ -46,8 +46,8 @@
<system-config-add ref="addForm" :formData="formData" /> <system-config-add ref="addForm" :formData="formData" />
<template #footer> <template #footer>
<span class="dialog-footer"> <span class="dialog-footer">
<el-button @click="addModal = false">取消</el-button> <el-button @click="addModal = false" plain>取消</el-button>
<el-button type="primary" @click="save" :loading="modalLoading">确定</el-button> <el-button type="primary" @click="save" :loading="modalLoading" plain>确定</el-button>
</span> </span>
</template> </template>
</el-dialog> </el-dialog>

View File

@ -6,10 +6,10 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn-container"> <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"> <div class="search-btn">
<el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button> <el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
<el-button @click="reset" icon="RefreshLeft">重置</el-button> <el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
</div> </div>
</div> </div>
<el-table class="table-container" :data="systemRoleData" v-loading="loading" stripe> <el-table class="table-container" :data="systemRoleData" v-loading="loading" stripe>
@ -65,8 +65,8 @@
</el-form> </el-form>
<template #footer> <template #footer>
<span class="dialog-footer"> <span class="dialog-footer">
<el-button @click="addModal = false">取消</el-button> <el-button @click="addModal = false" plain>取消</el-button>
<el-button type="primary" @click="save" :loading="modalLoading">确定</el-button> <el-button type="primary" @click="save" :loading="modalLoading" plain>确定</el-button>
</span> </span>
</template> </template>
</el-dialog> </el-dialog>

View File

@ -6,10 +6,10 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn-container"> <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"> <div class="search-btn">
<el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button> <el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
<el-button @click="reset" icon="RefreshLeft">重置</el-button> <el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
</div> </div>
</div> </div>
<el-table class="table-container" :data="systemUserData" v-loading="loading" stripe> <el-table class="table-container" :data="systemUserData" v-loading="loading" stripe>
@ -61,8 +61,8 @@
</el-form> </el-form>
<template #footer> <template #footer>
<span class="dialog-footer"> <span class="dialog-footer">
<el-button @click="addModal = false">取消</el-button> <el-button @click="addModal = false" plain>取消</el-button>
<el-button type="primary" @click="save" :loading="modalLoading">确定</el-button> <el-button type="primary" @click="save" :loading="modalLoading" plain>确定</el-button>
</span> </span>
</template> </template>
</el-dialog> </el-dialog>