water_affairs/pages/index/modules/notice.vue

<template>
    <view class="container"><!--  bgColor="#EFF4FA" color="#333" -->
        <u-notice-bar direction="column" mode="link" fontSize='3.733vw' :text="text" @click="onClick" />
    </view>
</template>

<script>
export default {
    name: 'notice',
    data() {
        return {
            text: []
        };
    },
    created() {
        this.getList()
    },
    methods: {
        getList() {
            this.$Http.basic({
                "classname": "system.message.Message",
                "method": "queryMessage",
                "content": {
                    "nocache": true,
                    "pageNumber": 1,
                    "pageSize": 3,
                    "pageTotal": 1,
                    "type": "应用",
                    "where": {}
                }
            }).then(res => {
                console.log("滚动消息", res)
                if (this.cutoff(res.msg)) return;
                this.text = ["阿萨德阿萨德撒旦法撒旦法撒旦法阿sdf sdf sdf sdf sd sdf sd撒旦法撒奋斗哥就阿萨德佛欧舒丹是的三", '水电费水电费水电费撒旦法打发士大夫撒旦法', '水电费水电费第三方胜多负少大防守打法的是']
            })
        },
        onClick(index) {
            console.log(index)
        }
    }
}
</script>

<style lang="scss" scoped>
.container {

    /deep/ .uicon-volume span,
    /deep/ .uicon-arrow-right span {
        font-size: 3.733vw;
    }
}
</style>