feature 首页图标和switchTab图标重新设计，首页内容重新排版

app.json

@@ -1,10 +1,10 @@
 {
   "pages": [
-    "pages/myClass/myClass",
+    
     "pages/index/index",
     "pages/welcome/welcome",
     
-    
+    "pages/myClass/myClass",
     "pages/groupsList/groupsList",
     "pages/answerAfterclass/answerAfterclass",
     "pages/zbDetails/zbDetails",
@@ -87,26 +87,26 @@
       {
         "pagePath": "pages/index/index",
         "text": "首页",
-        "selectedIconPath": "./images/tabBar5.png",
-        "iconPath": "./images/tabBar1.png"
+        "selectedIconPath": "./images/switchtab/icon_home_s.png",
+        "iconPath": "./images/switchtab/icon_home.png"
       },
       {
         "pagePath": "pages/myClass/myClass",
         "text": "我的班级",
-        "selectedIconPath": "./images/tabBar6.png",
-        "iconPath": "./images/tabBar2.png"
+        "selectedIconPath": "./images/switchtab/icon_class_s.png",
+        "iconPath": "./images/switchtab/icon_class.png"
       },
       {
         "pagePath": "pages/myMission/myMission",
         "text": "我的任务",
-        "selectedIconPath": "./images/tabBar7.png",
-        "iconPath": "./images/tabBar3.png"
+        "selectedIconPath": "./images/switchtab/icon_misson_s.png",
+        "iconPath": "./images/switchtab/icon_misson.png"
       },
       {
         "pagePath": "pages/personInfo/personInfo",
         "text": "个人中心",
-        "selectedIconPath": "./images/tabBar8.png",
-        "iconPath": "./images/tabBar4.png"
+        "selectedIconPath": "./images/switchtab/icon_me_s.png",
+        "iconPath": "./images/switchtab/icon_me.png"
       }
     ]
   },

components/banner-swiper/banner-swiper.wxss

@@ -8,7 +8,7 @@
   height: 100%;
 }
 .banner-img{
-  width: 710rpx;
+  width: 690rpx;
   height: 100%;
   display: block;
   margin: 0 auto;

pages/index/index.js

@@ -39,7 +39,13 @@ Page({
     wdArr:[],
     notice:"",
     noticeVis:false,
-    vType:["理论阵地","我的学院","特色课程","特色管理"]
+    vType:["理论阵地","我的学院","特色课程","特色管理"],
+    index_tf:[
+      {title:"在线直播",img:app.globalData.imgUrl+"/images/index_icon_video.png",to:"/pages/onlineClass/onlineClass"},
+      {title:"在线录播",img:app.globalData.imgUrl+"/images/index_icon_hat.png",to:"/pages/demandCourses/demandCourses"},
+      {title:"互动答疑",img:app.globalData.imgUrl+"/images/index_icon_dialog.png",to:"/pages/myInteractions/myInteractions"},
+      {title:"测试答卷",img:app.globalData.imgUrl+"/images/index_icon_test.png",to:"/pages/testAnswer/testAnswer"},
+  ]
   },
   // 轮播点击去上课跳转到我的班级
   gomyClass(e) {
@@ -104,8 +110,9 @@ Page({
   },
   // 首页的四个点击
   goGrid(e) {
+    
     wx.navigateTo({
-      url: this.data.goGridArr[e.currentTarget.dataset.id]
+      url: this.data.index_tf[e.currentTarget.dataset.id].to
     })
   },
   // banner图

pages/index/index.wxml

@@ -1,5 +1,5 @@
 <view class="switch_tab_container">
-    <van-notice-bar wx:if="{{noticeVis}}" left-icon="volume-o" mode="link" text="{{notice}}" bindtap="toNotice" style="padding-bottom:10rpx;" />
+    <van-notice-bar wx:if="{{noticeVis}}" left-icon="volume-o" mode="link" text="{{notice}}" bindtap="toNotice" style="padding-bottom:20rpx;" />
 	
 	<!-- <view class="banner">
 		<swiper class='u-wrp-bnr' indicator-dots="true" interval='5000' duration='1000'>
@@ -18,27 +18,37 @@
 	</view> -->
 	<!-- banner 组件 -->
 	<banner-swiper></banner-swiper>
-	<view class="sec">
-		<view class="sec_item" bindtap="gostartClass" data-item='{{jjdataArr}}'>
-			<image src="/images/jjkb.png" mode='aspectFill' class="secimg"></image>
-			<view class="text4">即将开班</view>
-			<view class="text5">即将开班：{{jjdataArr}}个</view>
+	<view class="index_class">
+		<view class="index_class_sche">
+			<view class="index_class_title"><van-icon name="live" /> 即将开班</view>
+			<view class="index_class_num">{{jjdataArr}} 期</view>
 		</view>
-		<view class="sec_item1" bindtap="goagoClass" data-item='{{wqdataArr}}'>
-			<image src="/images/wqpx.png" mode='aspectFill' class="secimg"></image>
-			<view class="text4">往期开班</view>
-			<view class="text5">往期开班：{{wqdataArr}}个</view>
+		<view class="index_class_history">
+			<view class="index_class_title"><van-icon name="graphic" /> 往期开班</view>
+			<view class="index_class_num">{{wqdataArr}} 期</view>
 		</view>
 	</view>
-	<view style="height:15rpx;width:750rpx;background-color:#F2F2F2"></view>
+	
+	<view class="index_tf">
+		<view wx:for="{{index_tf}}" class="index_tf_block" bindtap="goGrid" wx:key="index" data-id="{{index}}" >
+			<van-image
+  width="100rpx"
+  height="100rpx"
+  fit="contain"
+  src="{{item.img}}"
+/>
+			<view class="index_tf_title">{{item.title}}</view>
+		</view>
+	</view>
+	<!-- <view style="height:15rpx;width:750rpx;background-color:#F2F2F2"></view>
 	<van-grid class="gridbox">
 		<van-grid-item use-slot wx:for="{{gridArr}}" wx:for-index="idx" wx:for-item="item" wx:key="idx" bindtap="goGrid" data-id="{{idx}}" style="position:relative">
 			<image style="width: 103rpx; height: 94rpx;" src="{{item.url}}" />
 			<text class="grid_text">{{item.name}}</text>
 			<view wx:if='{{!item.isread}}' style="width:10rpx;height:10rpx;background-color:red;border-radius:30rpx;border:1rpx solid red;position:absolute;top:30rpx;right:30rpx"></view>
 		</van-grid-item>
-	</van-grid>
-	<view style="height:15rpx;width:750rpx;background-color:#F2F2F2"></view>
+	</van-grid> -->
+	<view style="height:30rpx;width:750rpx;background-color:#F2F2F2"></view>
 	<!-- <view class="xczs">
 		<view class="zb1" wx:for="{{xczsArr}}" wx:for-index="idx" wx:for-item="item" bindtap="turnDetails" id="{{idx}}" wx:key="idx">
 			<image src='{{item.img}}' mode="aspectFill" class="show1"></image>

pages/index/index.wxss

@@ -242,4 +242,56 @@
 .ivlist_icon{
   font-size:30rpx;
   padding-right:10rpx;
+}
+
+.index_class{
+  padding:30rpx;
+  background-color: #fff;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: space-between;
+  align-items: center;
+  height:120rpx;
+  color: #ffffff;
+}
+.index_class_history,.index_class_sche{
+  width: 330rpx;
+  height: 110rpx;
+  border-radius: 10rpx;
+  display:flex ;
+  flex-flow: column nowrap;
+  align-items: center;
+  justify-content: center;
+}
+.index_class_history{
+  background: linear-gradient(45deg,#64AFF8, #767fda); 
+}
+.index_class_sche{
+  background: linear-gradient(45deg,#ffcc00, #f29635); 
+}
+.index_class_title{padding-top:5rpx; font-size: 30rpx;}
+.index_class_num{font-size: 28rpx;}
+
+
+.index_tf{
+background-color: #fff;
+display: flex;
+flex-flow: row nowrap;
+align-items: center;
+justify-content: space-between;
+padding:0rpx 30rpx 30rpx 30rpx;
+}
+.index_tf_block{
+  height:160rpx;
+  width: 150rpx;
+  display: flex;
+  flex-flow: column nowrap;
+  align-items: center;
+  justify-content: center;
+}
+.index_tf_title{
+  font-size: 28rpx;
+  color: #666666;
+  text-align: center;
+  height:40rpx;
 }