正在对接

components/My_SupplyAndDemandItemBox/index.wxml

@@ -1,7 +1,7 @@
 <view class="SupplyAndDemandItemBox">
     <!-- 标题，按钮 -->
     <view class="title-and-but">
-        <view class="supply-and-demand-title u-line-2"><!-- <text style="color:#4DC2D4;">【供】</text> --><text style="color: brown;">【需】</text>{{title}}</view>
+        <view class="supply-and-demand-title u-line-2">{{title}}</view>
         <view class="supply-and-demand-but">
             <slot name='soldOutBut'></slot>
         </view>

pages/tabbar-pages/supplyAndDemand/index.js

@@ -14,15 +14,15 @@ Page({
         active: 0, //tabs 选中下标
         swiperBannerList: [{
             id: "001",
-            url: "/static/banner/icon-1.jpg",
+            url: "/static/userImage.png",
             src: ''
         }, {
             id: "002",
-            url: "/static/banner/icon-2.jpg",
+            url: "/static/userImage.png",
             src: ''
         }, {
             id: "003",
-            url: "/static/banner/icon-3.png",
+            url: "/static/userImage.png",
             src: ''
         }], //轮播图列表
         /* 宫格列表 */

pages/tabbar-pages/supplyAndDemand/index.wxml

@@ -35,24 +35,21 @@
             </My_SupplyAndDemandItemBox>
         </van-tab>
         <van-tab title="正在对接">
-            <My_SupplyAndDemandItemBox wx:for="{{5}}" title="各位老板看下有以下面料的联系" time="2021-11-10 14:23:43">
-                <!-- 内容信息插槽 -->
-                <view slot="dataAndBut">
-                    <view class="dataAndBut">
-                        <view class="dataAndBut_data">
-                            浏览次数:245次<text>意向沟通人数</text>:134次
-                        </view>
-                        <view class="dataAndBut_but">
-                            <van-button color="#4DC2D4" style="margin-left: 16rpx;" custom-class="custom-slotBut butt-joint">正在对接</van-button>
-                        </view>
-                    </view>
+            <view class="abutting-joint-box">
+                <view class="abutting-joint-titleAndMsg">
+                    <view class="abutting-joint-title">各位老板看下有以下面料的联系我,高价收！</view>
+                    <view class="abutting-joint-msg"><text style="color: #FF0000; opacity: .5;">[23条]</text>李老板:多少钱收？多少钱收？</view>
                 </view>
-            </My_SupplyAndDemandItemBox>
+                <view class="abutting-joint-timeAndBut">
+                    <view class="abutting-joint-time">2021-11-10 14:23:43</view>
+                    <van-button custom-class="abutting-joint-but"><text class="abutting-joint-but-text">继续沟通</text></van-button>
+                </view>
+            </view>
         </van-tab>
         <van-tab title="我的需求">
             <!-- 搜索 -->
             <view class="my-need-search">
-                <input class="my-need-search-input {{searchFocus?'my-need-search-inputfocus':''}}" 	confirm-type="search" placeholder="搜索关键字" type="text" bindfocus="needSearchFocus" bindblur="needSearchBlur" />
+                <input class="my-need-search-input {{searchFocus?'my-need-search-inputfocus':''}}" confirm-type="search" placeholder="搜索关键字" type="text" bindfocus="needSearchFocus" bindblur="needSearchBlur" />
                 <view class="my-need-search-but">
                     <van-icon name="search" />
                 </view>

pages/tabbar-pages/supplyAndDemand/index.wxss

@@ -131,7 +131,66 @@
     border: 0 !important;
 }
 
-/* 正在对接按钮 */
-.butt-joint {
-    background: linear-gradient(180deg, #D3D3D3 0%, #A7A8A8 100%) !important;
+/* 正在对接样式 */
+.abutting-joint-box {
+    width: 702rpx;
+    background: #FFFFFF;
+    border-radius: 20rpx;
+    padding: 0 14rpx;
+    box-sizing: border-box;
+    margin: 0 auto;
+}
+
+.abutting-joint-titleAndMsg {
+    height: 105rpx;
+    padding: 16rpx;
+    padding-top: 20rpx;
+    margin-top: 20rpx;
+    box-sizing: border-box;
+    border-bottom: 2rpx solid rgba(151, 151, 151, 0.2);
+}
+
+.abutting-joint-title {
+    font-size: 28rpx;
+    color: #000000;
+}
+
+.abutting-joint-msg {
+    font-size: 24rpx;
+    color: rgba(0, 0, 0, 0.5);
+    margin-top: 5rpx;
+}
+
+/* 时间和按钮 */
+.abutting-joint-timeAndBut {
+    display: flex;
+    height: 62rpx;
+    justify-content: space-between;
+    align-items: center;
+    padding-left: 16rpx;
+    box-sizing: border-box;
+}
+
+.abutting-joint-time {
+    font-size: 24rpx;
+    color: rgba(0, 0, 0, 0.3);
+}
+
+.abutting-joint-but {
+    width: 108rpx !important;
+    height: 44rpx !important;
+    background: linear-gradient(180deg, #84E3EC 0%, #4DC2D4 100%) !important;
+    box-shadow: 0px 0px 12rpx 0px rgba(0, 0, 0, 0.1) !important;
+    border-radius: 10rpx !important;
+    margin-right: 6rpx;
+}
+
+.abutting-joint-but-text {
+    position: absolute;
+    display: block;
+    font-size: 20rpx;
+    font-weight: 500;
+    color: #FFFFFF !important;
+    top: 0;
+    left: 13rpx;
 }