uniapp【优化】:首页公告向左跑马灯,防止录入内容长就看不全的问题

This commit is contained in:
花城
2025-01-10 11:02:56 +08:00
parent ed758a1f45
commit 9b42b5ef4e

View File

@@ -1,7 +1,7 @@
<template>
<view class="m-b-25">
<uv-notice-bar :text="noticeArray" @click="handleRouteNavigateTo('/pages/subpackage/notice/list/list')"
:customStyle="{'border-radius':'15rpx' , 'padding':'12px'}" direction="column" bgColor="#fff"
:customStyle="{'border-radius':'15rpx' , 'padding':'12px'}" direction="row" bgColor="#fff"
color="#D83E35"></uv-notice-bar>
</view>
</template>
@@ -16,8 +16,8 @@
data: {},
});
let noticeArray = ref([]);
noticeArray.value = props.data.list.map((item : any) => `${item.title}${timeFormat(item.createTime, 'yyyy年mm月dd日')}`);
let noticeArray = ref('');
props.data.list.forEach((item : any) => noticeArray.value += `${item.title}${timeFormat(item.createTime, 'yyyy年mm月dd日')}\u00A0\u00A0\u00A0\u00A0\u00A0`);
</script>
<style lang="scss" scoped>
</style>