caimei-applets-caimei/pages/supplier/components/homeIndex/coupon.vue

<template name="navbars">
	<view>
		<view class="coupon-content clearfix" @click="navigator('/pages/user/coupon/coupon-collection')">
			<image src="https://static.caimei365.com/app/img/icon/icon-coupon-banner@2x.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	import { mapState,mapMutations } from 'vuex'
	export default{
		name:'navbars',
		data() {
			return{
				
			}
		},
		created(){
			
		},
		computed: {
			...mapState(['hasLogin','userInfo','isWxAuthorize'])
		},
		methods:{
			navigator(url){
				// 友盟埋点收集首页优惠券宣传图点击
				if (process.env.NODE_ENV != 'development') {
					this.$uma.trackEvent('Um_Event_homeCouponBannerClick', {
						Um_Key_PageName: '采美商城首页',
						Um_Key_SourcePage: '首页优惠券宣传图',
					})
				}
				this.$api.navigateTo(url)
			},
		}
	}
</script>

<style lang="scss">
	.coupon-content{
		width: 100%;
		height: 254rpx;
		box-sizing: border-box;
		padding: 32rpx 24rpx 12rpx 24rpx;
		background-color: #f7f7f7;
		image{
			width: 100%;
			height: 210rpx;
			display: block;
		}
	}
</style>