滚动通知

pages/index/modules/notice.vue

@@ -0,0 +1,52 @@
+<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>