默认提交

@@ -12,6 +12,8 @@
 // 原子类
 @import "assets/scss/utils";
 
+@import "assets/scss/animate";
+
 // 图标
 // @import 'styles/iconfont.wxss';
 
@@ -29,6 +31,7 @@
   box-sizing: border-box;
   font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif, FZY3JW-GB1-0;
   color: #333333;
+  font-size: 36px;
 }
 
 button::after {
@@ -101,14 +104,42 @@ button {
 .red-p {
   .comp {
     bottom: auto;
-    top: 15%;
+    top: 50%;
   }
 }
 
 .van-tab {
-  font-size: 32px !important;
+  font-size: 40px !important;
   font-weight: bold !important;
   color: #444444 !important;
+  padding: 0 32px !important;
+}
+
+
+.ani-tada {
+  animation: tada 2s infinite;
+}
+
+.ani-scl {
+  animation: ani-scal-key 2s infinite;
+}
+
+@keyframes ani-scal-key {
+  0% {
+    transform: scale(1);
+  }
+
+  25% {
+    transform: scale(1.1);
+  }
+
+  50% {
+    transform: scale(1);
+  }
+
+  75% {
+    transform: scale(1.1);
+  }
 }
 
 
@@ -126,6 +157,7 @@ button {
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-weight: normal !important;
 }
 
 .iconclose1:before {

@@ -23,4 +23,4 @@ $fontSizeLarger: 44px;
 $colorMain:#3680EB;
 
 $pageBottom:80px;
-$contentWidth:690px;
+$contentWidth:730px;

@@ -3,6 +3,6 @@
     <span class="iconfont {{typeIconMap[item+''] }}"></span>
   </view>
   <view wx:for="{{pics}}" wx:key="{{index}}" data-data="{{item}}" bindtap="onTapHandler" class="btn">
-    <image mode="aspectFit" src="../../image/shortcut/red-package.png" class="pics" />
+    <image mode="aspectFit" src="{{'../../image/shortcut/'+item+'.png'}}" class="pics ani-tada" />
   </view>
 </view>

@@ -8,11 +8,11 @@
       <view class="detail">
         <video objectFit="cover" class="vid" poster="{{detailData.thumbnail}}" src="{{detailData.videoUrl}}" />
         <view class="btn-wrap">
-          <button open-type="share" class="btn">
+          <button open-type="share" class=" btn btn2">
             <span class="t1 iconfont iconplane"></span>
             <span class="t1">分享给好友</span>
           </button>
-          <button open-type="share" class="btn btn2">
+          <button open-type="share" class="ani-scl btn ">
             <span class="t1 iconfont iconplane"></span>
             <span class="t1">分享到群</span>
           </button>

@@ -2,11 +2,11 @@
 @import '../../assets/scss/utils';
 
 .page {
-  $contentWidth: 670px;
+  $contentWidth: 730px;
   padding-bottom: $pageBottom;
 
   color: #333333;
-  font-size: 24px;
+  font-weight: bold;
 
   .bgc {
     background-color: #efefef;
@@ -30,12 +30,12 @@
 
       .swiper {
         width: $contentWidth;
-        height: 280px;
+        height: 320px;
         margin: 0 auto;
 
         .swiper-image {
           width: $contentWidth;
-          height: 250px;
+          height: 320px;
         }
       }
 
@@ -43,15 +43,16 @@
         position: absolute;
         bottom: 12px;
         width: 750px;
-        height: 64px;
-        line-height: 64px;
+        height: 80px;
+        line-height: 80px;
         left: 0;
         right: 0;
         margin: 0 auto;
         text-align: center;
         background-color: rgba($color: #000000, $alpha: 0.7);
         color: #ffffff;
-        font-size: 30px;
+        font-size: 36px;
+        font-weight: bold;
 
       }
     }
@@ -74,6 +75,10 @@
           width: $contentWidth;
           background-color: #dddddd;
 
+          .img{
+            width: $contentWidth;
+          }
+
           .vid {
             @include border-top-radius(16px);
             width: $contentWidth;
@@ -98,6 +103,7 @@
 
           .iconfont {
             font-size: 160px;
+            font-weight: normal;
             position: absolute;
             left: 0;
             right: 0;
@@ -131,6 +137,7 @@
             .name {
               padding-left: 24px;
               font-size: 32px;
+
               @include ellipsis(1);
             }
           }

@@ -14,7 +14,7 @@
         <swiper bindchange="onBannerChangeHandler" class="swiper" indicator-color="rgba(0,0,0,.3)" indicator-active-color="rgba(255,255,255,1)" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{5000}}" duration="{{500}}">
           <block wx:for="{{bannerList}}" wx:key="{{index}}">
             <swiper-item>
-              <image class="swiper-image" src="{{item.imageUrl}}" mode="aspectFill" />
+              <image bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="swiper-image" src="{{item.imageUrl}}" mode="aspectFill" />
             </swiper-item>
           </block>
         </swiper>
@@ -27,7 +27,7 @@
         <view wx:for="{{dataList}}" wx:key="index" class="list-item">
           <view bindtap="onDetailHandler" data-data="{{item}}" data-index="{{index}}" class="list-item-video">
             <!-- <video objectFit="cover" class="vid" poster="{{item.thumbnail}}" src="{{item.videoUrl}}" /> -->
-            <image src="{{item.thumbnail}}" mode="aspectFill" />
+            <image class="img" src="{{item.thumbnail}}" mode="aspectFill" />
             <view class="tit">{{item.videoName}}</view>
             <span class="iconfont iconicon-test16"></span>
           </view>
@@ -36,7 +36,7 @@
               <image class="portrait" mode="aspectFill" src="{{item.headImage}}" />
               <text class="name">{{item.accountName || ""}}</text>
             </view>
-            <button class="share" open-type="share">
+            <button class="share ani-scl" open-type="share">
               <span class="t1 iconfont iconwechat"></span>
               <span class="t1">分享</span>
             </button>

@@ -23,7 +23,7 @@
               <image class="portrait" mode="aspectFill" src="{{personInfo.headImage}}" />
               <text class="name">{{personInfo.accountName || ""}}</text>
             </view>
-            <button class="share" open-type="share">
+            <button class="share ani-scl" open-type="share">
               <span class="t1 iconfont iconwechat"></span>
               <span class="t1">分享</span>
             </button>