boying/pages/profit/fund.vue

<template>
	<view class="center">
		<view class="top"><image src="../../static/img/fundtop.png" mode="" class="bg"></image></view>
		<view class="main-box">
			<view class="main-title">
				<view class="main-title-image"><image class="image" src="../../static/icon/title.png" mode=""></image></view>
				<view class="main-title-font">基金介绍</view>
			</view>
			<view class="main" v-html="content">
				博赢同创.<br> 一、基金资金来源：<br> 1.博赢同创互助义工平台管理费用固定5%，作为专项基金 <br> 2.互助平台注册义工，热心人士自愿参与捐赠。<br>  二、援助对象： <br>     
				注册时间180天以上，并成为有效合格义工90天以上的注册义工及直系亲属（仅限子女、父母）以及配偶。<br> 三、受援助重大疾病类别：<br>
				依据中华人民共和国保险法，及中国太平人寿保险公司合同条例保险法对应的150种重疾。<br> 四、援助金额：最高50万（最高个人授援金额为个人帮扶行为的十倍）。
				<br>五、基金池管理细则： 1.基金池基金来源、余额秉承着公平、公开、公正的原则，时时公布。 2.基金池内基金分配： (1)基金池成立之日，每月清算。
				(2)当月基金池30％:基金池储备、应急基金，用于基金会突发性重要事务支出或国家重大灾难捐助支出。 (3)当月基金池20％基金用于基金会组织开展活动费用支出。
				(4)当月基金池50％基金用于合格爱心义工援助。
			</view>
		</view>
		<view class="index1"><image src="../../static/img/fundbottom.png" mode=""></image></view>
	</view>
</template>

<script>
import { details } from '@/api/index.js';
export default {
	data() {
		return {
			content:''
		};
	},
	onLoad() {
		uni.setNavigationBarTitle({
			title: this.$t('foo.xq')
		});
		details({},3).then(({data}) =>{
			console.log(data)
			this.content = data.content
		})
	}
};
</script>

<style lang="scss">
.top {
	position: relative;
	display: flex;
	flex-direction: column;
	z-index: 10;
	.bg {
		height: 900rpx;
		width: 100%;
	}
}
.index1 {
	margin-top: -400rpx;
	width: 100%;
	height: 713rpx;
	position: relative;
	image {
		width: 100%;
		height: 100%;
	}
}
.main-box {
	margin: 80rpx 30rpx 0;
	position: relative;
	z-index: 20;
	padding: 20rpx;
	background-color: #1f2020;
	border-radius: 10rpx;
	.main-title {
		width: 300rpx;
		height: 80rpx;
		margin: -60rpx auto 0;
		border-radius: 50rpx;
		position: relative;
		.main-title-image {
			position: absolute;
			left: 0;
			top: 0;
			width: 300rpx;
			height: 80rpx;
			.image {
				width: 100%;
				height: 100%;
				border-radius: 50rpx;
			}
		}

		.main-title-font {
			position: relative;
			z-index: 100;
			text-align: center;
			line-height: 80rpx;
			font-size: 46rpx;
			font-weight: bold;
			color: #54300f;
		}
	}
	.main {
		padding: 40rpx 0;
		color: #eecca7;
		.main-item {
			margin-top: 20rpx;
			width: 100%;
			padding: 14rpx;
			background: #e6c3a1;
			position: relative;
			border-radius: 20rpx;
			.main-image {
				position: absolute;
				top: -2rpx;
				left: -2rpx;
				width: 60rpx;
				height: 110rpx;
				image {
					width: 100%;
					height: 100%;
				}
			}
			.main-font {
				font-size: 28rpx;
				padding-left: 80rpx;
			}
		}
	}
}
</style>