canrd-outside / order-erp-front · Commits

Commit 16117a9ef917bd5a6488645fa0d60faba38c60dd

Authored by 陈小婷
1 parent 8882d4e7

chore: remove /deep/

Inline Side-by-side
Showing 4 changed files with 12 additions and 14 deletions
src/views/demo/comp/scroll/VirtualScroll.vue
  View file @16117a9
@@ -49,7 +49,7 @@ @@ -49,7 +49,7 @@
49 justify-content: center; 49 justify-content: center;
50 } 50 }
51 51
52 - /deep/ &__item { 52 + &__item {
53 height: 40px; 53 height: 40px;
54 padding: 0 20px; 54 padding: 0 20px;
55 line-height: 40px; 55 line-height: 40px;
src/views/demo/page/account/center/Application.vue
  View file @16117a9
@@ -48,12 +48,12 @@ @@ -48,12 +48,12 @@
48 }, 48 },
49 }); 49 });
50 </script> 50 </script>
51 -<style lang="less" scoped> 51 +<style lang="less">
52 .account-center-application { 52 .account-center-application {
53 &__card { 53 &__card {
54 width: 100%; 54 width: 100%;
55 55
56 - /deep/ .ant-card-body { 56 + .ant-card-body {
57 padding: 16px; 57 padding: 16px;
58 } 58 }
59 59
src/views/demo/page/account/center/Project.vue
  View file @16117a9
@@ -38,12 +38,12 @@ @@ -38,12 +38,12 @@
38 }, 38 },
39 }); 39 });
40 </script> 40 </script>
41 -<style lang="less" scoped> 41 +<style lang="less">
42 .account-center-project { 42 .account-center-project {
43 &__card { 43 &__card {
44 width: 100%; 44 width: 100%;
45 45
46 - /deep/ .ant-card-body { 46 + .ant-card-body {
47 padding: 0 0 24px 0; 47 padding: 0 0 24px 0;
48 } 48 }
49 49
src/views/demo/page/account/setting/index.vue
  View file @16117a9
1 <template> 1 <template>
2 <ScrollContainer> 2 <ScrollContainer>
3 - <div ref="wrapperRef" class="m-4 account"> 3 + <div ref="wrapperRef" :class="prefixCls">
4 <Tabs tab-position="left" :tabBarStyle="tabBarStyle"> 4 <Tabs tab-position="left" :tabBarStyle="tabBarStyle">
5 <template v-for="item in settingList" :key="item.key"> 5 <template v-for="item in settingList" :key="item.key">
6 <TabPane :tab="item.name"> 6 <TabPane :tab="item.name">
@@ -36,6 +36,7 @@ @@ -36,6 +36,7 @@
36 }, 36 },
37 setup() { 37 setup() {
38 return { 38 return {
  39 + prefixCls: 'account-setting',
39 settingList, 40 settingList,
40 tabBarStyle: { 41 tabBarStyle: {
41 width: '220px', 42 width: '220px',
@@ -44,19 +45,16 @@ @@ -44,19 +45,16 @@
44 }, 45 },
45 }); 46 });
46 </script> 47 </script>
47 -<style lang="less" scoped>  
48 - .account { 48 +<style lang="less">
  49 + .account-setting {
  50 + margin: 12px;
49 background: #fff; 51 background: #fff;
50 52
51 - /deep/ .base-title { 53 + .base-title {
52 padding-left: 0; 54 padding-left: 0;
53 } 55 }
54 56
55 - /deep/ .ant-tabs {  
56 - padding: 16px 0;  
57 - }  
58 -  
59 - /deep/ .ant-tabs-tab-active { 57 + .ant-tabs-tab-active {
60 background-color: #e6f7ff; 58 background-color: #e6f7ff;
61 } 59 }
62 } 60 }