云生态3

pages.json

@@ -236,6 +236,13 @@
 				"enablePullDownRefresh": true
 			}
 		},
+		{
+			"path": "pages/demandHall/demoInvestment/index",
+			"style": {
+				"navigationBarTitleText": "项目投融",
+				"enablePullDownRefresh": true
+			}
+		},
 		{
 			"path": "pages/release/index",
 			"style": {

pages/demandHall/demoInvestment/index.vue

@@ -0,0 +1,355 @@
+<template>
+	<view class="Investment-page">
+		<!-- 导航栏 -->
+		<view class="navigation-box">
+			<view class="search-box acea-row row-middle">
+				<image src="../../../static/images/search-icon.png" mode="" class="search-img"></image>
+				<input type="text" value="" placeholder="请输入关键词进行搜索" />
+				<view class="search acea-row row-center-wrapper">搜一下</view>
+			</view>
+			<view class="resource-tabs acea-row">
+				<view :class="'tab ' + (active == 1 ? 'tab-a' : '')" data-i="1" @tap="tabClick">全部项目</view>
+				<view :class="'tab ' + (active == 2 ? 'tab-a' : '')" data-i="2" @tap="tabClick">投资方</view>
+				<view class="screen-box acea-row row-between-wrapper">
+					<!-- <view class="screen-result">
+				    {{choseCagetory}}
+				    <text v-if="choseCagetory != '' && choseBusiness != ''">-</text>
+				    {{choseBusiness}}
+				  </view> -->
+					<view class="screen acea-row row-middle">
+						<text>筛选</text>
+						<image src="/static/images/home/screen.png"></image>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="modular-box">
+			<!-- 全部项目 -->
+			<view class="project-box" v-if="active == 1">
+				<view class="project-list" v-for="(item,index) in 2">
+					<view class="project-top acea-row row-left">
+						<image src="../../../static/images/home/menu6.png" class="project-img"></image>
+						<view class="right-con">
+							<view class="acea-row row-middle title">
+								<image src="../../../static/images/new-icon.png" mode="" class="new-icon acea-row">
+								</image>
+								<view class="title-h">富硒产品</view>
+							</view>
+							<view class="title-s">农业项目、国家扶贫、乡村振兴、优质资源利用、国家大力支持</view>
+							<view class="supply-screen acea-row">
+								<view class="tag-item-y tag">持续盈利</view>
+								<view class="tag-item-b tag">财务规范</view>
+								<view class="tag-item-p tag">零负债</view>
+							</view>
+						</view>
+					</view>
+					<view class="project-bottom acea-row row-middle">
+						<view class="finance-price">融资金额</view>
+						<view class="price">200万元-300万元</view>
+						<view class="tocheck acea-row row-middle">
+							<image src="../../../static/images/check.png" mode=""></image>
+							查看
+						</view>
+					</view>
+				</view>
+			</view>
+			<!-- 投资方 -->
+			<view class="project-box" v-if="active == 2">
+				<view class="investor-list acea-row row-middle" v-for="(item,index) in 2">
+					<view class="head-img acea-row row-center">
+						<image src="../../../static/images/home/menu6.png" mode="" class="user-img"></image>
+						<image src="../../../static/images/vip-icon.png" mode="" class="user-icon"></image>
+					</view>
+					<view class="investor-con acea-row row-middle">
+						<view class="name">李岩斌</view>
+						<view class="title-f acea-row row-middle">
+							<view>朗玛峰创投</view>
+							<view class="row "></view>
+							<view>合伙人</view>
+						</view>
+						<view class="title-f mt16">意向领域：智能硬件、企业IT服务...</view>
+						<view class="title-f">投资伦次：A轮、A+轮、B轮</view>
+					</view>
+					<view class="toContact">
+						<image src="../../../static/images/contact.png" mode=""></image>
+					</view>
+				</view>
+			</view>
+			
+		</view>
+	<view class="add"><image src="../../../static/images/fabu-close.png"></image></view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				active: '1',
+			}
+		},
+		methods: {
+			tabClick(e) {
+				this.setData({
+					active: e.currentTarget.dataset.i,
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="less">
+	.Investment-page {
+		width: 100%;
+		min-height: 100vh;
+		background: #F5F5F5;
+		font-size: 28rpx;
+	}
+
+	/* 导航栏 */
+	.navigation-box {
+		width: 100%;
+		height: auto;
+		background: #fff;
+		padding-top: 20rpx;
+		.search-box {
+			width: 670rpx;
+			height: 68rpx;
+			border: 2rpx solid #FF5100;
+			border-radius: 8rpx;
+			margin: 0 auto;
+			.search-img {
+				width: 35rpx;
+				height: 35rpx;
+				margin: 0 29rpx 0 52rpx;
+			}
+		}
+		.search {
+			width: 132rpx;
+			height: 68rpx;
+			background: linear-gradient(39deg, #FF5100 0%, #FFA074 100%);
+			border-radius: 8rpx;
+			color: #fff;
+			margin-left: auto;
+		}
+		.resource-tabs {
+			width: 100%;
+			padding-top: 10rpx;
+			background: #fff;
+			border-bottom: 2rpx solid #EEEEEE;
+			padding-left: 20rpx;
+		}
+		.tab {
+			width: 150rpx;
+			padding: 26rpx 0;
+			font-size: 32rpx;
+			color: #BFBFBF;
+			position: relative;
+			font-weight: 500;
+			text-align: center;
+			margin-left: 115rpx;
+		}
+		.tab::after {
+			display: block;
+			content: '';
+			width: 80rpx;
+			height: 8rpx;
+			border-radius: 8rpx;
+			background: #FF5100;
+			position: absolute;
+			bottom: 0rpx;
+			left: 50%;
+			margin-left: -40rpx;
+			opacity: 0;
+			transform: scaleX(0);
+			transition: all .2s ease, opacity .15s ease;
+		}
+		.tab-a {
+			color: #FF5100;
+		}
+		.tab-a::after {
+			opacity: 1;
+			transform: scaleX(1);
+		}
+		.screen-box {
+			height: 94rpx;
+			padding: 0 38rpx;
+			color: #666;
+			background: #fff;
+			margin-left: auto;
+		}
+		.screen-result {
+			color: #FF5100;
+		}
+		.screen image {
+			width: 27rpx;
+			height: 27rpx;
+			margin-left: 6rpx;
+		}
+	}
+
+
+	.modular-box {
+		width: 670rpx;
+		margin: 0 auto;
+		background-color: #F5F5F5;
+		margin-bottom: 76rpx;
+		/* 全部项目 */
+		.project-box {
+			.project-list {
+				width: 670rpx;
+				height: 256rpx;
+				background: #FFFFFF;
+				border-radius: 12rpx;
+				margin-top: 32rpx;
+				padding-top: 16rpx;
+				.project-top {
+					width: 630rpx;
+					height: 160rpx;
+					margin: 0 auto 30rpx auto;
+					.project-img {
+						width: 160rpx;
+						height: 160rpx;
+						margin-right: 18rpx;
+					}
+					.right-con {
+						.title {
+							margin-top: -8rpx;
+							font-weight: 800;
+							.new-icon {
+								width: 48rpx;
+								height: 24rpx;
+								margin-right: 8rpx;
+								.title-h {
+									color: #1D1D1D;
+								}
+							}
+						}
+						.title-s {
+							width: 450rpx;
+							height: 70rpx;
+							font-size: 24rpx;
+							color: #707070;
+							margin: 18rpx 0 10rpx 0;
+						}
+						.supply-screen {
+							.tag {
+								width: 112rpx;
+								height: 36rpx;
+								line-height: 33rpx;
+								border-radius: 4rpx;
+								font-size: 20rpx;
+								margin-right: 16rpx;
+								text-align: center;
+							}
+							.tag-item-b {
+								border: 1rpx solid #3A9EFA;
+								color: #3A9EFA;
+							}
+							.tag-item-y {
+								border: 1px solid #FFAA00;
+								color: #FFAA00;
+							}
+							.tag-item-p {
+								color: #FC9367;
+								border: 1px solid #FC9367;
+							}
+						}
+					}
+				}
+				.project-bottom {
+					height: 40rpx;
+					margin: 0 45rpx 0 20rpx;
+					color: #FF5100;
+					font-size: 24rpx;
+					.finance-price {
+						margin-right: 20rpx;
+						font-weight: 900;
+					}
+					.price {
+						font-weight: 900;
+					}
+					.tocheck {
+						margin-left: auto;
+						font-size: 30rpx;
+					}
+					.tocheck image {
+						width: 32rpx;
+						height: 32rpx;
+						margin-right: 10rpx;
+					}
+				}
+			}
+		}
+
+
+		/* 投资方 */
+		.project-box {
+			.investor-list {
+				width: 670rpx;
+				height: 192rpx;
+				background: #FFFFFF;
+				border-radius: 12rpx;
+				margin-top: 32rpx;
+				.head-img {
+					width: 160rpx;
+					height: 168rpx;
+					position: relative;
+					margin: 0 28rpx 0 16rpx;
+					.user-img {
+						width: 160rpx;
+						height: 160rpx;
+						border-radius: 50%;
+						position: absolute;
+						top: 0;
+					}
+					.user-icon {
+						width: 104rpx;
+						height: 38rpx;
+						position: absolute;
+						bottom: 0;
+					}
+				}
+				.investor-con {
+					width: 382rpx;
+					height: 170rpx;
+					font-size: 24rpx;
+					font-weight: 400;
+					color: #707070;
+					.name {
+						width: 100%;
+						font-size: 32rpx;
+						font-weight: bold;
+						color: #1D1D1D;
+						line-height: 35rpx;
+					}
+					.row {
+						height: 21rpx;
+						border: 2rpx solid #707070;
+						margin: 0 20rpx;
+					}
+				}
+				.toContact {
+					width: 54rpx;
+					height: 192rpx;
+					margin-left: auto;
+				}
+				.toContact image {
+					width: 54rpx;
+					height: 192rpx;
+				}
+			}
+		}
+	}
+	.add{
+		position: absolute;
+		right: 40rpx;
+	}
+	.add image{
+		width: 84rpx;
+		height: 84rpx;
+		transform: rotate(45deg);
+		
+	}
+	
+</style>

pages/demandHall/enterpriseServer/index.vue

@@ -84,7 +84,6 @@
 					active: e.currentTarget.dataset.i,
 				}) 
 			},
-			
 		}
 	}
 </script>
@@ -109,7 +108,6 @@
  	 border: 2rpx solid #FF5100;
  	 border-radius: 8rpx;
 	 margin: 0 auto;
- 	 position: relative;
  }
  .search-box image{
  	 width: 35rpx;
@@ -117,8 +115,7 @@
  	 margin: 0 29rpx 0 52rpx;
  }
  .search{
- 	 position: absolute;
+	 margin-left: auto;
- 	 right: 0;
  	 width: 132rpx;
  	 height: 68rpx;
  	 background: linear-gradient(39deg, #FF5100 0%, #FFA074 100%);
@@ -170,8 +167,7 @@
    padding: 0 38rpx;
    color: #666;
    background: #fff;
-	 position: absolute;
+	 margin-left: auto;
-	 right: 0rpx;
  }
  .screen-result{
    color: #FF5100;

pages/demandHall/supplyHall/index.vue

@@ -139,7 +139,6 @@
  	 border: 2rpx solid #FF5100;
  	 border-radius: 8rpx;
 	 margin: 0 auto;
- 	 position: relative;
  }
  .search-box image{
  	 width: 35rpx;
@@ -147,8 +146,7 @@
  	 margin: 0 29rpx 0 52rpx;
  }
  .search{
- 	 position: absolute;
+ 	 margin-left: auto;
- 	 right: 0;
  	 width: 132rpx;
  	 height: 68rpx;
  	 background: linear-gradient(39deg, #FF5100 0%, #FFA074 100%);
@@ -200,8 +198,7 @@
    padding: 0 38rpx;
    color: #666;
    background: #fff;
-	 position: absolute;
+	 margin-left: auto;
-	 right: 0rpx;
  }
  .screen-result{
    color: #FF5100;