增加垂直滚动
This commit is contained in:
parent
f1abd1725b
commit
0bc6c40eb8
@ -18,6 +18,14 @@
|
|||||||
>
|
>
|
||||||
{{ text }}
|
{{ text }}
|
||||||
</div>
|
</div>
|
||||||
|
<div class="notice-bar-warp-slot " v-else>
|
||||||
|
<lay-carousel v-model="active4" :interval="2000" :autoplay="true" anim="updown" indicator="none" arrow="none" style="height:40px;">
|
||||||
|
<lay-carousel-item :id="ind" v-for="(item,ind) in arrays">
|
||||||
|
<div>{{ item }}</div>
|
||||||
|
</lay-carousel-item>
|
||||||
|
</lay-carousel>
|
||||||
|
<!-- <slot /> -->
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<lay-icon
|
<lay-icon
|
||||||
:type="rightIcon"
|
:type="rightIcon"
|
||||||
@ -38,8 +46,12 @@ import {
|
|||||||
onMounted,
|
onMounted,
|
||||||
nextTick,
|
nextTick,
|
||||||
} from "vue";
|
} from "vue";
|
||||||
|
import LayCarousel from '../carousel/index.vue'
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
name: "LayNoticeBar",
|
name: "LayNoticeBar",
|
||||||
|
components: {
|
||||||
|
LayCarousel
|
||||||
|
},
|
||||||
props: {
|
props: {
|
||||||
mode: {
|
mode: {
|
||||||
type: String,
|
type: String,
|
||||||
@ -206,11 +218,7 @@ export default defineComponent({
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
.notice-bar
|
.notice-bar .notice-bar-warp .notice-bar-warp-text-box .notice-bar-warp-slot .layui-carousel >[carousel-item] * {
|
||||||
.notice-bar-warp
|
|
||||||
.notice-bar-warp-text-box
|
|
||||||
.notice-bar-warp-slot
|
|
||||||
::v-deep(.el-carousel__item) {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user