<template>
	<view class="LandCost">
		<view class="header">
		<image :src="baseUrlimg" mode=""></image>
		</view>
		<view class="textTitle">
			<text>能源成本</text>
		</view>
		<view class="hosttext">
		<text>
				{{content}}
		</text>
		</view>
	</view>
</template>

<script>
	export default {
		props:["classify"],
		data(){
			return{
				baseUrlimg:"http://182.92.73.21",
				content:""
			}
		},
	async mounted() {
			// 投资优势
		let data=await	this.$api.InvestmentAdvantage.postInvestmentAdvantage({classify:this.classify,articleType:3})
	console.log(data);
	this.content=data.data[0].content
	this.baseUrlimg=this.baseUrlimg+data.data[0].images
		}
	}
</script>

<style lang="scss">
	.LandCost{
		width: 690rpx;
		background-color: #FFFFFF;
		margin: 0rpx auto;
		padding-top: 40rpx;
		padding-bottom: 40rpx;
	.header{
		width: 640rpx;
		height: 360rpx;
		margin: 0rpx auto;
		// background-color: #007AFF;
		margin-bottom: 40rpx;
		image{
			border-radius: 10rpx;
			width: 640rpx;
			height: 360rpx;
			
		}
	}
		
	.textTitle{
		font-weight: bold;
		text-indent: 30rpx;
		margin-bottom: 40rpx;
		
	 }
		 
	 .hosttext{
		 width: 640rpx;
		 padding-left: 30rpx;
		color:  #7F7F7F;
		font-size: 27rpx;
		letter-spacing: 5rpx;
	 }
	}
</style>
