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

云生态9

zys
kk_888 3 years ago
parent
e98ce5f264
commit
e06f4c8692
7 changed files with 125 additions and 109 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  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
Unescape View File

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

11
pages/demandHall/enterprisePage/index.vue
Unescape View File

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

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

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

62
pages/demandHall/index.vue
Unescape View File

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

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

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

14
pages/home/index.vue
Unescape View File

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

BIN
static/images/rec-bg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Write Preview
Loading…
Cancel
Save