twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-03 13:44:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: some style error

Browse Source
This commit is contained in:
xiaoxian521 2021-04-11 17:41:07 +08:00
parent 65aac55053
commit 57ee746489
2 changed files with 17 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/layout/components/tag/index.vue
View File

@ -14,35 +14,35 @@
</template> </template>
<script> <script>
import { useDynamicRoutesHook } from "./tagsHook"; import { useDynamicRoutesHook } from "./tagsHook"
import { useRoute } from "vue-router"; import { useRoute } from "vue-router"
import { ref, watchEffect } from "vue"; import { ref, watchEffect } from "vue"
export default { export default {
setup() { setup() {
const route = useRoute(); const route = useRoute()
const { deleteDynamicTag, dRoutes } = ref(useDynamicRoutesHook()).value; const { deleteDynamicTag, dRoutes } = ref(useDynamicRoutesHook()).value
function deleteMenu(item) { function deleteMenu(item) {
deleteDynamicTag(item, route.path); deleteDynamicTag(item, route.path)
} }
const { dynamicRouteTags } = useDynamicRoutesHook(); const { dynamicRouteTags } = useDynamicRoutesHook()
// 初始化页面刷新保证当前路由tabview存在 // 初始化页面刷新保证当前路由tabview存在
let stop = watchEffect(() => { let stop = watchEffect(() => {
let parentPath = route.path.slice(0, route.path.lastIndexOf("/")); let parentPath = route.path.slice(0, route.path.lastIndexOf("/"))
dynamicRouteTags(route.path, parentPath); dynamicRouteTags(route.path, parentPath)
}); })
setTimeout(() => { setTimeout(() => {
// 监听只执行一次，但获取不到当前路由，需要下一个事件轮询中取消监听 // 监听只执行一次，但获取不到当前路由，需要下一个事件轮询中取消监听
stop(); stop()
}); })
return { return {
dynamicTagList: dRoutes, dynamicTagList: dRoutes,
deleteMenu, deleteMenu,
}; }
}, },
}; };
</script> </script>
@ -55,6 +55,7 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
margin-left: 5px;
.scroll-item { .scroll-item {
// border: 1px solid #eee; // border: 1px solid #eee;
border-radius: 3px; border-radius: 3px;
@ -84,10 +85,10 @@ export default {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
} }
.active { .active {
background: #409EFF; background: #409eff;
position: relative; position: relative;
color: #fff; color: #fff;
a { a {

2
src/views/editor/index.vue
View File

@ -44,6 +44,6 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
:deep(.w-e-text-container) { :deep(.w-e-text-container) {
z-index: 999 !important; z-index: 99 !important;
} }
</style> </style>