feat:修改左侧菜单添加moudle的按钮样式

This commit is contained in:
zhangyu
2020-11-09 15:33:29 +08:00
parent e7b8354166
commit ad67265a80
3 changed files with 17 additions and 2 deletions

View File

@@ -18,6 +18,7 @@ const cn = {
upload: "上传", upload: "上传",
search: "搜索", search: "搜索",
add: "新增", add: "新增",
addProject:"新增",
addAssetList: "新增", addAssetList: "新增",
batchEdit:'批量修改', batchEdit:'批量修改',
option: "操作", option: "操作",

View File

@@ -24,6 +24,7 @@ const en = {
preview:'Preview',//预览 preview:'Preview',//预览
search: 'Search', //'搜索' search: 'Search', //'搜索'
add: 'Create', //"新增" add: 'Create', //"新增"
addProject:'Add',
addAssetList: "Add", addAssetList: "Add",
batchEdit:'Batch Edit', batchEdit:'Batch Edit',
option: 'Operation', //"操作" option: 'Operation', //"操作"

View File

@@ -24,8 +24,8 @@
</div> </div>
</template> </template>
<div class="sidebar-info sub-sidebar-info" > <div class="sidebar-info sub-sidebar-info" >
<div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-add" @click="addModule(item)" :title="$t('overall.createModule')"> <div v-if="getProjectModule(item.id).length == 0" class="sidebar-info-item sidebar-info-item-project-add" @click="addModule(item)" :title="$t('overall.createModule')">
<i class="nz-icon nz-icon-create-square"></i> <span><i class="nz-icon nz-icon-create-square"></i>&nbsp;{{$t("overall.addProject")}}</span>
</div> </div>
<template v-else> <template v-else>
<div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id"> <div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(item, module)" :id="'project-module-'+module.id">
@@ -753,6 +753,19 @@
width: 175px; width: 175px;
} }
} }
.content-left .sidebar-info-item-project-add{
border: 1px solid rgba(0,0,0,0.15);
border-radius: 4px;
text-align: center;
font-family: Roboto-Regular;
font-size: 14px;
color: #535B64;
margin-right: 25px;
height: 30px;
line-height: 30px;
display: flex;
padding-left: 0;
}
</style> </style>
<style lang="scss"> <style lang="scss">