|
@@ -32,7 +32,7 @@
|
|
</template>
|
|
</template>
|
|
<template v-if="name === 'baozhi'">
|
|
<template v-if="name === 'baozhi'">
|
|
<a class="img-box" @click="toSubscribe">
|
|
<a class="img-box" @click="toSubscribe">
|
|
- <img src="../../assets/baozhi-ding.png" class="baozhi-ding" />
|
|
|
|
|
|
+ <img src="../../assets/baozhi-ding.png" class="baozhi-dings-1" />
|
|
</a>
|
|
</a>
|
|
</template>
|
|
</template>
|
|
<template v-if="name === 'jingdu'">
|
|
<template v-if="name === 'jingdu'">
|
|
@@ -40,7 +40,10 @@
|
|
<img src="../../assets/jingdu-ding.png" class="baozhi-dings" />
|
|
<img src="../../assets/jingdu-ding.png" class="baozhi-dings" />
|
|
</a>
|
|
</a>
|
|
</template>
|
|
</template>
|
|
- <div class="item-box">
|
|
|
|
|
|
+ <div
|
|
|
|
+ class="item-box"
|
|
|
|
+ :class="[name === 'kecheng' ? 'item-box-list' : '']"
|
|
|
|
+ >
|
|
<template v-if="name === 'jingdu'">
|
|
<template v-if="name === 'jingdu'">
|
|
<BookPeruseCard
|
|
<BookPeruseCard
|
|
:item="item"
|
|
:item="item"
|
|
@@ -52,9 +55,6 @@
|
|
class="item item-jingdu"
|
|
class="item item-jingdu"
|
|
v-for="(item, index) in list"
|
|
v-for="(item, index) in list"
|
|
:key="index + 'todayNew'"
|
|
:key="index + 'todayNew'"
|
|
- :style="{
|
|
|
|
- marginLeft: index == 0 ? '0' : '24px',
|
|
|
|
- }"
|
|
|
|
/>
|
|
/>
|
|
</template>
|
|
</template>
|
|
<template v-else>
|
|
<template v-else>
|
|
@@ -68,9 +68,6 @@
|
|
class="item"
|
|
class="item"
|
|
v-for="(item, index) in list"
|
|
v-for="(item, index) in list"
|
|
:key="index + 'todayNew'"
|
|
:key="index + 'todayNew'"
|
|
- :style="{
|
|
|
|
- marginLeft: index == 0 ? '0' : '24px',
|
|
|
|
- }"
|
|
|
|
/>
|
|
/>
|
|
</template>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
@@ -244,8 +241,14 @@ export default {
|
|
.item-box {
|
|
.item-box {
|
|
display: flex;
|
|
display: flex;
|
|
flex: 1;
|
|
flex: 1;
|
|
- overflow: auto;
|
|
|
|
padding-bottom: 40px;
|
|
padding-bottom: 40px;
|
|
|
|
+ flex-flow: wrap;
|
|
|
|
+ column-gap: 24px;
|
|
|
|
+ row-gap: 24px;
|
|
|
|
+ &-list {
|
|
|
|
+ flex-flow: nowrap;
|
|
|
|
+ overflow: auto;
|
|
|
|
+ }
|
|
&::-webkit-scrollbar {
|
|
&::-webkit-scrollbar {
|
|
display: none;
|
|
display: none;
|
|
}
|
|
}
|
|
@@ -273,7 +276,11 @@ export default {
|
|
}
|
|
}
|
|
.baozhi-dings {
|
|
.baozhi-dings {
|
|
width: 304px;
|
|
width: 304px;
|
|
- height: 332px;
|
|
|
|
|
|
+ height: 689px;
|
|
|
|
+ }
|
|
|
|
+ .baozhi-dings-1 {
|
|
|
|
+ width: 304px;
|
|
|
|
+ height: 793px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|