dev/dcp-app-gate/pages/financialService/financialFundIdeas/fundIdeasDetailsOne.vue

<template>
	<view class="rf-category">
		<u-navbar  :back-text-style="backStyle"
			back-icon-color="#fff" title-color="#fff" 
			:title="i18n('FundIdeasDetails')" 
			:background="background">
		</u-navbar>
		
		<view style="padding: 0 40upx;color: #666666;">
			<view style="text-align: center;font-size: 32upx;font-weight: 600;margin-top: 40upx;">{{FundList.title}}</view>
			<view style="font-size: 26upx;margin-top: 40upx;font-weight: 600;">{{FundList.subtitle}}</view>
			<view v-for="(item,index) in mark" class="detailBox">
				<image :src="'../../../static/img/finance/index'+(index+1)+'.png'" mode="" style="width: 100%;height:  480upx;border-radius: 20px;"></image>
				<view style="font-size: 28upx;font-weight: 600;margin-top: 16upx;">{{$t(item.name)}}</view>
				<text class="detailLabel">{{$t(item.label)}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	import {getBaseFundIdeasInfos} from '@/api/financialService/baseFundIdeasInfo'
	export default {
		data() {
			return {
				background:{
					backgroundImage: 'linear-gradient(270deg, #4BC0E2 0%, #538BE7 100%)',
				},
				backStyle:{
					color:'#fff'
				},
				FundList:{},
			
				mark:[
					{
						id:1,
						name:"common.GreenEnergy",
						label:'common.IncludingWind'
					},
					{
						id:2,
						name:"common.GridInterconnection",
						label:'common.CorrespondingKey'
					},
					{
						id:3,
						name:"common.SmartGrid",
						label:'common.ComprehensiveEnergy'
					},
				]
			}
		},
		onLoad(data) {
			console.log(data);
			this.baseEntityId = data.key
		},
		onShow() {
			this.getData()
		},
		methods: {
			i18n (data) {
			    return this.$t('common.'+data);
			},
			async getData(){
				let params = {
					pageSize:"5",
					pageNo:"1",
					language:this.$i18n.locale.toUpperCase(),
					baseEntityId:this.baseEntityId,
					statusDict:'2'
				}
				const res = await this.$myRequest({
					url: '/project/baseFundIdeasInfos/',
					data: {
						...params
					}
				});
				console.log(res,'-----------------res')
				// let res = await getBaseFundIdeasInfos(params);
			
				if(res.data){
					this.FundList = res.data.baseFundIdeasInfos[0];
				}
				
			},
			i18n (data) {
			    return this.$t('common.'+data);
			},
		}
	}
</script>

<style lang="scss" scoped>
	.rf-category {
		background-color: $color-white;
		/*  #ifdef  APP-PLUS  */
		// margin-top: calc(20upx + var(--status-bar-height));
		/*  #endif  */
		.detailBox{
			margin-top: 20upx;
		}
		.detailLabel{
			font-size: 24upx;
			margin-top: 36upx;
		}
		
	}
	// .barBox{
	// 	background-image: linear-gradient(270deg, rgb(75, 192, 226) 0%, rgb(83, 139, 231) 100%);
	// }
</style>