renshou/components/msg-number/index.vue

<template>
	<view>
		<view class="lt-msg ddflex" @click="jumpConversation()">
			<view class="ddflex" style="position: relative;width: 100%;height: 100%;">
				<image src="../../static/pages/images/lt.png"></image>
				<view class="lt-msg-num" v-if="getMsgNumber()>0">{{getMsgNumber()}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	const app = getApp();
	const req = require("../../utils/request.js");

	export default {
		data() {
			return {
				picUrlss: req.public.picUrls,
			};
		},

		components: {},
		props: {
		},
		watch: {},

		mounted() {
			
		},

		methods: {
			jumpConversation() {
				req.jumpConversation();
			},
			getMsgNumber(){
				return getApp().globalData.unReadMessageNum;
			},
		}
	};
</script>

<style>
	@import "./index.css";
</style>