cqcarbonwxapp/pages/use/use.vue

<template>
	<view class="pages">
		<view class="hold-status-bar">
			<!-- 占据了状态栏位置 -->
		</view>
		<view class="custom-nav">
			<view class="custom-nav-left" @click="$api.goback"><text class="iconfont icon-jiantou"></text></view>
			<view class="custom-nav-center"></view>
		</view>
		<view class="top-img">
			<image :src="$getimg + 'use-bg-s1.png'" class="img" mode="widthFix"></image>
		</view>
		<view class="use-wrap">
			<view class="use-wrap-header">
				<view class="til">价值实现</view>
				<view class="subtil" @click="useClick">
					<text>关于价值实现</text>
					<text class="iconfont icon-jiantou"></text>
				</view>
			</view>
			<view class="use-item" @click="lvyue">
				<image :src="$getimg + 'icon-lvyue.png'" class="use-item-img" mode="scaleToFill"></image>
				<view class="use-item-til">碳履约</view>
				<view class="use-item-subtil">(仅履约企业)</view>
			</view>
			<view class="use-item" @click="zhonghe">
				<image :src="$getimg + 'icon-zhonghe.png'" class="use-item-img" mode="scaleToFill"></image>
				<view class="use-item-til">企业碳中和</view>
			</view>
			<view class="use-item" @click="huodong">
				<image :src="$getimg + 'icon-huodong.png'" class="use-item-img" mode="scaleToFill"></image>
				<view class="use-item-til">大型活动碳中和</view>
			</view>
		</view>
		
		<hans-tabber :list="list" style="position:fixed;bottom:0;width:100%;left:0;right:0;" @tabChange="tabChange"></hans-tabber>
	</view>
</template>

<script>
	import hansTabber from '../../components/hans-tabbar/hans-tabbar.vue';
	export default {
		components:{
			hansTabber
		},
		data() {
			return {
				list: [{
					 "text": "首页",
					 "iconPath": '/static/img/icon_home.png' ,
					 "selectedIconPath": '/static/img/icon_home_active.png'
				},
				{
				 "text": "价值实现",
				 "iconPath": '/static/img/icon_use.png',
				 "selectedIconPath":'/static/img/icon_use_active.png'
				 },
				 {
				   "text": "我的信息",
				   "iconPath": '/static/img/icon_usercenter.png',
				   "selectedIconPath": '/static/img/icon_usercenter_active.png'
				 }],
				$getimg:this.$getimg,
				token:'',
				params:{
					
				}
				
			}
		},
		onShow() {
			let self = this;
			uni.getStorage({
				key : 'userInfo',
				success:function(res){
					console.log('userInfo customerType',res.data.customerType);
					if(res.data.customerType =='1'){
						console.log('个人用户');
						self.$api.href('/pages/mall/mall')
					};
				}
			});
		},
		onLoad() {

		},
		methods: {
			lvyue(){
				this.$api.href('/pages/use/assignment/assignment')
				// this.$api.msg('暂未开放')
			},
			zhonghe(){
				this.$api.href('/pages/use/companyUse/companyUse')
				// this.$api.msg('暂未开放');				
			},
			huodong(){
				this.$api.msg('暂未开放')
			},
			useClick(){
				this.$api.href('/pages/usercenter/question/question')
				// this.$api.msg('稍后展示')
			}

		}
	}
</script>

<style>
	@import url("./use.css");
</style>