整理权限

This commit is contained in:
WangHao
2021-04-04 19:50:45 +08:00
parent 6e9a510d3c
commit bb01b94a52
13 changed files with 587 additions and 457 deletions

View File

@ -13,7 +13,7 @@
<br/>
<svg-icon icon-class="notebook_1" />
<br/>
<svg-icon icon-class="notebook_2" />
<svg-icon icon-class="tool" style="width: 50px;height: 50px" />
</div>

View File

@ -1,6 +1,89 @@
<template>
<div>
{{msg}}
<div class="main">
<div >
<div class="toolAll">
<!-- 微信丶在线文档等 -->
<div class="tool">
<svg-icon icon-class="tool" class="toolIcon" />
<div class="toolName">
<span >书签去重</span>
</div>
<div class="toolDescription">
<span style="">微信丶在线文档等</span>
</div>
</div>
<!-- 微信丶在线文档等 -->
<div class="tool">
<svg-icon icon-class="100" class="toolIcon" />
<div class="toolName">
<span >文件</span>
</div>
<div class="toolDescription">
<span style="">微信丶在线文档等</span>
</div>
</div>
<!-- 微信丶在线文档等 -->
<div class="tool">
<svg-icon icon-class="102" class="toolIcon" />
<div class="toolName">
<span >文件</span>
</div>
<div class="toolDescription">
<span style="">微信丶在线文档等</span>
</div>
</div>
<!-- 微信丶在线文档等 -->
<div class="tool">
<svg-icon icon-class="103" class="toolIcon" />
<div class="toolName">
<span >文件</span>
</div>
<div class="toolDescription">
<span style="">微信丶在线文档等</span>
</div>
</div>
<!-- 微信丶在线文档等 -->
<div class="tool">
<svg-icon icon-class="104" class="toolIcon" />
<div class="toolName">
<span >文件</span>
</div>
<div class="toolDescription">
<span style="">微信丶在线文档等</span>
</div>
</div>
<!-- 微信丶在线文档等 -->
<div class="tool">
<svg-icon icon-class="105" class="toolIcon" />
<div class="toolName">
<span >文件</span>
</div>
<div class="toolDescription">
<span style="">微信丶在线文档等</span>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
@ -14,6 +97,49 @@
methods: {}
}
</script>
<style>
<style scoped>
.main{
background-color: #F4F5F9;
}
.toolAll{
width: 100%;
display: flex;
align-items: center;
justify-items:center;
flex-wrap:wrap;
padding-bottom: 30px;
}
.tool{
background-color: #FFFFFF;
width: 180px;
height: 120px;
border-radius: 10px;
margin-left: 48px;
margin-top: 30px;
}
.toolIcon{
width: 40px;
height: 40px;
margin-top: 10px;
margin-left: 10px;
}
.toolName{
margin-top: 10px
}
.toolName span{
margin-left: 10px;
color: #2B2B2B;
font-weight: 800;
font-size: 17px
}
.toolDescription{
margin-top: 10px;
}
.toolDescription span{
margin-left: 10px;
margin-top: 18px;
color: #ADB1B9;
}
</style>

View File

@ -32,7 +32,7 @@
<div class="aside-title" @click="gorecycle"><i class="el-icon-delete-solid" style="color: red"></i><span>垃圾桶</span></div>
<div class="aside-title" @click="importHtml"><i class="el-icon-s-platform"></i><span>导入书签</span></div>
<div class="aside-title"><i class="el-icon-s-comment"></i><span>意见反馈</span></div>
<div class="aside-title" @click="ceshi"><i class="el-icon-s-comment"></i><span>测试页面</span></div>
<!-- <div class="aside-title" @click="ceshi"><i class="el-icon-s-comment"></i><span>测试页面</span></div>-->
<!-- <div class="aside-title" @click="NqEdit"><i class="el-icon-s-comment"></i><span>NqQuillEdit编辑器</span></div>-->
<div class="aside-title " style="margin-bottom: 100px" @click="gotool"><i class="el-icon-s-grid"></i><span>工具箱</span></div>