diff --git a/pages/demandHall/demoInvestment/index.vue b/pages/demandHall/demoInvestment/index.vue
index 1eb5aff..dfb7ef0 100644
--- a/pages/demandHall/demoInvestment/index.vue
+++ b/pages/demandHall/demoInvestment/index.vue
@@ -10,16 +10,11 @@
全部项目
投资方
-
-
-
- 筛选
-
-
+
+
+ 筛选
+
+
@@ -55,7 +50,7 @@
-
+
@@ -78,21 +73,107 @@
+
+
+
+
+ 所有服务
+
+ {{item.cagetoryName}}
+
+
+
+ 商家身份(所有商家均实名认证)
+
+ 个人认证
+ 企业认证
+
+
+
+ 重置
+ 完成
+
+
+
+
@@ -321,4 +402,115 @@
width: 305rpx;
height: 176rpx;
}
+ .mask-box{
+ width: 100%;
+ height: 100vh;
+ background: rgba(0,0,0,.6);
+ position:fixed;
+ top: 0;/* #ifdef H5 */
+ top: calc(88rpx + constant(safe-area-inset-top));
+ top: calc(88rpx + env(safe-area-inset-top));/* #endif */
+ left: 0;
+ z-index: 9999;
+ }
+ .screen-dialog-box{
+ width: 602rpx;
+ height: 100%;
+ /* padding-bottom: 160rpx; */
+ overflow-y: scroll;
+ background-color: #fff;
+ position: absolute;
+ top: 0;
+ right: 0rpx;
+ animation: move 200ms ease;
+ }
+ /* .move{
+ right: 0rpx;
+ } */
+ @keyframes move{
+ 0%{
+ transform: translateX(800rpx);
+ }
+ 100%{
+ transform: translateX(0rpx);
+ }
+ }
+ .screen-item{
+ width: 100%;
+ padding: 0 38rpx;
+ padding-bottom: 22rpx;
+ border-bottom: 2rpx solid #EEEEEE;
+ }
+ .screen-title{
+ font-size: 24rpx;
+ color: #000;
+ margin-bottom: 32rpx;
+ }
+ .screen-item{
+ padding-top: 40rpx;
+ }
+
+ .screen-item .item{
+ width: 162rpx;
+ height: 48rpx;
+ line-height: 48rpx;
+ text-align: center;
+ font-size: 24rpx;
+ color: #666666;
+ background: #F6F6F6;
+ border-radius: 4rpx;
+ margin-bottom: 20rpx;
+ margin-right: 20rpx;
+ }
+ .screen-item .item:nth-child(3n){
+ margin-right: 0;
+ }
+ .screen-item .item-active{
+ border: 2rpx solid #FF6E33;
+ color: #FE7D26;
+ background: #FDEFE6;
+ }
+ .across-line{
+ width: 44rpx;
+ height: 2rpx;
+ background: #ACABAB;
+ margin: 0 12rpx;
+ }
+ .low-price{
+ width: 228rpx;
+ height: 60rpx;
+ background: #F6F5F5;
+ border-radius: 4rpx;
+ }
+ .low-price input{
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ }
+ .fz20{
+ font-size: 20rpx;
+ color: #393939;
+ }
+ .submit-box{
+ width: 602rpx;
+ height: 100rpx;
+ box-shadow: 2rpx 0px 12rpx rgba(0, 0, 0, 0.16);
+ position: fixed;
+ bottom: 0;
+ right: 0;
+ }
+ .submit-box .btn{
+ width: 50%;
+ height: 100%;
+ line-height: 100rpx;
+ text-align: center;
+ }
+ .submit-box .finish{
+ background: #FF660C;
+ color: #fff;
+ }
+
+
+
+
diff --git a/pages/demandHall/index.vue b/pages/demandHall/index.vue
index d77fdc1..4a4c4e2 100644
--- a/pages/demandHall/index.vue
+++ b/pages/demandHall/index.vue
@@ -184,6 +184,7 @@ export default {
size: 0,
cName: "",
currentTabIndex: 1,
+
};
},
@@ -644,6 +645,18 @@ image{
position: static;
}
+
+
+
+
+
+
+
+
+
+
+
+
.mask-box{
width: 100%;
height: 100vh;
diff --git a/pages/demandHall/supplyHall/index.vue b/pages/demandHall/supplyHall/index.vue
index 5244321..653dc16 100644
--- a/pages/demandHall/supplyHall/index.vue
+++ b/pages/demandHall/supplyHall/index.vue
@@ -11,12 +11,7 @@
需求广场
供应广场
-
-
+
筛选
@@ -98,23 +93,108 @@
+
+
+
+
+ 所有服务
+
+ {{item.cagetoryName}}
+
+
+
+ 商家身份(所有商家均实名认证)
+
+ 个人认证
+ 企业认证
+
+
+
+ 重置
+ 完成
+
+
+
+
@@ -360,4 +440,115 @@
.content-right>.user-price{
left: 0;
}
+
+
+
+ .mask-box{
+ width: 100%;
+ height: 100vh;
+ background: rgba(0,0,0,.6);
+ position:fixed;
+ top: 0;/* #ifdef H5 */
+ top: calc(88rpx + constant(safe-area-inset-top));
+ top: calc(88rpx + env(safe-area-inset-top));/* #endif */
+ left: 0;
+ z-index: 9999;
+
+ }
+ .screen-dialog-box{
+ width: 602rpx;
+ height: 100%;
+ /* padding-bottom: 160rpx; */
+ overflow-y: scroll;
+ background-color: #fff;
+ position: absolute;
+ top: 0;
+ right: 0rpx;
+ animation: move 200ms ease;
+ }
+ /* .move{
+ right: 0rpx;
+ } */
+ @keyframes move{
+ 0%{
+ transform: translateX(800rpx);
+ }
+ 100%{
+ transform: translateX(0rpx);
+ }
+ }
+ .screen-item{
+ width: 100%;
+ padding: 0 38rpx;
+ padding-bottom: 22rpx;
+ border-bottom: 2rpx solid #EEEEEE;
+ }
+ .screen-title{
+ font-size: 24rpx;
+ color: #000;
+ margin-bottom: 32rpx;
+ }
+ .screen-item{
+ padding-top: 40rpx;
+ }
+
+ .screen-item .item{
+ width: 162rpx;
+ height: 48rpx;
+ line-height: 48rpx;
+ text-align: center;
+ font-size: 24rpx;
+ color: #666666;
+ background: #F6F6F6;
+ border-radius: 4rpx;
+ margin-bottom: 20rpx;
+ margin-right: 20rpx;
+ }
+ .screen-item .item:nth-child(3n){
+ margin-right: 0;
+ }
+ .screen-item .item-active{
+ border: 2rpx solid #FF6E33;
+ color: #FE7D26;
+ background: #FDEFE6;
+ }
+ .across-line{
+ width: 44rpx;
+ height: 2rpx;
+ background: #ACABAB;
+ margin: 0 12rpx;
+ }
+ .low-price{
+ width: 228rpx;
+ height: 60rpx;
+ background: #F6F5F5;
+ border-radius: 4rpx;
+ }
+ .low-price input{
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ }
+ .fz20{
+ font-size: 20rpx;
+ color: #393939;
+ }
+ .submit-box{
+ width: 602rpx;
+ height: 100rpx;
+ box-shadow: 2rpx 0px 12rpx rgba(0, 0, 0, 0.16);
+ position: fixed;
+ bottom: 0;
+ right: 0;
+ }
+ .submit-box .btn{
+ width: 50%;
+ height: 100%;
+ line-height: 100rpx;
+ text-align: center;
+ }
+ .submit-box .finish{
+ background: #FF660C;
+ color: #fff;
+ }