zuaa
/
vue-vben-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: remove /deep/

This commit is contained in:
陈小婷 2020-11-20 22:54:40 +08:00
parent 8882d4e7ea
commit 16117a9ef9
4 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/demo/comp/scroll/VirtualScroll.vue
View File

@ -49,7 +49,7 @@
justify-content: center; justify-content: center;
} }
/deep/ &__item { &__item {
height: 40px; height: 40px;
padding: 0 20px; padding: 0 20px;
line-height: 40px; line-height: 40px;

4
src/views/demo/page/account/center/Application.vue
View File

@ -48,12 +48,12 @@
}, },
}); });
</script> </script>
<style lang="less" scoped> <style lang="less">
.account-center-application { .account-center-application {
&__card { &__card {
width: 100%; width: 100%;
/deep/ .ant-card-body { .ant-card-body {
padding: 16px; padding: 16px;
} }

4
src/views/demo/page/account/center/Project.vue
View File

@ -38,12 +38,12 @@
}, },
}); });
</script> </script>
<style lang="less" scoped> <style lang="less">
.account-center-project { .account-center-project {
&__card { &__card {
width: 100%; width: 100%;
/deep/ .ant-card-body { .ant-card-body {
padding: 0 0 24px 0; padding: 0 0 24px 0;
} }

16
src/views/demo/page/account/setting/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<ScrollContainer> <ScrollContainer>
<div ref="wrapperRef" class="m-4 account"> <div ref="wrapperRef" :class="prefixCls">
<Tabs tab-position="left" :tabBarStyle="tabBarStyle"> <Tabs tab-position="left" :tabBarStyle="tabBarStyle">
<template v-for="item in settingList" :key="item.key"> <template v-for="item in settingList" :key="item.key">
<TabPane :tab="item.name"> <TabPane :tab="item.name">
@ -36,6 +36,7 @@
}, },
setup() { setup() {
return { return {
prefixCls: 'account-setting',
settingList, settingList,
tabBarStyle: { tabBarStyle: {
width: '220px', width: '220px',
@ -44,19 +45,16 @@
}, },
}); });
</script> </script>
<style lang="less" scoped> <style lang="less">
.account { .account-setting {
margin: 12px;
background: #fff; background: #fff;
/deep/ .base-title { .base-title {
padding-left: 0; padding-left: 0;
} }
/deep/ .ant-tabs { .ant-tabs-tab-active {
padding: 16px 0;
}
/deep/ .ant-tabs-tab-active {
background-color: #e6f7ff; background-color: #e6f7ff;
} }
} }