fix: some style error

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

View File

@ -14,35 +14,35 @@
</template>
<script>
import { useDynamicRoutesHook } from "./tagsHook";
import { useRoute } from "vue-router";
import { ref, watchEffect } from "vue";
import { useDynamicRoutesHook } from "./tagsHook"
import { useRoute } from "vue-router"
import { ref, watchEffect } from "vue"
export default {
setup() {
const route = useRoute();
const { deleteDynamicTag, dRoutes } = ref(useDynamicRoutesHook()).value;
const route = useRoute()
const { deleteDynamicTag, dRoutes } = ref(useDynamicRoutesHook()).value
function deleteMenu(item) {
deleteDynamicTag(item, route.path);
deleteDynamicTag(item, route.path)
}
const { dynamicRouteTags } = useDynamicRoutesHook();
const { dynamicRouteTags } = useDynamicRoutesHook()
// tabview
let stop = watchEffect(() => {
let parentPath = route.path.slice(0, route.path.lastIndexOf("/"));
dynamicRouteTags(route.path, parentPath);
});
let parentPath = route.path.slice(0, route.path.lastIndexOf("/"))
dynamicRouteTags(route.path, parentPath)
})
setTimeout(() => {
//
stop();
});
stop()
})
return {
dynamicTagList: dRoutes,
deleteMenu,
};
}
},
};
</script>
@ -55,6 +55,7 @@ export default {
display: flex;
align-items: center;
justify-content: flex-start;
margin-left: 5px;
.scroll-item {
// border: 1px solid #eee;
border-radius: 3px;
@ -87,7 +88,7 @@ export default {
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
}
.active {
background: #409EFF;
background: #409eff;
position: relative;
color: #fff;
a {

View File

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