门户

components/My_BannerSwiper/index.js

@@ -7,6 +7,18 @@ Component({
         swiperBannerList: {
             type: Array
         },
+        type: {
+            type: String,
+            value: "banner" //advertising
+        },
+        marTop: {
+            type: Number,
+            value: 0
+        },
+        marBot: {
+            type: Number,
+            value: 0
+        },
     },
 
     /**

components/My_BannerSwiper/index.wxml

@@ -1,10 +1,18 @@
 <!-- banner -->
-<view class="supplyAndDemandBanner">
+<view class="supplyAndDemandBanner" wx:if="{{type=='banner'}}" style="margin-top: {{marTop}}rpx; margin-bottom: {{marBot}}rpx;">
     <view class="swiperBanner">
-        <swiper autoplay indicator-dots circular="true" indicator-active-color="#fff" indicator-color="rgba(255,255,255,.5)">
+        <swiper autoplay indicator-dots circular indicator-active-color="#fff" indicator-color="rgba(255,255,255,.5)">
             <swiper-item wx:for="{{swiperBannerList}}" wx:key="index">
                 <image src="{{item.attinfos[0].fobsurl}}" data-index="{{index}}" catchtap="clickToPage" mode="aspectFill"></image>
             </swiper-item>
         </swiper>
     </view>
+</view>
+<!-- 广告 -->
+<view wx:else class="ad-box" style="margin-top: {{marTop}}rpx; margin-bottom: {{marBot}}rpx;">
+    <swiper class="ad-swiper" autoplay circular indicator-dots indicator-color='rgba(216,216,216,.58)' indicator-active-color='#57C7D3'>
+        <swiper-item wx:for="{{swiperBannerList}}" wx:key="index">
+            <image src="{{item.attinfos[0].fobsurl}}" data-index="{{index}}" catchtap="clickToPage" mode="aspectFill"></image>
+        </swiper-item>
+    </swiper>
 </view>

components/My_BannerSwiper/index.wxss

@@ -19,4 +19,23 @@
 .swiperBanner image {
     width: 702rpx;
     height: 286rpx;
+}
+
+
+/* 广告位 */
+.ad-box {
+    width: 100vw;
+    padding: 0 24rpx;
+    box-sizing: border-box;
+}
+
+.ad-swiper {
+    width: 702rpx;
+    height: 140rpx;
+    border-radius: 70rpx;
+    overflow: hidden;
+}
+.ad-swiper image{
+    width: 100%;
+    height: 100%;
 }

pages/annunciate/details.js

@@ -32,6 +32,16 @@ Page({
         if (options.type == 1) {
             data.classname = "customer.noticemag.noticemag";
         };
+        //无状态进入
+        if (options.type == 2) {
+            data = {
+                "classname": "publicmethod.homepage.homepage",
+                "method": "query_noticeMain",
+                "content": {
+                    "tnoticeid": options.id
+                }
+            }
+        }
         //开始阅读
         _Http.basic(data).then(res => {
             let attinfos = res.data[0].attinfos,
@@ -43,6 +53,7 @@ Page({
             var that = this;
             var article = res.data[0].fcontent;
             WxParse.wxParse('article', 'html', article, that, 5);
+            res.data[0].checkdate = res.data[0].checkdate.slice(0, res.data[0].checkdate.lastIndexOf('.'));
             this.setData({
                 tnoticeid: options.id,
                 msgObj: res.data[0],
@@ -52,7 +63,7 @@ Page({
             })
         })
     },
-    /* 下载附件 */
+    /* 查看附件 */
     downLoadFiles(e) {
         const {
             index
@@ -72,7 +83,6 @@ Page({
                     }
                 })
             },
-
         })
     },
     /**

pages/portal/index.js

@@ -2,16 +2,30 @@ import {
     ApiModel
 } from "../../utils/api"
 const _Http = new ApiModel();
+import {
+    TestVerify
+} from "../../utils/verify";
+const _Verify = new TestVerify();
 const processingData = require("../../utils/processingData");
 Page({
-
     /**
      * 页面的初始数据
      */
     data: {
         tabsActive: 0, //tabs选中项
+        annunciateList: [], //通告列表
         sadClassify: [], //供需分类
         sadList: [], //供需列表
+        brandSelect: 0, //品牌关注榜选择
+        brandList0: [],
+        brandList1: [],
+        recruitName: "", //招商用户名
+        recruitPhone: "", //招商手机号
+        region: [], //地址
+        recruitExplain: "", //备注
+        newProductIndex1: 0,
+        newProductIndex2: 0,
+        repetitionSubmit: false, //是否重复提交招商表单
     },
 
     /**
@@ -19,9 +33,18 @@ Page({
      */
     onLoad: function (options) {
         /* 获取轮播图 */
-        const bannerList = wx.getStorageSync('bannerDataList').filter(value => value.flocation == 'home_head');
+        let imgList = wx.getStorageSync('bannerDataList');
+        const bannerList = imgList.filter(value => value.flocation == 'portal_head');
+        const portal_middle_1 = imgList.filter(value => value.flocation == 'portal_middle_1');
+        const portal_middle_2 = imgList.filter(value => value.flocation == 'portal_middle_2');
+        const portal_middle_3 = imgList.filter(value => value.flocation == 'portal_middle_3');
+        const portal_middle_4 = imgList.filter(value => value.flocation == 'portal_middle_4');
         this.setData({
-            swiperBannerList: bannerList[0].banner
+            swiperBannerList: bannerList[0].banner,
+            portal_middle_1: portal_middle_1[0].banner,
+            portal_middle_2: portal_middle_2[0].banner,
+            portal_middle_3: portal_middle_3[0].banner,
+            portal_middle_4: portal_middle_4[0].banner,
         });
         //获取管理端发布通告
         _Http.basic({
@@ -35,7 +58,10 @@ Page({
                 title: res.data,
                 icon: "none"
             });
-            console.log("通告", res)
+            processingData.imageType(res.data, 'cover');
+            this.setData({
+                annunciateList: res.data
+            })
         });
         //获取供需分类
         _Http.basic({
@@ -55,6 +81,166 @@ Page({
         });
         //获取全部供需列表
         this.query_supplyanddemandList('')
+        //新发布商品
+        this.getHotProductsList();
+        // 获取品牌关注榜
+        this.getHotAgentsList('沙发布')
+    },
+    //跳转通过详情页
+    toAnnunciateDetails(e) {
+        const {
+            index
+        } = e.currentTarget.dataset;
+        wx.navigateTo({
+            url: '/pages/annunciate/details?id=' + this.data.annunciateList[index].tnoticeid + '&type=2',
+        })
+    },
+    //表单提交
+    submitForm() {
+        if (this.data.repetitionSubmit) {
+            wx.showModal({
+                title: "提示",
+                content: "已提交过信息，是否继续",
+                success: (res) => {
+                    if (!res.confirm) return;
+                    this.insertBusiness()
+                }
+            })
+        } else {
+            this.insertBusiness();
+        }
+    },
+    insertBusiness() {
+        let add = {
+            "province": "",
+            "city": "",
+            "county": "",
+        }
+        if (this.data.region.length > 0) {
+            const a1 = this.data.region;
+            add.province = a1[0]
+            add.city = a1[1]
+            add.county = a1[2]
+        }
+        _Http.basic({
+            "classname": "publicmethod.homepage.homepage",
+            "method": "insertBusiness",
+            "content": {
+                "province": add.province,
+                "city": add.city,
+                "county": add.county,
+                "fname": this.data.recruitName,
+                "fphone": this.data.recruitPhone,
+                "fnote": this.data.recruitExplain
+            }
+        }).then(res => {
+            if (res.msg != '成功') return wx.showToast({
+                title: res.data,
+                icon: "none"
+            });
+            wx.showToast({
+                title: "提交成功"
+            });
+            this.setData({
+                repetitionSubmit: true,
+                recruitExplain: '',
+                recruitName: "",
+                recruitPhone: "",
+                region: []
+            })
+        })
+    },
+    //手机号码
+    phoneNumber(e) {
+        if (!_Verify.phoneNumber(e.detail.value)) return wx.showToast({
+            title: '请输入11位手机号码',
+            icon: "none"
+        });
+        this.setData({
+            recruitPhone: e.detail.value
+        })
+    },
+    //招商表单输入
+    recruitInput(e) {
+        const {
+            name
+        } = e.currentTarget.dataset;
+        this.setData({
+            [name]: _Verify.Eliminate(e.detail.value)
+        })
+    },
+    //省市区选择器
+    bindRegionChange: function (e) {
+        console.log('picker发送选择改变，携带值为', e.detail.value)
+        this.setData({
+            region: e.detail.value
+        })
+    },
+    //新发布商品
+    getHotProductsList() {
+        let arr = ["窗帘布", "沙发布"];
+        for (let i = 0; i < arr.length; i++) {
+            _Http.basic({
+                "classname": "publicmethod.homepage.homepage",
+                "method": "getHotProductsList",
+                "content": {
+                    "getdatafromdbanyway": true,
+                    "ftype": arr[i]
+                }
+            }).then(res => {
+                if (res.msg != '成功') return wx.showToast({
+                    title: res.data,
+                    icon: "none"
+                });
+                if (i == 0) {
+                    this.setData({
+                        newProduct1: res.data
+                    })
+                } else {
+                    this.setData({
+                        newProduct2: res.data
+                    })
+                }
+            })
+        };
+    },
+    /* 获取品牌关注榜 */
+    getHotAgentsList(ftype) {
+        _Http.basic({
+            "classname": "publicmethod.homepage.homepage",
+            "method": "getHotAgentsList",
+            "content": {
+                "ftype": ftype
+            }
+        }, false).then(res => {
+            if (res.msg != '成功') return wx.showToast({
+                title: res.data,
+                icon: "none"
+            });
+            if (ftype == '沙发布') {
+                this.setData({
+                    brandList0: res.data
+                })
+            } else if (ftype == '窗帘布') {
+                this.setData({
+                    brandList1: res.data
+                })
+            }
+        })
+        if (ftype == '沙发布') this.getHotAgentsList('窗帘布')
+    },
+    /* 品牌关注榜选项 */
+    selectOption(e) {
+        let index = null;
+        if (e.target.dataset.index) {
+            index = e.target.dataset.index;
+        } else {
+            index = e.detail.current;
+        }
+        if (index == this.data.brandSelect) return;
+        this.setData({
+            brandSelect: index
+        })
     },
     /* 跳转供需详情 */
     toDetails(e) {
@@ -98,6 +284,17 @@ Page({
             })
         })
     },
+    /* 新品轮播图 */
+    newProduct1(e) {
+        this.setData({
+            newProductIndex1: e.detail.current
+        })
+    },
+    newProduct2(e) {
+        this.setData({
+            newProductIndex2: e.detail.current
+        })
+    },
     /**
      * 生命周期函数--监听页面初次渲染完成
      */

pages/portal/index.wxml

@@ -9,30 +9,48 @@
     </view>
     <!-- 内容 -->
     <view class="annunciate_content">
-        <swiper class="annunciate_content_swiper">
-            <swiper-item></swiper-item>
-            <swiper-item></swiper-item>
-            <swiper-item></swiper-item>
+        <swiper class="annunciate_content_swiper" autoplay circular indicator-dots indicator-color='rgba(216,216,216,.58)' indicator-active-color='#57C7D3'>
+            <swiper-item wx:key="index" wx:for="{{annunciateList}}">
+                <image src="{{item.attinfos[0].fobsurl}}"></image>
+            </swiper-item>
         </swiper>
         <view class="annunciate_show">
-            <view class="annunciate_item" wx:for="{{3}}">
-                <view class="annunciate_item_title u-line-1">856566549465165498856566549465165498756756</view>
+            <view class="annunciate_item" wx:key="index" wx:for="{{annunciateList}}" data-index="{{index}}" bindtap="toAnnunciateDetails">
+                <view class="annunciate_item_title u-line-1">{{item.ftitle}}</view>
                 <view class="annunciate_item_count">
                     <image src="/static/icon-14.png"></image>
-                    浏览 2375
+                    浏览 {{item.freadcount}}
                 </view>
             </view>
         </view>
     </view>
 </view>
-<!-- 广告位 -->
-<view class="ad-box" style="margin-top: 40rpx;">
-    <swiper class="ad-swiper"></swiper>
-</view>
+<!-- 广告位1 -->
+<My_BannerSwiper type="advertising" marTop='40' swiperBannerList="{{portal_middle_1}}" />
 <!-- 品牌关注榜 -->
 <view class="concerns-box">
     <view class="concerns-con">
         <view class="concerns-title">品牌关注榜</view>
+        <!-- 分类 -->
+        <view class="option-box" bindtap="selectOption">
+            <view class="brand-type type-top {{brandSelect=='0'?'typeavtion':''}}">沙发布</view>
+            <view class="brand-type type-bot {{brandSelect=='1'?'typeavtion':''}}">窗帘布</view>
+            <view class="option op-top {{brandSelect=='0'?'opavtion':''}}" data-index="0"></view>
+            <view class="option op-bot {{brandSelect=='1'?'opavtion':''}}" data-index="1"></view>
+        </view>
+        <!-- 轮播图 -->
+        <swiper class="option-swiper" autoplay current='{{brandSelect}}' circular vertical bindchange='selectOption'>
+            <swiper-item>
+                <view class="brand-item u-line-1" wx:key="index" wx:for="{{brandList0}}">
+                    <text>{{item.queryrow<10?'0'+item.queryrow:item.queryrow}} </text>{{item.fname}}
+                </view>
+            </swiper-item>
+            <swiper-item>
+                <view class="brand-item u-line-1" wx:key="index" wx:for="{{brandList1}}">
+                    <text>{{item.queryrow<10?'0'+item.queryrow:item.queryrow}} </text>{{item.fname}}
+                </view>
+            </swiper-item>
+        </swiper>
     </view>
     <image class="concerns-bg" src="/static/portal/bg.png"></image>
 </view>
@@ -42,28 +60,34 @@
         <view class="new-product-title">
             <view></view> 窗帘布新品 <view></view>
         </view>
-        <swiper class="new-product-swiper"></swiper>
-        <view class="new-product-name u-line-1">花旗新品[凡尔赛系列]</view>
+        <swiper class="new-product-swiper" autoplay circular current='{{newProductIndex1}}' indicator-dots indicator-color='rgba(216,216,216,.58)' indicator-active-color='#57C7D3' bindchange='newProduct1'>
+            <swiper-item wx:key="index" wx:for="{{newProduct1}}">
+                <image src="{{item.attinfos[0].fobsurl}}" mode="aspectFill"></image>
+            </swiper-item>
+        </swiper>
+        <view class="new-product-name u-line-1">{{newProduct1[newProductIndex1].fname}}[{{newProduct1[newProductIndex1].ftype}}]</view>
     </view>
     <view>
         <view class="new-product-title">
-            <view></view> 窗帘布新品 <view></view>
+            <view></view> 沙发布新品 <view></view>
         </view>
-        <swiper class="new-product-swiper"></swiper>
-        <view class="new-product-name u-line-1">花旗新品[凡尔赛系列]</view>
+        <swiper class="new-product-swiper" autoplay circular current='{{newProductIndex2}}' indicator-dots indicator-color='rgba(216,216,216,.58)' indicator-active-color='#57C7D3' bindchange='newProduct1'>
+            <swiper-item wx:key="index" wx:for="{{newProduct2}}">
+                <image src="{{item.attinfos[0].fobsurl}}" mode="aspectFill"></image>
+            </swiper-item>
+        </swiper>
+        <view class="new-product-name u-line-1">{{newProduct2[newProductIndex2].fname}}[{{newProduct2[newProductIndex2].ftype}}]</view>
     </view>
 </view>
-<!-- 广告位 -->
-<view class="ad-box" style="margin-top: 40rpx;">
-    <swiper class="ad-swiper"></swiper>
-</view>
+<!-- 广告位1 -->
+<My_BannerSwiper type="advertising" marTop='40' swiperBannerList="{{portal_middle_2}}" />
 <!-- 供需 -->
 <van-tabs active="{{ tabsActive }}" color='#00C1D2' line-width='15' line-height='3' custom-class='tabs-custom-class' tab-class='tabs-tab-class' tab-active-class='tabs-tab-active-class' bind:change="tabsOnChange">
     <van-tab title="全部供需" />
-    <van-tab wx:for="{{sadClassify}}" title="{{item.ftype}}" />
+    <van-tab wx:key="index" wx:for="{{sadClassify}}" title="{{item.ftype}}" />
 </van-tabs>
 <!-- 列表展示区 -->
-<view class="ann-box" style="margin-left: 44rpx;" wx:for="{{sadList}}" data-index="{{index}}" catchtap="toDetails">
+<view class="ann-box" style="margin-left: 44rpx;" wx:key="index" wx:for="{{sadList}}" data-index="{{index}}" catchtap="toDetails">
     <view class="ann-img" wx:if="{{item.attinfos[0].fobsurl}}">
         <image src="{{item.attinfos[0].fobsurl}}" mode="aspectFill"></image>
     </view>
@@ -95,9 +119,64 @@
 <van-empty wx:if="{{1>sadList.length}}" description="暂无数据" />
 <!-- 展厅照片 -->
 <view class="exhibition-hall">
-    <image src="/static/位图备份 2@2x.png" mode="aspectFill"></image>
+    <image src="{{portal_middle_3[0].attinfos[0].fobsurl}}" mode="aspectFill"></image>
+</view>
+<!-- 招商表单 -->
+<view class="annunciate" style="margin-top: 20rpx;">
+    <!-- 标题 -->
+    <view class="annunciate_title">
+        <view class="annunciate_decorate"></view>
+        <view class="annunciate_text">招商入口</view>
+    </view>
+    <!-- 招商表单 -->
+    <view class="recruit-box">
+        <!-- 姓名，手机 -->
+        <view class="recruit-row">
+            <label for="name" class="recruit-row-title">
+                您的姓名
+            </label>
+            <view class="recruit-row-input">
+                <input id='name' placeholder="请输入姓名" value="{{recruitName}}" data-name="recruitName" bindinput="recruitInput" placeholder-class="placeholder-class" type="text" />
+            </view>
+            <label for="phone" class="recruit-row-title" style="margin-left: 22rpx;">
+                您的手机
+            </label>
+            <view class="recruit-row-input">
+                <input id='phone' placeholder="请输入手机号" value="{{recruitPhone}}" bindblur="phoneNumber" placeholder-class="placeholder-class" type="number" />
+            </view>
+        </view>
+        <!-- 选择地区 -->
+        <view class="recruit-row" style="margin-top: 20rpx;">
+            <view class="recruit-row-title">
+                您的地址
+            </view>
+            <picker mode="region" bindchange="bindRegionChange" value="{{region}}">
+                <view class="recruit-row-picker">
+                    <block wx:if="{{region.length>1}}">
+                        <text wx:key="index" wx:for="{{region}}" style="margin-right: 8rpx;">{{item}}</text>
+                    </block>
+                    <block wx:else>省、市、区</block>
+                    <van-icon name="arrow-down" />
+                </view>
+            </picker>
+        </view>
+        <!-- 备注 -->
+        <view class="recruit-row" style="margin-top: 20rpx;">
+            <view class="recruit-row-title">
+                备注
+            </view>
+            <view class="textarea">
+                <textarea maxlength='-1' value="{{recruitExplain}}" data-name="recruitExplain" bindinput="recruitInput" placeholder-style="color: rgba(0, 0, 0, 0.25);" placeholder='请输入备注'></textarea>
+            </view>
+        </view>
+        <!-- 提交 -->
+        <view class="recruit-row" style="margin-top: 110rpx;">
+            <view class="recruit-row-title"></view>
+            <van-button custom-class='submit-custom-class' bindtap="submitForm">马上提交</van-button>
+        </view>
+    </view>
 </view>
-<!-- 招商 -->
+<!-- 招商图片 -->
 <view class="attract-investment">
-    <image src="/static/位图@2x.png" mode="aspectFill"></image>
+    <image src="{{portal_middle_4[0].attinfos[0].fobsurl}}" mode="aspectFill"></image>
 </view>

pages/portal/index.wxss

@@ -45,10 +45,14 @@ page {
     height: 162rpx;
     border-radius: 10rpx;
     overflow: hidden;
-    background-color: #000000;
     flex-shrink: 0;
 }
 
+.annunciate_content_swiper image {
+    width: 100%;
+    height: 100%;
+}
+
 .annunciate_show {
     display: flex;
     flex-direction: column;
@@ -82,20 +86,6 @@ page {
     height: 14rpx;
 }
 
-/* 广告位 */
-.ad-box {
-    width: 100vw;
-    padding: 0 24rpx;
-    box-sizing: border-box;
-}
-
-.ad-swiper {
-    width: 702rpx;
-    height: 140rpx;
-    border-radius: 70rpx;
-    background-color: aqua;
-}
-
 /* 品牌关注榜 */
 .concerns-box {
     position: relative;
@@ -177,12 +167,17 @@ page {
 .new-product-swiper {
     width: 316rpx;
     height: 264rpx;
-    background-color: aqua;
     border: 2rpx solid #000000;
     border-top: 0;
     border-bottom: 0;
 }
 
+.new-product-swiper swiper-item,
+.new-product-swiper image {
+    width: 100%;
+    height: 100%;
+}
+
 .new-product-name {
     width: 316rpx !important;
     height: 60rpx;
@@ -225,7 +220,6 @@ page {
     margin: 30rpx auto 0;
     border-radius: 10rpx;
     overflow: hidden;
-
 }
 
 .exhibition-hall image,
@@ -237,4 +231,195 @@ page {
 .attract-investment {
     height: 294rpx;
     margin-top: 40rpx;
+}
+
+/* 品牌关注榜选项 */
+.option-box {
+    position: absolute;
+    height: 280rpx;
+    width: 162rpx;
+    top: 66rpx;
+    left: 46rpx;
+    overflow: hidden;
+}
+
+.option {
+    position: absolute;
+    width: 180rpx;
+    height: 450rpx;
+    background-color: #F7F8F8;
+    transform: rotate(30deg);
+}
+
+.op-top {
+    top: -78rpx;
+    left: -129rpx;
+}
+
+.op-bot {
+    bottom: -78rpx;
+    right: -129rpx;
+}
+
+.opavtion {
+    background-color: #4DC2D4 !important;
+}
+
+/*品牌类型 */
+.brand-type {
+    position: absolute;
+    width: 64rpx;
+    height: 88rpx;
+    font-size: 32rpx;
+    color: rgba(0, 0, 0, .2);
+    z-index: 99;
+    pointer-events: none;
+}
+
+.type-top {
+    top: 20rpx;
+    left: 20rpx;
+}
+
+.type-bot {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-end;
+    bottom: 20rpx;
+    right: 20rpx;
+}
+
+.typeavtion {
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 550;
+    color: #FFFFFF;
+}
+
+/* 轮播 */
+.option-swiper {
+    position: absolute;
+    width: 380rpx;
+    height: 280rpx;
+    top: 66rpx;
+    left: 240rpx;
+}
+
+.option-swiper swiper-item {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    align-items: space-between;
+    width: 100%;
+    height: 100%;
+}
+
+.brand-item {
+    width: 47%;
+    height: 40rpx;
+    font-size: 28rpx;
+    font-family: PingFangSC-Regular, PingFang SC;
+    color: #333333;
+    line-height: 40rpx;
+    margin-bottom: 20rpx;
+}
+
+.brand-item>text {
+    font-size: 32rpx;
+    font-family: PangMenZhengDao !important;
+    margin-right: 5rpx;
+}
+
+.brand-item:nth-of-type(5n) {
+    margin-bottom: 0;
+}
+
+.brand-item:nth-of-type(n+6) {
+    margin-left: 20rpx;
+}
+
+/* 招商表单 */
+.recruit-box {
+    width: 702rpx;
+    height: 434rpx;
+    background: #FFFFFF;
+    box-shadow: 0px 0px 10rpx 0rpx rgba(170, 170, 170, 0.1);
+    border-radius: 10rpx;
+    border: 2rpx solid rgba(151, 151, 151, 0.2);
+    margin: 30rpx auto 0;
+    padding: 40rpx 0 0 30rpx;
+    box-sizing: border-box;
+}
+
+.recruit-row {
+    display: flex;
+    height: 52rpx;
+    line-height: 52rpx;
+    font-size: 24rpx;
+    color: rgba(0, 0, 0, 0.45);
+}
+
+.recruit-row-title {
+    width: 96rpx;
+    height: 44rpx;
+    text-align: right;
+    margin-right: 8rpx;
+}
+
+.recruit-row-input {
+    width: 206rpx;
+    height: 52rpx;
+    background: #FFFFFF;
+    border-radius: 4rpx;
+    border: 2rpx solid #D9D9D9;
+    box-sizing: border-box;
+    padding-left: 8rpx;
+}
+
+.placeholder-class {
+    font-size: 24rpx !important;
+    color: rgba(0, 0, 0, 0.25);
+    line-height: 46rpx !important;
+}
+
+.recruit-row-picker {
+    min-width: 206rpx;
+    max-width: 538rpx;
+    height: 52rpx;
+    line-height: 51rpx;
+    background: #FFFFFF;
+    border-radius: 4rpx;
+    border: 2rpx solid #D9D9D9;
+    font-size: 24rpx;
+    font-family: PingFangSC-Regular, PingFang SC;
+    color: rgba(0, 0, 0, 0.25);
+    text-indent: 0.5em;
+    padding-right: 10rpx;
+    box-sizing: border-box;
+}
+
+.recruit-row .textarea {
+    width: 528rpx;
+    height: 134rpx;
+    line-height: 24rpx;
+    background: #FFFFFF;
+    border-radius: 4rpx;
+    border: 2rpx solid #D9D9D9;
+    padding: 4rpx 0 0 8rpx;
+}
+
+.recruit-row .textarea textarea {
+    width: 100%;
+    height: 100%;
+}
+
+.submit-custom-class {
+    width: 164rpx !important;
+    height: 56rpx !important;
+    background: #4DC2D4 !important;
+    border-radius: 10rpx !important;
+    font-size: 28rpx !important;
+    font-family: PingFangSC-Medium, PingFang SC !important;
+    font-weight: 500;
+    color: #FFFFFF !important;
+    padding: 0 !important;
 }

utils/verify.js

@@ -19,8 +19,8 @@ class TestVerify {
 
     /* 手机号校验 */
     phoneNumber(number, title) {
-        //校验格式
-        const regMobile = /^(0|86\17951)?(13[0-9]|15[0123456789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;
+        //校验格式 /^(0|86\17951)?(13[0-9]|15[0123456789]|17[678]|18[0-9]|14[57])[0-9]{8}$/
+        const regMobile = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
         if (!regMobile.test(number)) {
             if (title) wx.showToast({
                 title: '请输入正确手机号码',
@@ -42,7 +42,7 @@ class TestVerify {
         }
         return true;
     }
-    
+
     /* 剔除特殊字符 */
     Eliminate(value) {
         if (value != '') {