smart-app/components/project.vue

<template>
	 <view class="cu-list menu card-menu  shadowType" >
	 	<view class="cu-item " style="background-color: #C6E6FF;">
	 		   <view class="flex justify-start" style="display: flex;align-items: center;">
	 			  <image class="login-img margin-right-sm" src="/static/index/currentProject.png" style="width: 54rpx;height: 54rpx"></image>
				  <text class="text-lg margin-top-ssm" style="font-size: 30rpx;color:#0A8CD5;font-weight: bold;">当前项目</text>		
	 		   </view>
	 		   <view @click="navToProject()">
	 		   	   <image class="login-img" src="/static/index/switch.png" style="width: 32rpx;height: 32rpx;"></image>
	 		   </view>
	 	</view>	
	 	<view style="background-color: #C6E6FF;padding: 28rpx 22rpx;">
	 		  <view class="content"  v-if="projectList!=''">
	 		  	<view style="font-size: 34rpx;color:#101010;font-weight: bold;padding-bottom: 8rpx;">
	 		  		 {{projectList.project_name}}
	 		      </view>
	 		  	<view style="font-size: 30rpx;color:#101010;">
	 		  		{{projectList.contractName}}
	 		  	</view>
	 		  </view>
			  <view v-else class="content">
				  <view style="font-size: 34rpx;color:#101010;font-weight: bold;padding-bottom: 8rpx;">
				  	 暂无项目
				    </view>
				  <view style="font-size: 30rpx;color:#101010;">暂无合同段</view>
			  </view>
	 	</view>				
	 </view>	
</template>

<script>
	export default {
		props:{
			projectList:"",
		},
	    data () {
			return{}
	    },
		methods:{
			navToProject(){
				uni.navigateTo({
						url:"/pages/user/project/project?type=1"
				})
			},
		}
	}
</script>

<style>
	 .login-img{
	 		 width: 60rpx;
	 		 height: 60rpx;
	 }
</style>