yanghao
/
yunshengtai-uniapp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

云生态3

zys
kk_888 3 years ago
parent
ad9245fd9f
commit
8d2895b8ec
8 changed files with 366 additions and 11 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      pages.json
  2. 355
      pages/demandHall/demoInvestment/index.vue
  3. 8
      pages/demandHall/enterpriseServer/index.vue
  4. 7
      pages/demandHall/supplyHall/index.vue
  5. BIN
      static/images/check.png
  6. BIN
      static/images/contact.png
  7. BIN
      static/images/new-icon.png
  8. BIN
      static/images/vip-icon.png

7
pages.json
Unescape View File

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

355
pages/demandHall/demoInvestment/index.vue
Unescape View File

@ -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>

8
pages/demandHall/enterpriseServer/index.vue
Unescape View File

@ -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;
right: 0;
margin-left: auto;
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;
right: 0rpx;
margin-left: auto;
}
.screen-result{
color: #FF5100;

7
pages/demandHall/supplyHall/index.vue
Unescape View File

@ -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;
right: 0;
margin-left: auto;
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;
right: 0rpx;
margin-left: auto;
}
.screen-result{
color: #FF5100;

BIN
static/images/check.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
static/images/contact.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
static/images/new-icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 856 B

BIN
static/images/vip-icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

Write Preview
Loading…
Cancel
Save