peihaoyu/nebula
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 操作按钮展示效果统一

Browse Source
This commit is contained in:
x ronger 2020-09-28 00:37:14 +08:00
parent bf4661da29
commit 1eaa3edc5f
19 changed files with 51 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/common/comment/main.vue
View File

@ -23,13 +23,13 @@
<div id="contentEditor"></div> <div id="contentEditor"></div>
</el-col> </el-col>
<el-col style="margin-top: 1rem;padding-right:3rem;text-align: right;"> <el-col style="margin-top: 1rem;padding-right:3rem;text-align: right;">
<el-button type="primary" :loading="loading" @click="postComment">发布</el-button> <el-button type="primary" :loading="loading" @click="postComment" plain>发布</el-button>
</el-col> </el-col>
</el-drawer> </el-drawer>
</el-col> </el-col>
</el-col> </el-col>
<el-col v-else class="text-center" style="margin-top: 1rem;"> <el-col v-else class="text-center" style="margin-top: 1rem;">
<el-button type="primary" size="medium" @click="gotoLogin">登录</el-button> <el-button type="primary" size="medium" @click="gotoLogin" plain>登录</el-button>
后发布评论 后发布评论
</el-col> </el-col>
<el-col style="margin-top: 1rem;"> <el-col style="margin-top: 1rem;">

2
components/common/portfolio/manager/bind/list.vue
View File

@ -8,7 +8,7 @@
</el-link> </el-link>
<div class="text-muted article-summary-md">{{ article.articlePreviewContent }}</div> <div class="text-muted article-summary-md">{{ article.articlePreviewContent }}</div>
<el-col class="text-right" style="padding: 1rem;"> <el-col class="text-right" style="padding: 1rem;">
<el-button @click="bindArticle(article.idArticle)" :loading="loading">添加至作品集</el-button> <el-button @click="bindArticle(article.idArticle)" :loading="loading" plain>添加至作品集</el-button>
</el-col> </el-col>
</div> </div>
</el-card> </el-card>

4
components/widget/tags.vue
View File

@ -21,8 +21,8 @@
</el-select> </el-select>
</el-col> </el-col>
<el-col style="text-align: center;"> <el-col style="text-align: center;">
<el-button type="primary" style="margin-top: 1rem;" @click="saveTags">保存</el-button> <el-button type="primary" style="margin-top: 1rem;" @click="saveTags" plain>保存</el-button>
<el-button style="margin-top: 1rem;" @click="$emit('closeDialog')">取消</el-button> <el-button style="margin-top: 1rem;" @click="$emit('closeDialog')" plain>取消</el-button>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>

12
pages/admin/roles.vue
View File

@ -7,7 +7,7 @@
</el-breadcrumb> </el-breadcrumb>
</el-col> </el-col>
<el-col> <el-col>
<el-button type="primary" @click="showAddDialog">添加角色</el-button> <el-button type="primary" @click="showAddDialog" plain>添加角色</el-button>
<el-table <el-table
:data="roles" :data="roles"
style="width: 100%;margin-top: 1rem;"> style="width: 100%;margin-top: 1rem;">
@ -43,11 +43,11 @@
</el-table-column> </el-table-column>
<el-table-column label="操作"> <el-table-column label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button> <el-button size="mini" @click="handleEdit(scope.$index, scope.row)" plain>编辑</el-button>
<el-button v-if="scope.row.status == 1" size="mini" type="primary" <el-button v-if="scope.row.status == 1" size="mini" type="primary"
@click="toggleStatus(scope.$index, scope.row)">启用 @click="toggleStatus(scope.$index, scope.row)" plain>启用
</el-button> </el-button>
<el-button v-else size="mini" type="danger" @click="toggleStatus(scope.$index, scope.row)">禁用</el-button> <el-button v-else size="mini" type="danger" @click="toggleStatus(scope.$index, scope.row)" plain>禁用</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -77,8 +77,8 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button> <el-button @click="dialogVisible = false" plain>取 消</el-button>
<el-button type="primary" @click="updateRole">确 定</el-button> <el-button type="primary" @click="updateRole" plain>确 定</el-button>
</div> </div>
</el-dialog> </el-dialog>
</el-col> </el-col>

2
pages/admin/tag/post/_tag_id.vue
View File

@ -52,7 +52,7 @@
<div id="contentEditor"></div> <div id="contentEditor"></div>
</el-form-item> </el-form-item>
<el-form-item class="text-right"> <el-form-item class="text-right">
<el-button @click="updateTag" :loading="loading">提交</el-button> <el-button @click="updateTag" :loading="loading" plain>提交</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>

6
pages/admin/tags.vue
View File

@ -7,8 +7,8 @@
</el-breadcrumb> </el-breadcrumb>
</el-col> </el-col>
<el-col style="margin: .5rem;"> <el-col style="margin: .5rem;">
<el-button size="small" @click="createTag">创建标签</el-button> <el-button size="small" @click="createTag" plain>创建标签</el-button>
<el-button size="small" @click="cleanUnusedTag">清除未使用标签</el-button> <el-button size="small" @click="cleanUnusedTag" plain>清除未使用标签</el-button>
</el-col> </el-col>
<el-col v-for="tag in tags" :key="tag.idTag"> <el-col v-for="tag in tags" :key="tag.idTag">
<el-card style="margin: .5rem;"> <el-card style="margin: .5rem;">
@ -25,7 +25,7 @@
</el-col> </el-col>
</el-col> </el-col>
<el-col :span="3" class="text-right"> <el-col :span="3" class="text-right">
<el-button size="small" @click="updateTag(tag.idTag)">管理</el-button> <el-button size="small" @click="updateTag(tag.idTag)" plain>管理</el-button>
</el-col> </el-col>
<el-col style="margin-bottom: .8rem">{{ tag.tagDescription }}</el-col> <el-col style="margin-bottom: .8rem">{{ tag.tagDescription }}</el-col>
</el-card> </el-card>

2
pages/admin/topic/_topic_uri.vue
View File

@ -47,7 +47,7 @@
</el-col> </el-col>
</el-col> </el-col>
<el-col :span="3" class="text-right"> <el-col :span="3" class="text-right">
<el-button size="small" @click="unbindTopicTag(tag.idTag)">取消关联</el-button> <el-button size="small" @click="unbindTopicTag(tag.idTag)" plain>取消关联</el-button>
</el-col> </el-col>
<el-col style="margin-bottom: .8rem">{{ tag.tagDescription }}</el-col> <el-col style="margin-bottom: .8rem">{{ tag.tagDescription }}</el-col>
</el-card> </el-card>

2
pages/admin/topic/bind/_topic_id.vue
View File

@ -29,7 +29,7 @@
</el-col> </el-col>
</el-col> </el-col>
<el-col :span="3" class="text-right"> <el-col :span="3" class="text-right">
<el-button size="small" @click="bindTopicTag(tag.idTag)">关联</el-button> <el-button size="small" @click="bindTopicTag(tag.idTag)" plain>关联</el-button>
</el-col> </el-col>
<el-col style="margin-bottom: .8rem">{{ tag.tagDescription }}</el-col> <el-col style="margin-bottom: .8rem">{{ tag.tagDescription }}</el-col>
</el-card> </el-card>

2
pages/admin/topic/post/_topic_id.vue
View File

@ -62,7 +62,7 @@
<div id="contentEditor"></div> <div id="contentEditor"></div>
</el-form-item> </el-form-item>
<el-form-item class="text-right"> <el-form-item class="text-right">
<el-button @click="updateTopic" :loading="loading">提交</el-button> <el-button @click="updateTopic" :loading="loading" plain>提交</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>

2
pages/admin/topics.vue
View File

@ -7,7 +7,7 @@
</el-breadcrumb> </el-breadcrumb>
</el-col> </el-col>
<el-col style="margin: .5rem;"> <el-col style="margin: .5rem;">
<el-button size="small" @click="createTopic">创建专题</el-button> <el-button size="small" @click="createTopic" plain>创建专题</el-button>
</el-col> </el-col>
<el-col :span="8" style="margin-bottom: .5rem;" v-for="topic in topics" :key="topic.idTopic"> <el-col :span="8" style="margin-bottom: .5rem;" v-for="topic in topics" :key="topic.idTopic">
<el-card> <el-card>

6
pages/admin/users.vue
View File

@ -61,11 +61,11 @@
</el-table-column> </el-table-column>
<el-table-column label="操作"> <el-table-column label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button size="mini" @click="handleRole(scope.$index, scope.row)">授权</el-button> <el-button size="mini" @click="handleRole(scope.$index, scope.row)" plain>授权</el-button>
<el-button v-if="scope.row.status == 1" size="mini" type="primary" <el-button v-if="scope.row.status == 1" size="mini" type="primary"
@click="toggleStatus(scope.$index, scope.row)">启用 @click="toggleStatus(scope.$index, scope.row)" plain>启用
</el-button> </el-button>
<el-button v-else size="mini" type="danger" @click="toggleStatus(scope.$index, scope.row)">禁用</el-button> <el-button v-else size="mini" type="danger" @click="toggleStatus(scope.$index, scope.row)" plain>禁用</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>

14
pages/article/_article_id.vue
View File

@ -35,16 +35,16 @@
</el-col> </el-col>
<el-col v-if="user" :span="12" style="text-align: right;"> <el-col v-if="user" :span="12" style="text-align: right;">
<template v-if="user.idUser !== article.articleAuthorId"> <template v-if="user.idUser !== article.articleAuthorId">
<el-button size="mini" v-if="isFollow" @click="cancelFollowUser(article.articleAuthorId)">取消关注</el-button> <el-button size="mini" v-if="isFollow" @click="cancelFollowUser(article.articleAuthorId)" plain>取消关注</el-button>
<el-button size="mini" v-else @click="followUser(article.articleAuthorId)">关注</el-button> <el-button size="mini" v-else @click="followUser(article.articleAuthorId)" plain>关注</el-button>
</template> </template>
<el-button size="mini" v-if="hasPermissions" @click="handleCommand('edit')">编辑文章</el-button> <el-button size="mini" v-if="hasPermissions" @click="handleCommand('edit')" plain>编辑文章</el-button>
<el-button size="mini" v-if="isAdmin" @click="handleCommand('editTags')">编辑标签</el-button> <el-button size="mini" v-if="isAdmin" @click="handleCommand('editTag')" plain>编辑标签</el-button>
<el-button size="mini" @click="handleCommand('share')">分享</el-button> <el-button size="mini" @click="handleCommand('share')" plain>分享</el-button>
</el-col> </el-col>
<el-col v-else :span="12" style="text-align: right;"> <el-col v-else :span="12" style="text-align: right;">
<el-button size="mini" @click="gotoLogin">关注</el-button> <el-button size="mini" @click="gotoLogin" plain>关注</el-button>
<el-button size="mini" @click="handleCommand('share')">分享</el-button> <el-button size="mini" @click="handleCommand('share')" plain>分享</el-button>
</el-col> </el-col>
</el-col> </el-col>
<el-col v-if="article.portfolios && article.portfolios.length > 0"> <el-col v-if="article.portfolios && article.portfolios.length > 0">

12
pages/article/post/_article_id.vue
View File

@ -33,14 +33,14 @@
</el-select> </el-select>
</el-col> </el-col>
<el-col v-if="!isEdit" style="margin-top: 1rem;padding-right:3rem;text-align: right;"> <el-col v-if="!isEdit" style="margin-top: 1rem;padding-right:3rem;text-align: right;">
<el-button :loading="doLoading" @click="saveArticle">保存草稿</el-button> <el-button :loading="doLoading" @click="saveArticle" plain>保存草稿</el-button>
<el-button type="primary" :loading="doLoading" @click="postArticle">发布</el-button> <el-button type="primary" :loading="doLoading" @click="postArticle" plain>发布</el-button>
</el-col> </el-col>
<el-col v-else style="margin-top: 1rem;padding-right:3rem;text-align: right;"> <el-col v-else style="margin-top: 1rem;padding-right:3rem;text-align: right;">
<el-button type="danger" :loading="doLoading" @click="deleteArticle">删除</el-button> <el-button type="danger" :loading="doLoading" @click="deleteArticle" plain>删除</el-button>
<el-button v-if="articleStatus === '1'" :loading="doLoading" @click="saveArticle">保存草稿</el-button> <el-button v-if="articleStatus === '1'" :loading="doLoading" @click="saveArticle" plain>保存草稿</el-button>
<el-button v-if="articleStatus === '0'" :loading="doLoading" type="primary" @click="postArticle">更新</el-button> <el-button v-if="articleStatus === '0'" :loading="doLoading" type="primary" @click="postArticle" plain>更新</el-button>
<el-button v-else type="primary" :loading="doLoading" @click="postArticle">发布</el-button> <el-button v-else type="primary" :loading="doLoading" @click="postArticle" plain>发布</el-button>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>

2
pages/chats/_nickname.vue
View File

@ -5,7 +5,7 @@
<div id="contentEditor"></div> <div id="contentEditor"></div>
</el-col> </el-col>
<el-col style="margin-top: 1rem;padding-right:3rem;text-align: right;"> <el-col style="margin-top: 1rem;padding-right:3rem;text-align: right;">
<el-button type="primary" :loading="loading" @click="send">发送</el-button> <el-button type="primary" :loading="loading" @click="send" plain>发送</el-button>
</el-col> </el-col>
<el-col style="margin-top: 2rem;" id="messagesContent"> <el-col style="margin-top: 2rem;" id="messagesContent">
<el-col v-for="message in Array.prototype.reverse.call(messages)" :key="message.dataId"> <el-col v-for="message in Array.prototype.reverse.call(messages)" :key="message.dataId">

2
pages/forget-password.vue
View File

@ -16,7 +16,7 @@
<el-input type="password" v-model="form.confirmPassword" autocomplete="off" show-password></el-input> <el-input type="password" v-model="form.confirmPassword" autocomplete="off" show-password></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button style="width: 60%;" type="primary" @click="forgetPassword">提交</el-button> <el-button style="width: 60%;" type="primary" @click="forgetPassword" plain>提交</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>

8
pages/login.vue
View File

@ -15,8 +15,8 @@
<el-link rel="nofollow" style="float: right;" :underline="false" @click="forgetPassword">忘记密码</el-link> <el-link rel="nofollow" style="float: right;" :underline="false" @click="forgetPassword">忘记密码</el-link>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button style="width: 60%;" type="primary" @click="login" :loading="loginLoading">立即登录</el-button> <el-button style="width: 60%;" type="primary" @click="login" :loading="loginLoading" plain>立即登录</el-button>
<el-button style="width: 32%;" @click="register">注册</el-button> <el-button style="width: 32%;" @click="register" plain>注册</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
@ -43,8 +43,8 @@
<el-input v-model="forgetForm.email" autocomplete="off"></el-input> <el-input v-model="forgetForm.email" autocomplete="off"></el-input>
</el-form-item> </el-form-item>
<el-form-item style="text-align: center;"> <el-form-item style="text-align: center;">
<el-button :loading="loading" @click.native="sendEmailCode" type="success">发送</el-button> <el-button :loading="loading" @click.native="sendEmailCode" type="success" plain>发送</el-button>
<el-button :loading="loading" @click.native="hideForgetPasswordDialog">取消</el-button> <el-button :loading="loading" @click.native="hideForgetPasswordDialog" plain>取消</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-dialog> </el-dialog>

6
pages/register.vue
View File

@ -20,12 +20,12 @@
</el-form-item> </el-form-item>
<el-form-item label="验证码" prop="code" :rules="[{ required: true, message: '请输入验证码', trigger: 'blur' }]"> <el-form-item label="验证码" prop="code" :rules="[{ required: true, message: '请输入验证码', trigger: 'blur' }]">
<el-input v-model="user.code" maxlength="6" autocomplete="off"> <el-input v-model="user.code" maxlength="6" autocomplete="off">
<el-button type="email" size="small" slot="append" @click="sendCode" :loading="loading">{{loadText}}</el-button> <el-button type="email" size="small" slot="append" @click="sendCode" :loading="loading" plain>{{loadText}}</el-button>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button style="width: 60%;" type="primary" @click="register" :loading="registerLoading">立即注册</el-button> <el-button style="width: 60%;" type="primary" @click="register" :loading="registerLoading" plain>立即注册</el-button>
<el-button style="width: 32%;" @click="login">登录</el-button> <el-button style="width: 32%;" @click="login" plain>登录</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>

10
pages/user/_nickname.vue
View File

@ -13,14 +13,14 @@
<p class="mb-4" v-html="user.signature"></p> <p class="mb-4" v-html="user.signature"></p>
<div v-if="oauth"> <div v-if="oauth">
<div v-if="oauth.idUser !== user.idUser"> <div v-if="oauth.idUser !== user.idUser">
<el-button type="primary" v-if="isFollow" @click="cancelFollowUser(user.idUser)">取消关注</el-button> <el-button type="primary" v-if="isFollow" @click="cancelFollowUser(user.idUser)" plain>取消关注</el-button>
<el-button type="primary" v-else @click="followUser(user.idUser)">关注</el-button> <el-button type="primary" v-else @click="followUser(user.idUser)" plain>关注</el-button>
<el-button @click="gotoChats">聊天</el-button> <el-button @click="gotoChats" plain>聊天</el-button>
</div> </div>
</div> </div>
<div v-else> <div v-else>
<el-button type="primary" @click="login">关注</el-button> <el-button type="primary" @click="login" plain>关注</el-button>
<el-button @click="login">聊天</el-button> <el-button @click="login" plain>聊天</el-button>
</div> </div>
</div> </div>
</div> </div>

4
pages/user/settings/account.vue
View File

@ -35,7 +35,7 @@
<i v-else class="el-icon-plus avatar-uploader-icon"></i> <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</div> </div>
</el-upload> </el-upload>
<el-button style="margin-top: 1rem;" type="primary" round @click="genAvatar">随机</el-button> <el-button style="margin-top: 1rem;" type="primary" round @click="genAvatar" plain>随机</el-button>
</el-form-item> </el-form-item>
<el-form-item label="昵称" prop="nickname"> <el-form-item label="昵称" prop="nickname">
<el-input v-model="user.nickname" @blur="checkNickname"></el-input> <el-input v-model="user.nickname" @blur="checkNickname"></el-input>
@ -54,7 +54,7 @@
<el-input type="textarea" v-model="user.signature"></el-input> <el-input type="textarea" v-model="user.signature"></el-input>
</el-form-item> </el-form-item>
<el-form-item style="text-align: right;"> <el-form-item style="text-align: right;">
<el-button type="primary" round @click="updateUserInfo">保存</el-button> <el-button type="primary" round @click="updateUserInfo" plain>保存</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>