<template>
	<view class="guanyuMy">
		<view class="top">
			<img class="n" src="https://www.jiubaotongxue.love/image/nav10.png" alt="" @click="backs" />
			<view class="t"  style="font-size: 36rpx;">
				关于我们
			</view>
		</view>
		<view class="header">
			<view class="o">
				<img class="i" src="https://www.jiubaotongxue.love/image/demo78.png" alt="" />
				<text class="txt">好好洗车科技</text>
			</view>
			<view class="nei">
				{{illustrate}}
			</view>
			<view class="j">
				杭州科技有限公司
			</view>
			<view class="js">
				加盟热线：123455566655
				
			</view>
		</view>
	</view>
</template>

<script setup>
	import {ref} from 'vue'
	import {getIllustrate} from '../../api/api.js'
	const illustrate = ref('')
	
	getIllustrate().then(res=>{
		illustrate.value=res.data[5].configContent
		console.log(res.data[5].configContent);
	}).catch(err=>{
		console.log(err);
	})
const backs = ()=>{
	uni.navigateBack()
}
</script>

<style lang="scss">
	.guanyuMy {
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: #f5f6fa;

		.top {
			width: 100%;
			height: 474rpx;
			background-image: url("https://www.jiubaotongxue.love/image/demo77.png");
			background-size: 100% 100%;
			position: fixed;
			top: 0rpx;

			.n {
				width: 64rpx;
				height: 64rpx;
				position: fixed;
				top: 107rpx;
				left: 20rpx;
				z-index: 30;
			}

			.t {
				position: fixed;
				top: 110rpx;
				width: 100%;
				text-align: center;
				font-size: 36rpx;
				color: white;
			}
		}

		.header {
			width: 690rpx;
			height: 492rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			margin-top: 402rpx;
			z-index: 20;
			transform: translateX(-50%);
			margin-left: 50%;
			.o{
				width: 100%;
				height: 150rpx;
				display: flex;
				align-items: center;
				.i{
					width: 120rpx;
					height: 120rpx;
					border-radius: 50%;
					margin-left: 30rpx;
					margin-top: 40rpx;
				}
				.txt{
					display: block;
					margin-left: 20rpx;
					font-size: 36rpx;
					font-weight: 600;
					margin-top: 40rpx;
				}
			}
			.nei{
				width: 630rpx;
				height: 180rpx;
				font-size: 26rpx;
				color: #333333;
				line-height: 36rpx;
				text-align: left;
				font-style: normal;
				transform: translateX(-50%);
				margin-left: 50%;
				margin-top: 34rpx;
			}
			.j{
				width: 630rpx;
				height: 36rpx;
				transform: translateX(-50%);
				margin-left: 50%;
				font-size: 26rpx;
				color: #666666;
				line-height: 36rpx;
				text-align: left;
				margin-top: 24rpx;
			}.js{
				width: 630rpx;
				height: 36rpx;
				transform: translateX(-50%);
				margin-left: 50%;
				font-size: 26rpx;
				color: #666666;
				line-height: 36rpx;
				text-align: left;
				margin-top: 4rpx;
			}
		}
	}
</style>