xiamen-sb-uniapp/components/enterprise-list/enterprise-list.vue

<template>
	<view>
		<view v-for="(item, index) in dataList" :key="item.id" class="mx3 mb-2 p3 bg-color-white  border-radius-1 wrap "
			  :class="isBox?'box':''" @click='goEnterprise(item)'>
			<view class="top d-flex">
				<image src="https://www.xingzhits.cn/xzts/static/images/icon4.png" class="top-img mr-3"></image>
				<view class="flex1">
					<view class="one-ellipsis f-size-32 f-weight-6">名称</view>
					<view class="d-flex a-center mt-1">
						<text class="text-color-9 f-size-22">22</text>
						<text class="mx2 text-color-9 f-size-22">|</text>
						<text class="text-color-9 f-size-22">2个待接订单</text>
						<text class="main-linear ml-auto f-size-26 text-color-white top-state">接单</text>
					</view>
				</view>
			</view>
			<view class="bottom two-ellipsis f-size-22 mt-3" style="color: #A2AAB3;">待企业完善介绍信息</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			};
		},
		props:{
			isBox:{
				type:Boolean,
				default:false
			},
			dataList: {
				type: Array,
				default: ()=>[]
			}
		},
		filters: {
			
		},
		created() {
		},
		methods:{
			goEnterprise(item){
				
			},
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		border-radius: 10rpx;
		box-shadow: 0px 2px 10px rgba(202, 202, 222, 0.5);
	}

	.wrap {
		.top {
			&-img {
				width: 100rpx;
				height: 100rpx;
				border-radius: 15rpx;
			}

			&-state {
				border-radius: 10rpx;
				padding: 5rpx 25rpx;
			}
		}
	}
</style>