项目初始化

pages/im/components/cardNotice.vue

@@ -0,0 +1,41 @@
+<template>
+	<view>
+		<view class="card-notice">
+			<u-notice-bar mode="horizontal" :list="list"></u-notice-bar>
+			<view class="btn">投诉举报</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [
+					'平台绝对不会收取实名认证等任何费用。让你加微信支付或者点链接、扫二维码的都是骗子！平台绝对不会收取实名认证等任何费用。让你加微信支付或者点链接、扫二维码的都是骗子！平台绝对不会收取实名认证等任何费用。让你加微信支付或者点链接、扫二维码的都是骗子！平台绝对不会收取实名认证等任何费用。让你加微信支付或者点链接、扫二维码的都是骗子！平台绝对不会收取实名认证等任何费用。让你加微信支付或者点链接、扫二维码的都是骗子！平台绝对不会收取实名认证等任何费用。让你加微信支付或者点链接、扫二维码的都是骗子！平台绝对不会收取实名认证等任何费用。让你加微信支付或者点链接、扫二维码的都是骗子！',
+				],
+			}
+		},
+		methods: {
+			onBanner(index) {
+				console.log(22222, index);
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.card-notice {
+		background-color: #fff;
+		
+		.btn {
+			display: flex;
+			justify-content: center;
+			background-color: #fff;
+			height: 60px;
+			align-items: center;
+			color: #ffa31a;
+			font-size: 12px;
+		}
+	}
+</style>