Browse Source

feature: 加入多张图片,兼容文件大小适配

Damon 8 months ago
parent
commit
c8f6176a42
4 changed files with 11 additions and 11 deletions
  1. BIN
      img/channel_action.png
  2. BIN
      img/channel_unaction.png
  3. 9 9
      pages/index/index.wxml
  4. 2 2
      pages/index/index.wxss

BIN
img/channel_action.png


BIN
img/channel_unaction.png


+ 9 - 9
pages/index/index.wxml

@@ -4,7 +4,7 @@
 </nav-bar>
 
 <view class="container">
-  <view wx:if="{{indexPage==0}}" class="mair" style="height: calc(100vh - 140rpx - {{navBarHeight}}px);">
+  <view wx:if="{{indexPage==0}}" class="mair" style="height: calc(100vh - 118rpx - {{navBarHeight}}px);">
 
     <view style="font-size: 32rpx; color: #333333; margin-top: 14rpx;">下午好,Demon</view>
 
@@ -66,7 +66,7 @@
 
   <view wx:else>
     <!-- 连接设备启用以下版本 -->
-    <view wx:if="{{indexPage==1}}" class="mair" style="height: calc(100vh - 140rpx - {{navBarHeight}}px);">
+    <view wx:if="{{indexPage==1}}" class="mair" style="height: calc(100vh - 118rpx - {{navBarHeight}}px);">
       <view class="play-info">
         <view class="info">
           <image src="./../../img/blak.png" class="black" mode="scaleToFill"></image>
@@ -140,7 +140,7 @@
         </view>
       </view>
 
-      <view wx:else class="me" style="height: calc(100vh - 120rpx - {{navBarHeight}}px);">
+      <view wx:else class="me" style="height: calc(100vh - 100rpx - {{navBarHeight}}px);">
         <view class="head-logo">
           <image mode="scaleToFill" src="{{userPic}}"></image>
           <text class="userName" wx:if="{{userName}}">{{userName}}</text>
@@ -173,20 +173,20 @@
     </view>
   </view>
 
-  <view style="height: 120rpx;">
+  <view style="height: 98rpx;">
     <view class="line"></view>
-    <view style="height: 118rpx; text-align: center; display: flex; flex: 1; align-items: center;">
+    <view style="height: 97rpx; text-align: center; display: flex; flex: 1; align-items: center;">
       <view class="bottom_view" data-index="0" bind:tap="onTapIndex">
         <image class="bottom_image" mode="widthFix" src="{{indexPage==0?'./../../img/index_action.png':'./../../img/index_unaction.png'}}"></image>
-        <view style="font-size: 25rpx;color: {{indexPage==0?'#A4D099':'black'}}; padding-top: 0rpx;margin-top: 0rpx;"> 首页</view>
+        <view style="font-size: 20rpx;color: {{indexPage==0?'#A4D099':'black'}}; padding-top: 0rpx;margin-top: 0rpx;"> 首页</view>
       </view>
       <view class="bottom_view" data-index="1" bind:tap="onTapIndex">
-        <image class="bottom_image" mode="widthFix" src="{{indexPage==1?'./../../img/me_action.png':'./../../img/me_unaction.png'}}"></image>
-        <view style="font-size: 25rpx;color: {{indexPage==1?'#A4D099':'black'}};"> 频道</view>
+        <image class="bottom_image" mode="widthFix" src="{{indexPage==1?'./../../img/channel_action.png':'./../../img/channel_unaction.png'}}"></image>
+        <view style="font-size: 20rpx;color: {{indexPage==1?'#A4D099':'black'}};"> 频道</view>
       </view>
       <view class="bottom_view" data-index="2" bind:tap="onTapIndex">
         <image class="bottom_image" mode="widthFix" src="{{indexPage==2?'./../../img/me_action.png':'./../../img/me_unaction.png'}}"></image>
-        <view style="font-size: 25rpx;color: {{indexPage==2?'#A4D099':'black'}};"> 我的</view>
+        <view style="font-size: 20rpx;color: {{indexPage==2?'#A4D099':'black'}};"> 我的</view>
       </view>
     </view>
   </view>

+ 2 - 2
pages/index/index.wxss

@@ -722,8 +722,8 @@
  }
 
  .bottom_image {
-   width: 55rpx;
-   height: 55rpx;
+   width: 44rpx;
+   height: 42rpx;
  }
 
  /************************ banner ************************/