提交代码~

app.json

@@ -1,8 +1,8 @@
 {
   "pages": [
+    "pages/releaseModule/index",
     "pages/index/index",
     "pages/logs/logs",
-    "pages/releaseModule/index",
     "pages/myModule/index",
     "pages/msgModule/index",
     "pages/index/components/listDetails/Details"

app.wxss

@@ -79,4 +79,13 @@
     margin-right: 10rpx;
     position: relative;
     top: 1rpx;
-}
+}
+
+/* 最优浮动闭合方案 */
+.clearfix:after {
+    content: ".";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden;
+  }

pages/releaseModule/index.js

@@ -8,8 +8,15 @@ Page({
      */
     data: {
         currentIndex: 1,
-        pageLoading:false,
-        tags:[],
+        pageLoading: false,
+        tags: [],
+        min: 0,
+        max: 300,
+        // 用户有无点击过tag
+        isClickTag:false,
+        // 选中tag
+        selectedTag:[],
+        detailValue:"",
     },
 
     /**
@@ -18,8 +25,95 @@ Page({
     onLoad() {
         this.getTags();
     },
-    getTags(){
-        
+    // 输入框输入
+    textareaInput(e) {
+        let value = e.detail.value;
+        let len = e.detail.cursor;;
+        this.setData({
+            min: len
+        });
+        this.setData({
+            detailValue:e.detail.value
+        })
+        // let selectedTag = this.data.selectedTag;
+        // let tags = this.data.tags;
+        // if(selectedTag.length < 3){
+        //     tags.forEach(el=>{
+        //         let tempTypes = el.keyword ? el.keyword.split(',') : [];
+        //         console.log(tempTypes);
+        //         if(selectedTag.indexOf(el.typeName) == -1){
+        //             if(tempTypes.indexOf(value) != -1){
+        //                 selectedTag.push(el.typeName)
+        //             }
+        //         }
+        //     })
+        // }
+        // console.log(value)
+        // this.setData({
+        //     selectedTag
+        // })
+    },
+    // tag选择切换
+    tagSelectedChange(e){
+        let typename = e.currentTarget.dataset.typename;
+        let selectedTag = this.data.selectedTag;
+        let tempArr = [];
+        // 1 如果选中的数组里没有当前type
+        if(selectedTag.indexOf(typename) == -1){
+            // 2 如果选中的数组的长度小于3 直接push
+            if(selectedTag.length < 3){
+                selectedTag.push(typename)
+            }
+        }
+        // 3 如果选中的数组里有它，直接删除
+        else{
+            selectedTag.forEach((el,inx)=>{
+                if(el == typename){
+                    selectedTag.splice(inx,1);
+                }
+            })
+        }
+
+        // 如果selectedTag.length < 3 
+        // if(selectedTag.length < 3){
+        //     if(selectedTag.indexOf(typename) == -1){
+        //         selectedTag.push(typename)
+        //     }else{
+        //         selectedTag.forEach((el,inx)=>{
+        //             if(el == typename){
+        //                 // selectedTag = selectedTag.splice(inx,1);
+                        
+        //                 console.log(inx);
+        //                 selectedTag = selectedTag.splice(inx,1);
+        //                 console.log(selectedTag);
+        //             }
+        //         })
+        //     }
+        // }
+        this.setData({
+            selectedTag
+        })
+        console.log(this.data.selectedTag,'selectedTag');
+    },
+    // 获取tag
+    getTags() {
+        this.setData({
+            pageLoading: true,
+        })
+        $request.get('/businessCommunicationType/getAllType.action').then(res => {
+            this.setData({
+                pageLoading: false,
+            })
+            if (res.status == 0) {
+                let datas = res.data;
+                this.setData({
+                    tags: datas,
+                })
+            }
+            console.log(this.data.tags,'tags')
+        }).catch(error => {
+            console.log(error, 'error appletLogin')
+        })
     },
     /**
      * 用户点击右上角分享

pages/releaseModule/index.wxml

@@ -1,8 +1,24 @@
-<!--pages/release/release.wxml-->
-<view class="home-page">
-  <!-- 顶部 -->
-  <view class="neirong">发布需求</view>
-  <view>到底</view>
-  <tabBar currentIndex="{{currentIndex}}"></tabBar>
-</view>
-
+<!-- pages/release/release.wxml -->
+<view class="release-page page-container">
+    <view class="list-loading text-center" wx:if="{{ pageLoading }}">
+        <van-loading size="24px">加载中...</van-loading>
+    </view>
+    <view wx:else>
+        <!-- 顶部 -->
+        <view class="section">
+            <textarea  class="section-textarea" bindinput="textareaInput" maxlength="{{ max }}" placeholder="请输入你的需求详情~ " />
+            <view class="limit">{{min}}/{{max}}</view>
+        </view>
+        <view class="tags-view">
+            <view class="title">需求类型（最少选择一个，最多可选择三个）</view>
+            <view class="tags-item-box clearfix">
+                <view class="tag-item" wx:for="{{tags}}" wx:key="*this">
+                    <view class="tag" bindtap="tagSelectedChange" data-typename="{{ item.typeName }}">
+                        {{ item.typeName }}
+                    </view>
+                </view>
+            </view>
+        </view>
+    </view>
+    <tabBar currentIndex="{{currentIndex}}"></tabBar>
+</view>

pages/releaseModule/index.wxss

@@ -1,11 +1,52 @@
 /* pages/release/release.wxss */
-.home-page {
-    background: #f5f9ff;
-    padding: 20rpx;
-    min-height: 100%;
-    padding-bottom: 120rpx;
+.release-page {
+    min-height: calc(100vh - 150rpx);
+}
+.section,.tags-view{
+    background: #fff;
+    border-radius: 20rpx;
+    box-sizing: border-box;
+    padding: 34rpx 42rpx;
+}
+.section{
+    height: 326rpx;
+    position: relative;
+    line-height: 24rpx;
+}
+.section-textarea {
+    width: 100%;
+    height: 235rpx;
+}
+.section .limit{
+    color: #999;
+    position: absolute;
+    right: 20rpx;
+    bottom: 10rpx;
 }
 
-.neirong{
-    height: 1500rpx;
+
+.tags-view {
+    margin-top: 20rpx;
+    padding-bottom: 22rpx;
+}
+.tags-view .title{
+    font-size: 26rpx;
+    color: #999999;
+    margin-bottom: 20rpx;
+}
+.tags-item-box .tag-item{
+    float: left;
+    width: 25%;
+    margin-bottom: 20rpx;
+    box-sizing: border-box;
+    padding: 0 10rpx;
+}
+.tags-item-box .tag{
+    height: 50rpx;
+    line-height: 50rpx;
+	background-color: #f1f1f1;
+	border-radius: 25rpx;
+    text-align: center;
+    color: #999999;
+    font-size: 26rpx;
 }