优化评论组件

app.wxss

@@ -47,10 +47,11 @@ text {
 }
 
 .seat {
-  height: 100rpx;
-  padding-bottom: env(safe-area-inset-bottom);
+  padding-bottom: calc(134rpx + env(safe-area-inset-bottom)) !important;
+}
+.seat2 {
+  padding-bottom: calc(110rpx + env(safe-area-inset-bottom)) !important;
 }
-
 .isFixed {
   position: fixed;
   z-index: 999;

components/comment/index.js

@@ -9,7 +9,11 @@ Component({
    * 组件的属性列表
    */
   properties: {
-
+    // 是否在tabbar页面使用，是的话就给个padding
+    tabBarPadding: {
+      type: Boolean,
+      value: false
+    }
   },
 
   /**

components/comment/index.less

@@ -28,7 +28,6 @@
     background-color: white;
     border-top-left-radius: 25rpx;
     border-top-right-radius: 25rpx;
-
     .header {
       position: relative;
       padding: 24rpx;
@@ -86,9 +85,11 @@
 
               .reply {
                 font-size: 28rpx;
+
                 .replyTitle {
                   color: rgb(13, 147, 201);
                 }
+
                 .replyContent {
                   color: rgba(0, 0, 0, 0.7);
                 }

components/comment/index.wxml

@@ -1,7 +1,7 @@
 <wxs src="../../utils/filter.wxs" module="filters" />
 <view class="commentBox" wx:if="{{show}}">
   <view class="commentBg" catchtap="close" catchtouchmove="true"></view>
-  <view class="comment" animation="{{animationData}}">
+  <view class="comment {{tabBarPadding?'seat2':''}}" animation="{{animationData}}">
     <view class="header">
       <view class="hl">评论 {{totalSize}}</view>
       <view class="hr" catchtap="close">×</view>

components/worksList/index.wxml

@@ -1,9 +1,8 @@
 <view class="worksList">
-    <videoPreview wx:for="{{worksListCopy}}" wx:key="index" videoInfo="{{item}}" index='{{index}}' currentId="{{currentId}}"
-        data-id="{{item.userRead.id}}" bind:playVideo="playVideo" 
-        bind:openComment="openComment"
-        bind:setListFans="setListFans">
-    </videoPreview>
-    <Comment id="comment" />
-    <canvas id='share' type="2d"> </canvas>
+  <videoPreview wx:for="{{worksListCopy}}" wx:key="index" videoInfo="{{item}}" index='{{index}}'
+    currentId="{{currentId}}" data-id="{{item.userRead.id}}" bind:playVideo="playVideo" bind:openComment="openComment"
+    bind:setListFans="setListFans">
+  </videoPreview>
+  <Comment id="comment" tabBarPadding='{{true}}' />
+  <canvas id='share' type="2d"> </canvas>
 </view>

pages/my/index.less

@@ -1,329 +1,329 @@
 .container {
-    padding: 30rpx 20rpx;
+  padding: 30rpx 20rpx;
+
+  .userBox {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background-color: white;
+    padding: 20rpx 12rpx 0rpx;
+    border-radius: 20rpx;
+
+    .identity {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      text-align: center;
+
+      .avatar {
+        width: 106rpx;
+        height: 106rpx;
+        border-radius: 50%;
+        position: relative;
+      }
+
+      .identityText {
+        width: 80rpx;
+        margin-top: 6rpx;
+        font-size: 24rpx;
+        color: white;
+        background-color: #10CA61;
+        border-radius: 25rpx;
+      }
+    }
+
+    .userRight {
+      flex: 1;
+      margin-left: 30rpx;
+      padding: 0px 10rpx;
 
-    .userBox {
+      .uRtop {
         display: flex;
-        align-items: center;
         justify-content: space-between;
-        background-color: white;
-        padding: 20rpx 12rpx 0rpx;
-        border-radius: 20rpx;
-
-        .identity {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            text-align: center;
-
-            .avatar {
-                width: 106rpx;
-                height: 106rpx;
-                border-radius: 50%;
-                position: relative;
-            }
-
-            .identityText {
-                width: 80rpx;
-                margin-top: 6rpx;
-                font-size: 24rpx;
-                color: white;
-                background-color: #10CA61;
-                border-radius: 25rpx;
-            }
-        }
 
-        .userRight {
-            flex: 1;
-            margin-left: 30rpx;
-            padding: 0px 10rpx;
-
-            .uRtop {
-                display: flex;
-                justify-content: space-between;
-
-                .uRtopleft {
-                    .nickName {
-                        max-width: 340rpx;
-                        color: #333;
-                        font-size: 32rpx;
-                    }
-
-                    .gradeText {
-                        margin: 18rpx 0rpx 12rpx;
-                        font-size: 24rpx;
-                        color: #989A9C;
-                    }
-                }
-
-                .uRtopRight {
-                    display: flex;
-                    align-items: center;
-
-                    .edit {
-                        width: 22rpx;
-                        height: 28rpx;
-                    }
-
-                    text {
-                        margin: 0px 10rpx;
-                        font-size: 24rpx;
-                        color: #666;
-                    }
-                }
-            }
-
-            .uRBtm {
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                border-top: 1px solid rgba(0, 0, 0, 0.1);
-                padding: 18rpx 0rpx;
-
-                .count {
-                    width: 33%;
-                    font-size: 28rpx;
-                    color: rgba(0, 0, 0, 0.6);
-                    border-right: 1px solid rgba(51, 51, 51, 0.3);
-                    text-align: center;
-
-                    .countNum {
-                        margin-left: 10rpx;
-                    }
-                }
-
-                .countFirst {
-                    text-align: left;
-                }
-
-                .countEnd {
-                    text-align: right;
-                    border: none;
-                }
-            }
+        .uRtopleft {
+          .nickName {
+            max-width: 340rpx;
+            color: #333;
+            font-size: 32rpx;
+          }
+
+          .gradeText {
+            margin: 18rpx 0rpx 12rpx;
+            font-size: 24rpx;
+            color: #989A9C;
+          }
         }
-    }
 
-    .iosVip {
-        margin: 4rpx 0px 0px 6rpx;
-        font-size: 20rpx;
-        color: #333;
-    }
+        .uRtopRight {
+          display: flex;
+          align-items: center;
+
+          .edit {
+            width: 22rpx;
+            height: 28rpx;
+          }
+
+          text {
+            margin: 0px 10rpx;
+            font-size: 24rpx;
+            color: #666;
+          }
+        }
+      }
 
-    .sectionBoxs {
-        margin-top: 20rpx;
-        padding: 20rpx 30rpx;
+      .uRBtm {
         display: flex;
         align-items: center;
         justify-content: space-between;
-        background-color: white;
-        border-radius: 20rpx;
-
-        .sBox {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-
-            .img {
-                width: 69rpx;
-                height: 69rpx;
-            }
-
-            .title {
-                margin-top: 8rpx;
-                font-size: 24rpx;
-                color: #333;
-            }
+        border-top: 1px solid rgba(0, 0, 0, 0.1);
+        padding: 18rpx 0rpx;
+
+        .count {
+          width: 33%;
+          font-size: 28rpx;
+          color: rgba(0, 0, 0, 0.6);
+          border-right: 1px solid rgba(51, 51, 51, 0.3);
+          text-align: center;
+
+          .countNum {
+            margin-left: 10rpx;
+          }
+        }
+
+        .countFirst {
+          text-align: left;
         }
 
-        .contactBtn {
-            border: none;
-            padding: 0rpx;
-            line-height: normal;
-            margin: 0;
+        .countEnd {
+          text-align: right;
+          border: none;
         }
+      }
+    }
+  }
+
+  .iosVip {
+    margin: 4rpx 0px 0px 6rpx;
+    font-size: 20rpx;
+    color: #333;
+  }
+
+  .sectionBoxs {
+    margin-top: 20rpx;
+    padding: 20rpx 30rpx;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background-color: white;
+    border-radius: 20rpx;
+
+    .sBox {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .img {
+        width: 69rpx;
+        height: 69rpx;
+      }
+
+      .title {
+        margin-top: 8rpx;
+        font-size: 24rpx;
+        color: #333;
+      }
     }
 
-    .payBox {
-        margin-top: 20rpx;
-        padding: 13rpx 30rpx;
-        background-color: white;
-        border-radius: 20rpx;
+    .contactBtn {
+      border: none;
+      padding: 0rpx;
+      line-height: normal;
+      margin: 0;
+    }
+  }
+
+  .payBox {
+    margin-top: 20rpx;
+    padding: 13rpx 30rpx;
+    background-color: white;
+    border-radius: 20rpx;
+
+    .title {
+      font-size: 30rpx;
+      font-weight: bold;
+      color: #000;
+    }
 
-        .title {
-            font-size: 30rpx;
-            font-weight: bold;
-            color: #000;
+    .pay {
+      margin: 20rpx 0rpx;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0rpx 30rpx;
+      border-radius: 22rpx;
+      overflow: hidden;
+
+      .payLeft {
+        .pLTitle {
+          font-size: 36rpx;
+          font-weight: bold;
         }
 
-        .pay {
-            margin: 20rpx 0rpx;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 0rpx 30rpx;
-            border-radius: 22rpx;
-            overflow: hidden;
-
-            .payLeft {
-                .pLTitle {
-                    font-size: 36rpx;
-                    font-weight: bold;
-                }
-
-                .pLcontent {
-                    font-size: 22rpx;
-                }
-            }
-
-            .payRight {
-                margin: 24rpx 0rpx;
-                padding: 12rpx 28rpx;
-                border-radius: 40rpx;
-                font-size: 24rpx;
-                font-weight: bold;
-            }
+        .pLcontent {
+          font-size: 22rpx;
         }
+      }
+
+      .payRight {
+        margin: 24rpx 0rpx;
+        padding: 12rpx 28rpx;
+        border-radius: 40rpx;
+        font-size: 24rpx;
+        font-weight: bold;
+      }
+    }
 
-        .vipPay {
-            background: url('http://reader-wx.ai160.com/images/reader/v3/year.png') no-repeat;
-            background-size: cover;
+    .vipPay {
+      background: url('http://reader-wx.ai160.com/images/reader/v3/year.png') no-repeat;
+      background-size: cover;
 
-            .vipTitle {
-                color: #FFE6B9;
-            }
+      .vipTitle {
+        color: #FFE6B9;
+      }
 
-            .vipContent {
-                margin-top: 4rpx;
-                color: #FFE6B9;
-            }
+      .vipContent {
+        margin-top: 4rpx;
+        color: #FFE6B9;
+      }
 
-            .vipBtn {
-                background-image: linear-gradient(to bottom, #F4E7A8, #F9EDCF);
-                color: #211501;
-            }
-        }
+      .vipBtn {
+        background-image: linear-gradient(to bottom, #F4E7A8, #F9EDCF);
+        color: #211501;
+      }
+    }
 
-        .buyPay {
-            background: url('http://reader-wx.ai160.com/images/reader/v3/10yuan.png') no-repeat;
-            background-size: cover;
-
-            .payLeft {
-                color: #7D320A;
-                font-size: 36rpx;
-                font-weight: bold;
-            }
-
-            .buyBtn {
-                border: 1rpx solid white;
-                color: white;
-                background-color: #7D320A;
-            }
-        }
+    .buyPay {
+      background: url('http://reader-wx.ai160.com/images/reader/v3/10yuan.png') no-repeat;
+      background-size: cover;
+
+      .payLeft {
+        color: #7D320A;
+        font-size: 36rpx;
+        font-weight: bold;
+      }
+
+      .buyBtn {
+        border: 1rpx solid white;
+        color: white;
+        background-color: #7D320A;
+      }
+    }
+  }
+
+  .surplus {
+    margin-top: 20rpx;
+    padding: 22rpx 30rpx;
+    background-color: white;
+    border-radius: 20rpx;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 32rpx;
+
+    .title {
+      font-size: 30rpx;
+      font-weight: bold;
+      color: #000;
+    }
+
+    .num {
+      color: #F97419;
+      font-weight: bold;
+      margin-right: 10rpx;
+    }
+  }
+
+  .taskBox {
+    margin-top: 20rpx;
+    padding: 20rpx 10rpx 0rpx;
+    background-color: white;
+    border-radius: 20rpx;
+
+    .title {
+      padding: 0rpx 20rpx;
+      font-size: 30rpx;
+      font-weight: bold;
+      color: #000;
     }
 
-    .surplus {
-        margin-top: 20rpx;
-        padding: 22rpx 30rpx;
-        background-color: white;
-        border-radius: 20rpx;
+    .task {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 30rpx 22rpx;
+      border-bottom: 1px solid #EAEAEA;
+
+      .taskLeft {
         display: flex;
         align-items: center;
         justify-content: space-between;
-        font-size: 32rpx;
-
-        .title {
-            font-size: 30rpx;
-            font-weight: bold;
-            color: #000;
-        }
 
-        .num {
-            color: #F97419;
-            font-weight: bold;
-            margin-right: 10rpx;
+        .img {
+          width: 76rpx;
+          height: 76rpx;
+          border-radius: 50%;
         }
-    }
 
-    .taskBox {
-        margin-top: 20rpx;
-        padding: 20rpx 10rpx 0rpx;
-        background-color: white;
-        border-radius: 20rpx;
+        .taskContent {
+          margin-left: 40rpx;
 
-        .title {
-            padding: 0rpx 20rpx;
+          .tcTitle {
             font-size: 30rpx;
             font-weight: bold;
-            color: #000;
-        }
+            color: #333;
+          }
 
-        .task {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 30rpx 22rpx;
-            border-bottom: 1px solid #EAEAEA;
-
-            .taskLeft {
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-
-                .img {
-                    width: 76rpx;
-                    height: 76rpx;
-                    border-radius: 50%;
-                }
-
-                .taskContent {
-                    margin-left: 40rpx;
-
-                    .tcTitle {
-                        font-size: 30rpx;
-                        font-weight: bold;
-                        color: #333;
-                    }
-
-                    .tcNum {
-                        color: #FF6259;
-                        font-size: 26rpx;
-                    }
-                }
-            }
-
-            .taskRightBox {
-                display: flex;
-                flex-direction: column;
-                align-items: flex-end;
-                /*  */
-            }
-
-            .taskRight {
-                width: 138rpx;
-                text-align: center;
-                padding: 10rpx 0rpx;
-                border-radius: 40rpx;
-                color: white;
-                background-color: #FC614E;
-                font-size: 30rpx;
-            }
-
-            .taskRight-close {
-                color: #6C6C6C;
-                background: #D0D0D0;
-                box-shadow: 0 2px 2px 0 #AEABAB;
-            }
-
-            .taskSurplus {
-                text-align: center;
-                margin-top: 4rpx;
-                color: #686868;
-                font-size: 20rpx;
-            }
+          .tcNum {
+            color: #FF6259;
+            font-size: 26rpx;
+          }
         }
+      }
 
-        .advert {
-            border: none;
-        }
+      .taskRightBox {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-end;
+        /*  */
+      }
+
+      .taskRight {
+        width: 138rpx;
+        text-align: center;
+        padding: 10rpx 0rpx;
+        border-radius: 40rpx;
+        color: white;
+        background-color: #FC614E;
+        font-size: 30rpx;
+      }
+
+      .taskRight-close {
+        color: #6C6C6C;
+        background: #D0D0D0;
+        box-shadow: 0 2px 2px 0 #AEABAB;
+      }
+
+      .taskSurplus {
+        text-align: center;
+        margin-top: 4rpx;
+        color: #686868;
+        font-size: 20rpx;
+      }
+    }
+
+    .advert {
+      border: none;
     }
+  }
 }

pages/my/index.wxml

@@ -1,149 +1,146 @@
 <wxs src="../../utils/filter.wxs" module="filters" />
 <navigationBar title="我的"></navigationBar>
-<view class="container">
-    <!-- 用户信息 -->
-    <view class="userBox">
-        <view class="identity">
-            <image class='avatar' src='{{ userInfo.user.avatar}}'></image>
-            <view class="identityText">{{ userInfo.user.profession}}</view>
-        </view>
-        <view class="userRight">
-            <view class="uRtop">
-                <view class="uRtopleft">
-                    <view class="nickName textOver">{{userInfo.user.nickName||'请输入昵称' }}</view>
-                    <view class="gradeText textOver">学号：{{userInfo.user.eid}}</view>
-                </view>
-                <view class="uRtopRight" bindtap="jump" data-url="/pages/editUser/index">
-                    <image class="edit" src="/static/edit_new.png" mode="" />
-                    <text>编辑</text>
-                </view>
-            </view>
-            <view class="uRBtm">
-                <view class="count countFirst">
-                    作品<text class="countNum textOver">{{filters.numFilter(userInfo.readAmount)|| 0}}</text>
-                </view>
-                <view class="count">
-                    粉丝<text class="countNum textOver">{{filters.numFilter(userInfo.fansAmount)|| '0'}}</text>
-                </view>
-                <view class="count countEnd">
-                    播放<text class="countNum textOver">{{filters.numFilter(userInfo.playAmount) || 0}}</text>
-                </view>
-            </view>
-        </view>
+<view class="container seat">
+  <!-- 用户信息 -->
+  <view class="userBox">
+    <view class="identity">
+      <image class='avatar' src='{{ userInfo.user.avatar}}'></image>
+      <view class="identityText">{{ userInfo.user.profession}}</view>
     </view>
-    <!-- ios会员展示到期时间 -->
-    <view class="iosVip" wx:if="{{isIos&&vipTime}}">
-        会员至：{{filters.formatDate(vipTime,4)}}
-    </view>
-    <!-- 跳转菜单 -->
-    <view class="sectionBoxs">
-        <view class="sBox" bindtap='jump' data-url="/pages/userWorks/index">
-            <image class="img" src="/static/work.png" mode="" />
-            <text class="title">我的作品</text>
+    <view class="userRight">
+      <view class="uRtop">
+        <view class="uRtopleft">
+          <view class="nickName textOver">{{userInfo.user.nickName||'请输入昵称' }}</view>
+          <view class="gradeText textOver">学号：{{userInfo.user.eid}}</view>
+        </view>
+        <view class="uRtopRight" bindtap="jump" data-url="/pages/editUser/index">
+          <image class="edit" src="/static/edit_new.png" mode="" />
+          <text>编辑</text>
         </view>
-        <view class="sBox" bindtap='jump' data-url="/pages/follow/index">
-            <image class="img" src="/static/concern.png" mode="" />
-            <text class="title">我的关注</text>
+      </view>
+      <view class="uRBtm">
+        <view class="count countFirst">
+          作品<text class="countNum textOver">{{filters.numFilter(userInfo.readAmount)|| 0}}</text>
         </view>
-        <view class="sBox" bindtap='jump' data-url="/pages/collection/index">
-            <image class="img" src="/static/collect.png" mode="" />
-            <text class="title">我的收藏</text>
+        <view class="count">
+          粉丝<text class="countNum textOver">{{filters.numFilter(userInfo.fansAmount)|| '0'}}</text>
         </view>
-        <view class="sBox" bindtap='jump' data-url="/pages/notice/index">
-            <image class="img" src="/static/message.png" mode="" />
-            <text class="title">消息通知</text>
+        <view class="count countEnd">
+          播放<text class="countNum textOver">{{filters.numFilter(userInfo.playAmount) || 0}}</text>
         </view>
-        <button class="resetBtn contactBtn" open-type="contact" plain="true">
-            <view class="sBox">
-                <image class="img" src="/static/contact.png" mode="" />
-                <text class="title">联系客服</text>
-            </view>
-        </button>
+      </view>
+    </view>
+  </view>
+  <!-- ios会员展示到期时间 -->
+  <view class="iosVip" wx:if="{{isIos&&vipTime}}">
+    会员至：{{filters.formatDate(vipTime,4)}}
+  </view>
+  <!-- 跳转菜单 -->
+  <view class="sectionBoxs">
+    <view class="sBox" bindtap='jump' data-url="/pages/userWorks/index">
+      <image class="img" src="/static/work.png" mode="" />
+      <text class="title">我的作品</text>
+    </view>
+    <view class="sBox" bindtap='jump' data-url="/pages/follow/index">
+      <image class="img" src="/static/concern.png" mode="" />
+      <text class="title">我的关注</text>
+    </view>
+    <view class="sBox" bindtap='jump' data-url="/pages/collection/index">
+      <image class="img" src="/static/collect.png" mode="" />
+      <text class="title">我的收藏</text>
     </view>
-    <!-- 支付 -->
-    <!-- <view class="payBox" wx:if="{{!isIos}}"> -->
-    <view class="payBox">
-        <view class="title">
-            付费购
+    <view class="sBox" bindtap='jump' data-url="/pages/notice/index">
+      <image class="img" src="/static/message.png" mode="" />
+      <text class="title">消息通知</text>
+    </view>
+    <button class="resetBtn contactBtn" open-type="contact" plain="true">
+      <view class="sBox">
+        <image class="img" src="/static/contact.png" mode="" />
+        <text class="title">联系客服</text>
+      </view>
+    </button>
+  </view>
+  <!-- 支付 -->
+  <!-- <view class="payBox" wx:if="{{!isIos}}"> -->
+  <view class="payBox">
+    <view class="title">
+      付费购
+    </view>
+    <view class="pay vipPay">
+      <view class="payLeft">
+        <view class="pLTitle vipTitle">
+          {{productVip.title}}
         </view>
-        <view class="pay vipPay">
-            <view class="payLeft">
-                <view class="pLTitle vipTitle">
-                    {{productVip.title}}
-                </view>
-                <view class="pLcontent vipContent">
-                    {{vipTime?filters.formatDate(vipTime,4)+'过期':'购买VIP会员，即可有权使用全部资源'}}
-                </view>
-            </view>
-            <view class="payRight vipBtn" bindtap="toBuy" data-type="{{productVip.id}}">
-                {{vipTime?'立即续费':'立即开通'}}
-            </view>
+        <view class="pLcontent vipContent">
+          {{vipTime?filters.formatDate(vipTime,4)+'过期':'购买VIP会员，即可有权使用全部资源'}}
         </view>
-        <view class="pay buyPay">
-            <view class="payLeft">
-                {{productNum.title}}
-            </view>
-            <view class="payRight buyBtn" bindtap="toBuy" data-type="{{productNum.id}}">
-                立即购买
-            </view>
+      </view>
+      <view class="payRight vipBtn" bindtap="toBuy" data-type="{{productVip.id}}">
+        {{vipTime?'立即续费':'立即开通'}}
+      </view>
+    </view>
+    <view class="pay buyPay">
+      <view class="payLeft">
+        {{productNum.title}}
+      </view>
+      <view class="payRight buyBtn" bindtap="toBuy" data-type="{{productNum.id}}">
+        立即购买
+      </view>
+    </view>
+  </view>
+  <!-- 剩余使用次数 -->
+  <view class="surplus">
+    <view class="title">剩余使用次数：</view>
+    <view class="num">{{userInfo.experienceAmount}}次</view>
+  </view>
+  <!-- 任务活动 -->
+  <view class="taskBox">
+    <view class="title">免费获取</view>
+    <view class="task">
+      <view class="taskLeft">
+        <image class="img" src="/static/task1.png" alt="" mode="" />
+        <view class="taskContent">
+          <view class="tcTitle">
+            {{tasks[0].title}}
+          </view>
+          <view class="tcNum">+{{tasks[0].award}}次</view>
         </view>
+      </view>
+      <view class="taskRight {{tasks[0].completed?'taskRight-close':''}}" bindtap="submitTask"
+        data-type='{{tasks[0].id}}'>
+        {{tasks[0].completed?'已签到':'签到'}}</view>
     </view>
-    <!-- 剩余使用次数 -->
-    <view class="surplus">
-        <view class="title">剩余使用次数：</view>
-        <view class="num">{{userInfo.experienceAmount}}次</view>
+    <view class="task">
+      <view class="taskLeft">
+        <image class="img" src="/static/task2.png" alt="" mode="" />
+        <view class="taskContent">
+          <view class="tcTitle">
+            {{tasks[1].title}}
+          </view>
+          <view class="tcNum">+{{tasks[1].award}}次/每位</view>
+        </view>
+      </view>
+      <button open-type="share" class="resetBtn taskRight">去邀请</button>
     </view>
-    <!-- 任务活动 -->
-    <view class="taskBox">
-        <view class="title">免费获取</view>
-        <view class="task">
-            <view class="taskLeft">
-                <image class="img" src="/static/task1.png" alt="" mode="" />
-                <view class="taskContent">
-                    <view class="tcTitle">
-                        {{tasks[0].title}}
-                    </view>
-                    <view class="tcNum">+{{tasks[0].award}}次</view>
-                </view>
-            </view>
-            <view class="taskRight {{tasks[0].completed?'taskRight-close':''}}" bindtap="submitTask"
-                data-type='{{tasks[0].id}}'>
-                {{tasks[0].completed?'已签到':'签到'}}</view>
+    <view class="task advert">
+      <view class="taskLeft">
+        <image class="img" src="/static/task3.png" alt="" mode="" />
+        <view class="taskContent">
+          <view class="tcTitle">
+            {{tasks[2].title}}
+          </view>
+          <view class="tcNum">+{{tasks[2].award}}次/每条</view>
         </view>
-        <view class="task">
-            <view class="taskLeft">
-                <image class="img" src="/static/task2.png" alt="" mode="" />
-                <view class="taskContent">
-                    <view class="tcTitle">
-                        {{tasks[1].title}}
-                    </view>
-                    <view class="tcNum">+{{tasks[1].award}}次/每位</view>
-                </view>
-            </view>
-            <button open-type="share" class="resetBtn taskRight">去邀请</button>
+      </view>
+      <view class="taskRightBox">
+        <view class="taskRight {{tasks[2].completed?'taskRight-close':''}}" bindtap="rewardedVideo">去观看
         </view>
-        <view class="task advert">
-            <view class="taskLeft">
-                <image class="img" src="/static/task3.png" alt="" mode="" />
-                <view class="taskContent">
-                    <view class="tcTitle">
-                        {{tasks[2].title}}
-                    </view>
-                    <view class="tcNum">+{{tasks[2].award}}次/每条</view>
-                </view>
-            </view>
-            <view class="taskRightBox">
-                <view class="taskRight {{tasks[2].completed?'taskRight-close':''}}" bindtap="rewardedVideo">去观看
-                </view>
-                <view class="taskSurplus">
-                    今日剩余{{tasks[2].num-tasks[2].completedNum}}次
-                </view>
-            </view>
+        <view class="taskSurplus">
+          今日剩余{{tasks[2].num-tasks[2].completedNum}}次
         </view>
+      </view>
     </view>
-    <view class="seat">
-
-    </view>
+  </view>
 </view>
 <!-- 广告组件 -->
 <rewardedVideo id='advert' bind:taskOver="setUserInfo" />