0.1.3

app.js

@@ -4,7 +4,8 @@ App({
 
   },
   globalData: {
-    version: "0.1.0",
-    userInfo: null
+    version: "0.1.3",
+    userInfo: null,
+    ProgramID: 105,
   }
 })

pages/index/index.js

@@ -3,38 +3,28 @@ Page({
   data: {
     version: app.globalData.version,
   },
-  onReady: function (e) {
-  },
   onLoad: function () {
-    this.gotoYingyu();
-  },
-  
-  gotoShuxue: function (e) {
-    wx.navigateToMiniProgram({
-      appId: 'wx46a7b4c420e6d38f',
-      path: 'pages/index/start?SourceID=105',
-      extraData: {
-      },
-      success(res) {
-        // 打开成功
-      }
+    var list = this.getProgramList();
+    this.setData({
+      List: list,
     });
-  },
-  gotoZhuyili: function (e) {
-    wx.navigateToMiniProgram({
-      appId: 'wxa5e33c61fe37dd01',
-      path: 'pages/index/index?SourceID=105',
-      extraData: {
-      },
-      success(res) {
-        // 打开成功
+
+    var obj = {
+      currentTarget: {
+        dataset: {
+          appid: list[3].appId,
+          path: list[3].path,
+        }
       }
-    });
+    }
+    this.goto(obj);
   },
-  gotoYuwen: function (e) {
+  goto: function (e) {
+    var appid = e.currentTarget.dataset.appid;
+    var path = e.currentTarget.dataset.path;
     wx.navigateToMiniProgram({
-      appId: 'wx331e8dd070f01d0e',
-      path: 'pages/index/index?SourceID=105',
+      appId: appid,
+      path: path,
       extraData: {
       },
       success(res) {
@@ -42,20 +32,39 @@ Page({
       }
     });
   },
-  gotoYingyu: function (e) {
-    wx.navigateToMiniProgram({
-      appId: 'wxb54a6d5aff836ee3',
-      path: 'pages/index/index?SourceID=105',
-      extraData: {
+  getProgramList: function () {
+    return [
+      {
+        ImageUrl: "0101.png",
+        appId: 'wx46a7b4c420e6d38f',
+        path: 'pages/index/start?SourceID=' + app.globalData.ProgramID,
+
       },
-      success(res) {
-        // 打开成功
-      }
-    });
+      {
+        ImageUrl: "0103.png",
+        appId: 'wx313a8f2c0741efe1',
+        path: 'pages/index/index?SourceID=' + app.globalData.ProgramID,
+      },
+      {
+        ImageUrl: "0102.png",
+        appId: 'wx331e8dd070f01d0e',
+        path: 'pages/index/index?SourceID=' + app.globalData.ProgramID,
+      },
+      {
+        ImageUrl: "0104.png",
+        appId: 'wxb54a6d5aff836ee3',
+        path: 'pages/index/index?SourceID=' + app.globalData.ProgramID,
+      },
+      {
+        ImageUrl: "0105.png",
+        appId: 'wxa5e33c61fe37dd01',
+        path: 'pages/index/index?SourceID=' + app.globalData.ProgramID,
+      },
+    ];
   },
   onShareAppMessage: function () {
     return {
-      title: '看词能读，听音能写',
+      title: '英语自然拼读',
       path: 'pages/index/index',
       imageUrl: '../../images/108.png',
       success: function (res) {

pages/index/index.json

@@ -1,8 +1,8 @@
 {
-  "navigationBarBackgroundColor": "#3E4349",
+  "navigationBarBackgroundColor": "#003579",
   "navigationBarTextStyle": "#fff",
-  "navigationBarTitleText": "自然拼读游戏",
-  "backgroundColor": "#3E4349",
+  "navigationBarTitleText": "唱意教育系列产品",
+  "backgroundColor": "#1E1E1E",
   "backgroundTextStyle": "light",
   "enablePullDownRefresh": false
 }

pages/index/index.wxml

@@ -1,12 +1,6 @@
 <view class="container FlexColumn" style='height:{{Height}}rpx;'>
-  <image class="btn" src="../../images/104.png" bindtap='gotoShuxue' />
   <view class="line"></view>
-  <image class="btn" src="../../images/105.png" bindtap='gotoYuwen' />
-  <view class="line"></view>
-  <image class="btn" src="../../images/205.png" bindtap='gotoYingyu' />
-  <view class="line"></view>
-  <image class="btn" src="../../images/106.png" bindtap='gotoZhuyili' />
-  <view class="line"></view>
-  
+  <view class="line2"></view>
+  <image wx:for="{{List}}" wx:key="index" class="btn" src="../../images/{{item.ImageUrl}}" bindtap='goto' data-appid="{{item.appId}}" data-path="{{item.path}}" />
   <text class="bottom">©2014-2018 小学生素质练习系列产品\n微信小程序 版本 {{version}}</text>
 </view>

pages/index/index.wxss

@@ -1,20 +1,32 @@
 .container {
-  background-color: #3E4349;
+  background-color: #1E1E1E;
   justify-content: flex-start;
 } 
-.btn {
-  width:100%;
-  height:390rpx;
-}
+
 .line{
   width: 100%;
-  height:20rpx;
-  background-color: #1e1e1e;
+  height:30rpx;
+  background-color: #00214C;
+  position: fixed;
+  top:0;
+}
+
+.line2{
+  width: 100%;
+  height:30rpx;
+  background-color: #1E1E1E;
+  margin-bottom: 30rpx;
+}
+
+.btn {
+  height:350rpx;
+  width:710rpx;
+  margin-bottom: 20rpx;
 }
 
 .bottom{
   font-size:20rpx;
   color:#fff;
   text-align: center;
-  margin: 100rpx 0 40rpx 0;
+  margin: 60rpx 0 40rpx 0;
 }