|
@@ -29,7 +29,10 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="app-main main-padding horizontal-container" :class="{backImg: hasBackImg}">
|
|
|
|
|
|
|
+ <div
|
|
|
|
|
+ class="app-main main-padding horizontal-container"
|
|
|
|
|
+ :class="{ backImg: hasBackImg }"
|
|
|
|
|
+ >
|
|
|
<ht-app-main />
|
|
<ht-app-main />
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -85,8 +88,8 @@
|
|
|
style: 'settings/style',
|
|
style: 'settings/style',
|
|
|
}),
|
|
}),
|
|
|
hasBackImg() {
|
|
hasBackImg() {
|
|
|
- const currentTemplate = this.$store.state.user.nowTemplate
|
|
|
|
|
- if(currentTemplate.indexOf('templateB') > -1){
|
|
|
|
|
|
|
+ const currentTemplate = this.$store.state.user.nowTemplate
|
|
|
|
|
+ if (currentTemplate.indexOf('templateB') > -1) {
|
|
|
return true
|
|
return true
|
|
|
} else {
|
|
} else {
|
|
|
return false
|
|
return false
|
|
@@ -177,10 +180,10 @@
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
}
|
|
}
|
|
|
- .backImg:has(.app-main-container.index-container){
|
|
|
|
|
- background: url("~@/assets/indexTwo/m-bg.png") no-repeat;
|
|
|
|
|
|
|
+ .backImg:has(.app-main-container.index-container) {
|
|
|
|
|
+ background: url('~@/assets/indexTwo/m-bg.png') no-repeat;
|
|
|
background-size: cover;
|
|
background-size: cover;
|
|
|
- .app-main-container{
|
|
|
|
|
|
|
+ .app-main-container {
|
|
|
background: transparent !important;
|
|
background: transparent !important;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -328,18 +331,29 @@
|
|
|
}
|
|
}
|
|
|
.horizontal-container {
|
|
.horizontal-container {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- width: 92% !important;
|
|
|
|
|
|
|
+ width: 100% !important;
|
|
|
height: calc(100% - #{$base-content-margin});
|
|
height: calc(100% - #{$base-content-margin});
|
|
|
|
|
+ padding: 0 20px;
|
|
|
padding-bottom: #{$base-content-margin};
|
|
padding-bottom: #{$base-content-margin};
|
|
|
- margin: auto;
|
|
|
|
|
- &:has(#l_new_home){
|
|
|
|
|
|
|
+ margin: 0;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+ overflow-x: hidden;
|
|
|
|
|
+
|
|
|
|
|
+ ::v-deep {
|
|
|
|
|
+ .app-main-container {
|
|
|
|
|
+ width: 100% !important;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ &:has(#l_new_home) {
|
|
|
width: 100% !important;
|
|
width: 100% !important;
|
|
|
- .app-main-container{
|
|
|
|
|
- width: 92%;
|
|
|
|
|
- padding: 0 4%;
|
|
|
|
|
|
|
+ .app-main-container {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ padding: 0 20px;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- &:has(#o-container){
|
|
|
|
|
|
|
+ &:has(#o-container) {
|
|
|
width: 100% !important;
|
|
width: 100% !important;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|