FE_preschoolEdu_miniProgram/team/info/info.vue

<template>
	<view>
		<view class="block">
			<view class="form-list">
				<view class="line">
					<view class="name">LOGO</view>
					<view class="val">
						<image class="avatar" src="@/static/image/info-bg.jpg"></image>
					</view>
				</view>
				<view class="line">
					<view class="name">幼儿园名称</view>
					<view class="val">测试测试</view>
				</view>
				<view class="line">
					<view class="name">标签</view>
					<view class="val">测试测试</view>
				</view>
				<view class="line textarea-line">
					<view class="name">幼儿园slogan</view>
					<view class="val">测试测试</view>
				</view>
				<view class="line textarea-line">
					<view class="name">地址</view>
					<view class="val">测试测试</view>
				</view>
				<view class="line textarea-line">
					<view class="name">幼儿园简介</view>
					<view class="val">测试测试</view>
				</view>
			</view>
		</view>
		
		<view class="block info">
			<view class="title">联系我们</view>
			<view class="line">地址：测试测试</view>
			<view class="line">联系电话：测试测试</view>
			<image class="qrcode" src="@/static/image/info-bg.jpg"></image>
		</view>
		
		<view class="btn-wrap">
			<view class="btn" @click="toEdit">编辑</view>
		</view>
	</view>
</template>

<script>
	import { my } from '@/apis/modules/parner.js'
	export default {
		data() {
			return {
				
			}
		},
		onShow() {
			this.getInfo()
		},
		methods: {
			// 获取个人信息
			getInfo() {
				const { partnerId, teamId } = uni.getStorageSync('team')
				my({
					partnerId,
					teamId
				}).then(({ my }) => {
					this.info = my.info
				}).catch(e => {})
			},
			// 编辑
			toEdit() {
				this.$util.to('/team/infoEdit/infoEdit')
			}
		}
	}
</script>

<style scoped lang="scss">
.avatar {
	width: 80rpx;
	height: 80rpx;
	border: 0;
	border-radius: 50%;
}
.info {
	position: relative;
	padding: 24rpx;
	.line {
		margin: 20rpx 0;
		font-size: 26rpx;
		color: #333;
	}
	.qrcode {
		position: absolute;
		top: 30rpx;
		right: 30rpx;
		width: 120rpx;
		height: 120rpx;
	}
}
</style>