附件解锁功能完成

pages/index/index.vue

@@ -3,7 +3,8 @@
     <index-nav @setTabNum="setTabNum"></index-nav>
     <view class="list-box">
       <view class="box-one" v-if="tabNum===0">
-        <slide-item></slide-item>
+<!--        <slide-item></slide-item>-->
+        <attachment-list></attachment-list>
       </view>
       <view class="box-two" v-else-if="tabNum===1">
         <attachment-list></attachment-list>

pages/index/model/attachment-list.vue

@@ -17,6 +17,12 @@
 
       </view>
     </view>
+    <view class="attachment-open">
+      <view class="open-data sys-background-yellow sys-radius-200">
+        <image class="open-img" src="/static/img/common/lock.png" mode="aspectFill"></image>
+        <view class="open-text sys-color-black sys-weight-500" >立即解锁</view>
+      </view>
+    </view>
 
   </view>
 </template>
@@ -75,6 +81,7 @@ export default {
     flex-wrap: wrap;
   }
   .attachment-item{
+    border-radius: 20rpx;
     display: inline-block;
     margin-right:18rpx;
     width: calc((100vw - 82rpx)/2);
@@ -106,6 +113,34 @@ export default {
   .attachment-item:nth-of-type(n+3){
     margin-top:18rpx;
   }
+  .attachment-open{
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100vw;
+    height: 190rpx;
+    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 100%);
+    padding: 70rpx 80rpx 30rpx 80rpx;
+    box-sizing: border-box;
+    .open-data{
+        display: flex;
+      justify-content: center;
+      height: 88rpx;
+      padding: 22rpx 0;
+      box-sizing: border-box;
+      .open-img{
+        width: 32rpx;
+        height: 32rpx;
+        margin-right: 8rpx;
+        margin-top: 6rpx;
+      }
+      .open-text{
+        font-size: 32rpx;
+        //height: 44rpx;
+        //line-height: 44rpx;
+      }
+    }
+  }
 
 }
 

pages/index/model/index-nav.vue

@@ -73,7 +73,7 @@
           this.customBarH = custom.height
           //#endif
           //#ifdef H5
-          this.customBarH = 30
+          this.customBarH = 44
           this.left=0
           //#endif
           console.log('self.customBarH---------'+this.customBarH)
@@ -101,6 +101,7 @@
     height: 88rpx;
     padding: 12rpx 36rpx;
     box-sizing: border-box;
+    background-color: #fff;
     .header-left{
       padding: 10rpx 0;
       height: 44rpx;

pages/login/forgetPass.vue

@@ -82,6 +82,9 @@ export default {
         tools.vibrate()
         return false
       }
+      uni.navigateTo({
+        'url':'/pages/index/index'
+      })
     },
     setShake(type){
       if(type===1){

pages/login/otherPhoneLogin.vue

@@ -71,6 +71,9 @@ export default {
         tools.vibrate()
         return false
       }
+      uni.navigateTo({
+        'url':'/pages/index/index'
+      })
     },
     setShake(type){
       if(type===1){

pages/login/passLogin.vue

@@ -57,6 +57,9 @@ export default {
         tools.vibrate()
         return false
       }
+      uni.navigateTo({
+        'url':'/pages/index/index'
+      })
     },
     setShake(type){
       if(type===1){

static/css/sys.css

@@ -9,6 +9,9 @@
 .sys-weight-400{
   font-weight: 400;
 }
+.sys-weight-500{
+  font-weight: 500;
+}
 /*字体颜色*/
 .sys-color-white{
   color: #fff;
@@ -41,6 +44,12 @@
 .sys-background-green{
   background-color: #12CE87;
 }
+.sys-background-yellow{
+  background-color: #FFC107;
+}
+.sys-radius-200{
+  border-radius: 200rpx;
+}
 /*未选中按钮*/
 .sys-unselected-but{
   opacity: 0.1;