Browse Source

云生态9

zys
kk_888 3 years ago
parent
commit
e06f4c8692
  1. 6
      pages/demandHall/business/index.vue
  2. 11
      pages/demandHall/enterprisePage/index.vue
  3. 13
      pages/demandHall/enterpriseServer/index.vue
  4. 62
      pages/demandHall/index.vue
  5. 128
      pages/demandHall/supplyHall/index.vue
  6. 14
      pages/home/index.vue
  7. BIN
      static/images/rec-bg.png

6
pages/demandHall/business/index.vue

@ -3,7 +3,7 @@
<!-- 搜索 -->
<view class="search-box acea-row row-middle">
<image src="../../../static/images/search-icon.png" mode="" class="search-icon"></image>
<input type="text" value="" placeholder="请输入企业名或服务进行搜索" />
<input type="text" value="" placeholder="请输入相关关键词" />
<view class="search acea-row row-center-wrapper">搜一下</view>
</view>
<!-- 供需大厅 企业服务 项目投融 -->
@ -224,7 +224,6 @@
.company-box {
height: 380rpx;
.update-icon {
width: 118rpx;
height: 48rpx;
@ -248,6 +247,7 @@
width: 100%;
height: 330rpx;
white-space: nowrap;
margin-left: 30rpx;
.company-list {
width: 408rpx;
height: 304rpx;
@ -256,7 +256,7 @@
border-radius: 12rpx;
padding: 16rpx 24rpx;
display: inline-block;
margin: 15rpx 20rpx 0 15rpx;
margin: 15rpx 30rpx 0 10rpx;
.title {
font-size: 28rpx;
font-weight: 600;

11
pages/demandHall/enterprisePage/index.vue

@ -180,7 +180,7 @@
margin-right: 26rpx;
}
.info-right {
width: 332rpx;
width: 470rpx;
height: 134rpx;
color: #FFFFFF;
font-size: 24rpx;
@ -190,7 +190,8 @@
}
.category-box {
.tag {
width: 106rpx;
width: auto;
padding: 0 10rpx;
height: 36rpx;
line-height: 36rpx;
border-radius: 8rpx;
@ -209,7 +210,7 @@
}
}
.contact-box{
width: 336rpx;
width: 460rpx;
height: 106rpx;
font-size: 24rpx;
font-weight: 500;
@ -221,7 +222,7 @@
margin-right: 10rpx;
}
.line1{
width: 300rpx;
width: 400rpx;
line-height: 30rpx;
}
}
@ -347,4 +348,6 @@
}
</style>

13
pages/demandHall/enterpriseServer/index.vue

@ -25,10 +25,8 @@
<view class="enterprise-list" v-for="(item,index) in 2" :key="index">
<image src="../../../static/images/act-time.png" mode="" class="lable-img"></image>
<view class="enterprise-con acea-row">
<view>
<image src="../../../static/images/home/menu6.png" class="enterprise-img"></image>
</view>
<view class="content-right">
<image src="../../../static/images/home/menu6.png" class="enterprise-img"></image>
<view class="content-right acea-row row-column-between">
<view>APP开发平台搭建外卖小程序返现H5定制一站式解决</view>
<view class="category-box acea-row">
<view class="tag-item-b tag">商务合作</view>
@ -335,9 +333,12 @@
color: #1D1D1D;
margin: 0 10rpx 0 16rpx;
}
.category-box{
width: 100%;
}
.tag {
width: 112rpx;
width: auto;
padding: 0 10rpx;
height: 36rpx;
border-radius: 4rpx;
font-size: 20rpx;

62
pages/demandHall/index.vue

@ -354,37 +354,37 @@
});
},
// getPageData() {
// if (this.loading) {
// app.http('post', `Resources/listResources?page=${this.pageNumber}&size=${this.pageSize}`, {
// resourceType: this.active,
// resourceCagetoryId: this.resourceCagetoryId,
// enterpriseType: this.enterpriseType
// }).then(res => {
// if (res.data.success) {
// uni.stopPullDownRefresh();
// if (res.data.data.content.length < this.pageSize) {
// this.setData({
// loading: false
// });
// }
// if (this.pageNumber > 0) {
// this.setData({
// list: this.list.concat(res.data.data.content)
// });
// } else {
// this.setData({
// list: res.data.data.content
// });
// }
// }
// });
// } else {
// uni.stopPullDownRefresh();
// }
// },
getPageData() {
if (this.loading) {
app.http('post', `Resources/listResources?page=${this.pageNumber}&size=${this.pageSize}`, {
resourceType: this.active,
resourceCagetoryId: this.resourceCagetoryId,
enterpriseType: this.enterpriseType
}).then(res => {
if (res.data.success) {
uni.stopPullDownRefresh();
if (res.data.data.content.length < this.pageSize) {
this.setData({
loading: false
});
}
if (this.pageNumber > 0) {
this.setData({
list: this.list.concat(res.data.data.content)
});
} else {
this.setData({
list: res.data.data.content
});
}
}
});
} else {
uni.stopPullDownRefresh();
}
},
getCompanyList() {
app.http('post', `Enterprise/listEnterprise?page=${this.pageNumber}&size=${this.pageSize}`, {

128
pages/demandHall/supplyHall/index.vue

@ -24,68 +24,75 @@
<!-- 个人 -->
<view class="personal-list" v-for="(item,index) in 2" :key="index">
<image src="../../../static/images/backhome.png" mode="" class="lable-img"></image>
<view class="user-info acea-row row-middle">
<image src="../../../static/images/cart.png" mode="" class="head-img"></image>
<view class="user-name">大老虎</view>
<view class="user-address">武汉</view>
<view class="user-price">20,000</view>
</view>
<view class="supply-con">李先生需要景区方面资源洽谈相关合作</view>
<view class="category-box acea-row">
<view class="tag-item-b tag">商务合作</view>
<view class="tag-item-y tag">场地租赁</view>
<view class="acea-row row-column-between info-box">
<view class="user-info acea-row row-middle">
<image src="../../../static/images/business-img1.png" mode="" class="head-img"></image>
<view class="user-name">大老虎</view>
<view class="user-address">武汉</view>
<view class="user-price">20,000</view>
</view>
<view class="supply-con">李先生需要景区方面资源洽谈相关合作</view>
<view class="category-box acea-row">
<view class="tag-item-b tag">商务合作</view>
<view class="tag-item-y tag">场地租赁</view>
</view>
<view class="time-end">2021.8.30截止报名</view>
</view>
<view class="time-end">2021.8.30截止报名</view>
<view class="todetails">查看详情</view>
</view>
<!-- 企业 -->
<view class="enterprise-list">
<image src="../../../static/images/act-time.png" mode="" class="lable-img"></image>
<view class="title-h">招聘前端工程师若干名</view>
<view class="enterprise-price">2K-10K</view>
<view class="supply-screen acea-row">
<view class="tag-item-y tag">网站建设</view>
<view class="tag-item-p tag">APP开发</view>
<view class="time-end-t">2021.8.30截止报名</view>
</view>
<view class="user-info acea-row row-middle">
<image src="../../../static/images/cart.png" mode="" class="head-logo"></image>
<view class="user-name">湖北知音动漫有限公司</view>
<view class="enterprise-box acea-row row-column-between">
<view class="title-h">招聘前端工程师若干名</view>
<view class="enterprise-price">2K-10K</view>
<view class="supply-screen acea-row">
<view class="tag-item-y tag">网站建设</view>
<view class="tag-item-p tag">APP开发</view>
<view class="time-end-t">2021.8.30截止报名</view>
</view>
<view class="enterprise-info acea-row row-middle">
<image src="../../../static/images/cart.png" mode="" class="head-logo"></image>
<view class="user-name">湖北知音动漫有限公司</view>
</view>
</view>
<view class="todetails">查看详情</view>
</view>
</view>
<view class="company-box" v-if="active == 2">
<view class="personal-list">
<image src="../../../static/images/backhome.png" mode="" class="lable-img"></image>
<view class="user-info acea-row row-middle">
<image src="../../../static/images/cart.png" mode="" class="head-img"></image>
<view class="user-name">大老虎</view>
<view class="user-address">武汉</view>
<view class="user-price">20,000</view>
</view>
<view class="supply-con">李先生需要景区方面资源洽谈相关合作</view>
<view class="category-box acea-row">
<view class="tag-item-b tag">商务合作</view>
<view class="tag-item-y tag">场地租赁</view>
<view class="acea-row row-column-between info-box">
<view class="user-info acea-row row-middle">
<image src="../../../static/images/business-img1.png" mode="" class="head-img"></image>
<view class="user-name">大老虎</view>
<view class="user-address">武汉</view>
<view class="user-price">20,000</view>
</view>
<view class="supply-con">李先生需要景区方面资源洽谈相关合作</view>
<view class="category-box acea-row">
<view class="tag-item-b tag">商务合作</view>
<view class="tag-item-y tag">场地租赁</view>
</view>
<view class="time-end">2021.8.30截止报名</view>
</view>
<view class="time-end">2021.8.30截止报名</view>
<view class="todetails">查看详情</view>
</view>
<view class="enterprise-list">
<image src="../../../static/images/act-time.png" mode="" class="lable-img"></image>
<view class="enterprise-con acea-row">
<view><image src="../../../static/images/home/menu6.png" class="enterprise-img"></image></view>
<view class="content-right">
<image src="../../../static/images/home/menu6.png" class="enterprise-img"></image>
<view class="content-right acea-row row-column-between">
<view>APP开发平台搭建外卖小程序返现H5定制一站式解决</view>
<view class="category-box acea-row">
<view class="tag-item-b tag">商务合作</view>
<view class="tag-item-y tag">场地租赁</view>
</view>
<view class="user-price">20,000</view>
<view class="e-price">20,000</view>
</view>
</view>
<view class="user-info acea-row row-middle">
<view class="enterprise-info acea-row row-middle mt20">
<image src="../../../static/images/cart.png" mode="" class="head-logo"></image>
<view class="user-name">湖北知音动漫有限公司</view>
</view>
@ -199,7 +206,7 @@
}
</script>
<style>
<style lang="less">
.supplyHall-page{
width: 100%;
min-height: 100vh;
@ -302,6 +309,7 @@
background: #FFF;
position: relative;
margin-top: 34rpx;
padding-bottom: 32rpx;
}
.lable-img{
width: 60rpx;
@ -309,9 +317,9 @@
background: #FFFFFF;
border-radius: 12rpx;
}
.user-info{
margin: 8rpx 0 0rpx 20rpx;
padding-bottom: 16rpx;
.info-box{
height: 214rpx;
padding-left: 20rpx;
}
.head-img{
width: 64rpx;
@ -337,15 +345,14 @@
right: 58rpx;
height: 40rpx;
color: #FF5100;
font-weight: 600;
}
.supply-con{
height: 40rpx;
color: #1D1D1D;
margin: 0 0 16rpx 20rpx;
}
.category-box{
margin: 8rpx 0 12rpx 20rpx;
font-weight: 600;
}
.tag{
width: 112rpx;
height: 36rpx;
@ -370,8 +377,6 @@
height: 34rpx;
font-size: 24rpx;
color: #707070;
margin-left: 20rpx;
padding-bottom: 65rpx;
}
.todetails{
width: 148rpx;
@ -389,25 +394,29 @@
/* 企业 */
.enterprise-list{
width: 670rpx;
background: #FFFFFF;
margin: 0 auto;
margin-top: 32rpx;
border-radius: 12rpx;
position: relative;
padding-bottom: 15rpx;
}
.enterprise-box{
height: 208rpx;
padding-left: 20rpx;
}
.title-h{
width: 456rpx;
height: 44rpx;
height: 35rpx;
line-height: 35rpx;
font-size: 32rpx;
color: #1D1D1D;
margin: 0rpx 0 5rpx 24rpx;
font-weight: 600;
}
.enterprise-price{
height: 40rpx;
height: 30rpx;
line-height: 30rpx;
font-size: 28rpx;
color: #FF5100;
margin-left: 24rpx;
}
.head-logo{
width: 72rpx;
@ -423,7 +432,7 @@
.enterprise-con{
width: 100%;
height: 192rpx;
margin: 6rpx 20rpx 10rpx 20rpx;
padding: 0 20rpx;
}
.enterprise-img{
width: 150rpx;
@ -431,14 +440,17 @@
margin-right: 30rpx;
}
.content-right{
width: 456rpx;
width: 450rpx;
height:180rpx;
position: relative;
}
.content-right>.supply-screen{
margin: 16rpx 0 20rpx 0;
.e-price{
height: 40rpx;
color: #FF5100;
font-weight: 600;
}
.content-right>.user-price{
left: 0;
.mt20{
padding-left: 20rpx;
}

14
pages/home/index.vue

@ -57,7 +57,7 @@
</view>
</scroll-view>
</view>
<!-- 为您推荐 -->
<!-- 最新活动 -->
<view class="rec-box">
<view class="headline skeleton-rect"><image src="../../static/images/rec-headline.png" mode=""></image></view>
<view class="rec-switch">
@ -79,7 +79,7 @@
</view>
<view class="rec-switch-a">
<view class="list-box" v-if="active == 1">
<view class="rec-list" v-for="(item,index) in demandList" :key="index" @click="toNeedDetail(item.id)">
<view class="rec-list acea-row row-column-between" v-for="(item,index) in demandList" :key="index" @click="toNeedDetail(item.id)">
<view class="acea-row row-middle">
<image src="../../static/images/rec-icon1.png" mode="aspectFill"></image>
<view class="rec-name line1">{{item.title}}</view>
@ -103,6 +103,7 @@
</view>
</view>
</view>
<!-- 为您推荐 -->
<view class="warter-box">
<view class="headline">
<image src="../../static/images/rec-title.png" mode=""></image>
@ -622,6 +623,7 @@ export default {
.rec-t{
width: 100%;
height: 100%;
line-height: 37rpx;
position: absolute;
z-index: 3;
}
@ -646,14 +648,14 @@ export default {
.rec-list{
position: relative;
height: 165rpx;
padding: 33rpx 40rpx 0 40rpx;
padding: 30rpx 30rpx 15rpx 30rpx;
}
.rec-list image{
width: 64rpx;
height: 64rpx;
}
.rec-name{
width: 340rpx;
width: 130rpx;
font-size: 28rpx;
color: #1D1D1D;
margin-left: 16rpx;
@ -671,15 +673,13 @@ export default {
.rec-end{
font-size: 24rpx;
color: #707070;
position: absolute;
right: 22rpx;
margin-left: auto;
}
.rec-message{
width: 582rpx;
height: 40rpx;
font-size: 28rpx;
color: #1D1D1D;
margin-top: 15rpx;
}

BIN
static/images/rec-bg.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Loading…
Cancel
Save