增加垂直滚动

This commit is contained in:
15906671117 2022-04-11 10:34:20 +08:00
parent f1abd1725b
commit 0bc6c40eb8

View File

@ -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;
} }