<template>
	<view class="index">
		<view class="index-item" @tap="tapDetail" v-for="item in 10">
			<view class="index-item-top baiyin-flex baiyin-flex-c-sb a-center">
				<view class="index-item-top-left" >
					<text></text>公司名称：上海信息科技技术有限公司
				</view>
				<image @click="handleAdd(2)" src="../../static/icon/edit.png" mode=""></image>
			</view>
			<view class="index-item-li" >
				联系人：马飞飞
			</view>
			<view class="index-item-li">
				联系电话：16619884840
			</view>
			<view class="index-item-li">
				地址：上海市青浦区赵巷镇移动智地1号楼
			</view>
		</view>
		<view class="btn-bg">
			<u-button @click="handleAdd(1)" text="添加个人信息" color="#2C66FF" :customStyle="{
					width: '710rpx',
					height: '80rpx',
					borderRadius: '10rpx',
					padding: '0rpx',
					position: 'fixed',
					bottom: '142rpx',
					left: '20rpx'
				}"></u-button>
		</view>
		
	</view>
</template>

<script>
	import apiBaseConfig from '@/config/index.js';
	export default {
		
		data() {
			return {
				imgBgUrl: apiBaseConfig.imgBgUrl,
				globalData: getApp().globalData,
				scrollTopHeader: 0,
			};
		},
		onPageScroll(res) {
			// console.log('页面滚动了onPageScroll-app', res.scrollTop);
			this.scrollTopHeader = res.scrollTop;
		},
		onLoad() {},
		methods: {
			tapDetail() {
			},
			// 添加个人信息按钮事件
			handleAdd(status){
				// status 1修改 2添加
				let that = this
				that.$uniGo.navigateTo({
					url: `/my/addPersonMsg/index?status=${status}`
				});
			}
		}
	};
</script>
<style>
	page{
		background:#F7F8F9;
	}
</style>
<style lang="scss" scoped>
	.index {
		&-item {
			width: calc(100% - 20rpx * 2);
			margin: 30rpx 20rpx 50rpx;
			padding: 30rpx 30rpx 25rpx;
			background-color: #ffffff;
			box-shadow: 0rpx 0rpx 4rpx 0rpx rgba(0, 0, 0, 0.06);
			border-radius: 14rpx;
			margin-bottom: 30rpx;
			box-sizing: border-box;

			&-top {
				image{
					width: 32rpx;
					height: 32rpx;
				}
				// &-right {
				// 	font-size: 24rpx;
				// 	font-weight: 500;
				// 	color: #F6595C;
				// 	margin-left: 15rpx;
				// }

				&-left {
					font-size: 28rpx;
					font-weight: 700;
					color: #333333;
					line-height: 44rpx;
					flex: 1;

					text {
						display: inline-block;
						width: 6rpx;
						height: 30rpx;
						background: #2C66FF;
						margin: 0rpx 10rpx -5rpx 0rpx;
					}
				}
			}

			&-li {
				font-size: 24rpx;
				font-weight: 400;
				color: #333333;
				line-height: 36rpx;
				margin-top: 20rpx;
			}
		}
		
	}
</style>