|
@@ -11,13 +11,14 @@
|
|
<native></native>
|
|
<native></native>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :span="24" class="main">
|
|
|
|
|
|
+ <el-col :span="24" :class="type ?'main__needLeft':'main'">
|
|
<div class="w_1200">
|
|
<div class="w_1200">
|
|
- <el-col :span="6" class="mainLeft">
|
|
|
|
|
|
+ <el-col :span="6" class="mainLeft" v-if="type">
|
|
<mainLeft></mainLeft>
|
|
<mainLeft></mainLeft>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :span="17" class="mainRight">
|
|
|
|
- <mainRight :mainRightList="mainRightList" :total="total"></mainRight>
|
|
|
|
|
|
+ <el-col :span="17" :class="type ? 'needLeft__right':'mainRight'">
|
|
|
|
+ <mainRight :mainRightList="mainRightList" :total="total" v-if="type"></mainRight>
|
|
|
|
+ <noLeft v-else :mainRightList="mainRightList"></noLeft>
|
|
</el-col>
|
|
</el-col>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-col>
|
|
@@ -33,6 +34,7 @@ import top from '../../layout/index/top.vue';
|
|
import native from '../../layout/index/native.vue';
|
|
import native from '../../layout/index/native.vue';
|
|
import mainLeft from '../../layout/list/mainLeft.vue';
|
|
import mainLeft from '../../layout/list/mainLeft.vue';
|
|
import mainRight from '../../layout/list/mainRight.vue';
|
|
import mainRight from '../../layout/list/mainRight.vue';
|
|
|
|
+import noLeft from '../../layout/list/noLeft.vue';
|
|
import footinfo from '../../layout/index/foot.vue';
|
|
import footinfo from '../../layout/index/foot.vue';
|
|
export default {
|
|
export default {
|
|
name: 'list',
|
|
name: 'list',
|
|
@@ -41,6 +43,7 @@ export default {
|
|
topInfo: null,
|
|
topInfo: null,
|
|
mainRightList: null,
|
|
mainRightList: null,
|
|
total: null,
|
|
total: null,
|
|
|
|
+ type: {type: Boolean, default: false}
|
|
},
|
|
},
|
|
components: {
|
|
components: {
|
|
top,
|
|
top,
|
|
@@ -48,6 +51,7 @@ export default {
|
|
footinfo,
|
|
footinfo,
|
|
mainLeft,
|
|
mainLeft,
|
|
mainRight,
|
|
mainRight,
|
|
|
|
+ noLeft,
|
|
},
|
|
},
|
|
data: () => ({}),
|
|
data: () => ({}),
|
|
created() { },
|
|
created() { },
|
|
@@ -68,8 +72,10 @@ export default {
|
|
height: 60px;
|
|
height: 60px;
|
|
}
|
|
}
|
|
.main {
|
|
.main {
|
|
|
|
+ width: 100%;
|
|
min-height: 500px;
|
|
min-height: 500px;
|
|
- margin: 20px 0;
|
|
|
|
|
|
+ margin: 20px 0px;
|
|
|
|
+ padding: 0 230px;
|
|
}
|
|
}
|
|
.main .mainLeft {
|
|
.main .mainLeft {
|
|
min-height: 500px;
|
|
min-height: 500px;
|
|
@@ -79,8 +85,7 @@ export default {
|
|
}
|
|
}
|
|
.main .mainRight {
|
|
.main .mainRight {
|
|
padding: 20px;
|
|
padding: 20px;
|
|
- float: right;
|
|
|
|
- width: 880px;
|
|
|
|
|
|
+ // width: 880px;
|
|
min-height: 500px;
|
|
min-height: 500px;
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
box-shadow: 0 0 5px #ccc;
|
|
box-shadow: 0 0 5px #ccc;
|
|
@@ -89,5 +94,13 @@ export default {
|
|
.down {
|
|
.down {
|
|
min-height: 100px;
|
|
min-height: 100px;
|
|
}
|
|
}
|
|
|
|
+.main__needLeft {
|
|
|
|
+ min-height: 500px;
|
|
|
|
+ margin: 20px 0;
|
|
|
|
+}
|
|
|
|
+.needLeft__right {
|
|
|
|
+ &:extend(.main .mainRight);
|
|
|
|
+ margin-left: 40px;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|
|
|
|
|