XEH-miniProgram/pages/self/enterprise/index.vue

<template>
	<view class="page-wrap">
		<view class="item-row">
			<view class="wrap">
				<view class="name">天津超易达胜科技发展有限公司</view>
				<view class="text">信用代码：911201033006420997</view>
				<view class="text">企业认证：已认证</view>
				<view class="text">团队成员：3人</view>
			</view>
			<button class="btn" @click="handleOpenInfo">企业资料</button>
			<button class="btn">删除</button>
		</view>
		<view class="item-row">
			<view class="wrap">
				<view class="name">天津超易达胜科技发展有限公司</view>
				<view class="text">信用代码：911201033006420997</view>
				<view class="text">企业认证：已认证</view>
				<view class="text">团队成员：3人</view>
			</view>
			<button class="btn">企业资料</button>
			<button class="btn">删除</button>
		</view>
		<view class="item-row">
			<view class="wrap">
				<view class="name">天津超易达胜科技发展有限公司</view>
				<view class="text">信用代码：911201033006420997</view>
				<view class="text">企业认证：已认证</view>
				<view class="text">团队成员：3人</view>
			</view>
			<button class="btn">企业资料</button>
			<button class="btn">删除</button>
		</view>
		<button class="add-btn" @click="handleOpenAddEnterprise">+ 添加企业</button>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		handleOpenInfo(){
			uni.navigateTo({
				url: 'info?id=1'
			})
		},
		handleOpenAddEnterprise(){
			uni.navigateTo({
				url: 'info',
			})
		}
	}
};
</script>

<style lang="scss" scoped>
.page-wrap {
	padding-top: 13.74rpx;
}
.item-row {
	background: #fff;
	margin-bottom: 13.74rpx;
	height: 178.57rpx;
	padding: 0 27.47rpx;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	.wrap {
		flex: 1;
	}
	.name {
		font-size: 32.97rpx;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 6.87rpx;
	}
	.text {
		font-size: 27.47rpx;
		color: #999;
	}
	.btn {
		background: none;
		border: none;
		font-size: 27.47rpx;
		color: #f97631;
		white-space: nowrap;
		padding: 0;
		margin-left: 13.74rpx;
	}
}
.add-btn {
	margin-top: 27.47rpx;
	font-size: 27.47rpx;
	color: #00bcd2;
	height: 82.42rpx;
	line-height: 82.42rpx;
	display: block;
	text-align: left;
	padding: 0 0 0 54.95rpx;
	background: #fff;
	border: none;
	border-radius: 13.74rpx;
}
</style>