1.0.0

app.js

@@ -1,10 +1,34 @@
 //app.js
 App({
-  onLaunch: function () {
-
+  onLaunch: function (options) {
+    this.getSystemInfo();
+    if (options && options.scene) {
+      //console.log("scene:" + options.scene);
+      this.globalData.userSource = options.scene;
+    }
+  },
+  getSystemInfo: function () {
+    this.globalData.systemInfo = wx.getSystemInfoSync();
   },
   globalData: {
-    Version: "0.1.0",
-    userInfo: null
+    Version: "1.0.0",
+    IsProduction: true,
+    userInfo: null,
+    fileUrl: "https://www.kylx365.com/",
+    serverUrl: "https://www.kylx365.com/apiData/",
+    serverUrlServer: "https://www.kylx365.com/apiData/",
+    serverUrlLocalhost: "http://localhost:3020/apiData/",
+    imageUrl: "https://hanzi-1253256735.file.myqcloud.com",
+    audioUrl: "https://pinyin.kylx365.com",
+    Key: "kylx365_chengjie",
+    IV: "kylx365hongliren",
+    systemInfo: null,
+    userInfo: null,
+    SourceID: 0,//来源ID
+    IsRefreshFinished: true,
+    DayNumber: 0,//使用天数
+    PayMoney: 9.8,//产品销售价
+    TestScoreMax: 0,//测试最高分
+    IsShow: 0,
   }
 })

app.json

@@ -2,6 +2,7 @@
   "pages": [
     "pages/index/index",
     "pages/main/list",
+    "pages/main/detail",
     "pages/main/index"
   ],
   "window": {

pages/index/index.js

@@ -22,8 +22,20 @@ Page({
         url: '../main/index'
       })
     },2000);
+
+    this.getHanzi();
+  },
+  getHanzi: function () {
+    var that = this;
+    var time = wx.getStorageSync("HanziUpdateTime");
+    server.getData('GetHanziAll?UpdateTime=' + time, function (data) {
+      if (data) {
+        var arr = common.Decrypt(data.List);
+        wx.setStorageSync("HanziAll", arr);
+        wx.setStorageSync("HanziUpdateTime", data.UpdateTime);
+      }
+    });
   },
-  
   onShareAppMessage: function () {
     return {
       title: '',

pages/main/detail.js

@@ -0,0 +1,176 @@
+import common from '../../utils/util';
+import server from '../../utils/main';
+import pinyin from '../../utils/pinyin';
+
+const app = getApp();
+var wordNumber = 0;
+
+Page({
+  data: {
+    IsAutoPlay: true,//是否自动播放
+    IsAutoPage: false,//是否自动翻页
+    SortTitle: "课文顺序",//排序
+    PlayChecked: "checked",
+    PageChecked: "",
+    IsFinished: false,//是否练会了
+    arrIntervalSecond: [3, 4, 5, 6, 7, 8, 9, 10],//播放间隔秒数组
+    IntervalSecondIndex: 2,//播放间隔秒数索引
+    IsImageError: false,
+  },
+  onLoad: function (options) {
+    var bookID = options.bookid;
+    var unitID = options.id;
+    this.audioCtx = wx.createAudioContext('myAudio');
+
+    this.setData({
+      Height: common.getSystemHeight(),
+      IsShowPrev: false,
+      IsShowNext: true,
+      CurrentIndex: 0,
+      IsFinished: false,
+      IsHelpPosition1: 0,
+      IsHelpPosition2: 0,
+      IsReview: false,
+      UnitID: unitID,
+      BookID: bookID,
+    });
+
+    this.init();
+  },
+  init: function () {
+    var arr = JSON.parse(wx.getStorageSync("HanziAll"));
+
+    var result;
+    for (var i = 0; i < arr.length; i++) {
+      if (arr[i].ID == this.data.BookID) {
+        result = arr[i];
+        for (var j = 0; j < result.Units.length; j++) {
+          var item = result.Units[j];
+          if (item.ID == this.data.UnitID){
+            for(var k=0;k<item.Words.length;k++){
+              if (item.Words[k].Pinyin.indexOf(",") > 0)
+                item.Words[k].Pinyin = item.Words[k].Pinyin.substr(0, item.Words[k].Pinyin.indexOf(","));
+
+              item.Words[k].WordUrl = app.globalData.imageUrl+"/images/hanzi"+item.Words[k].Name+".jpg";
+            }
+            result=item;
+            break;
+          }
+        }
+        break;
+      }
+    }
+    this.setData({
+      List: result.Words,
+    });
+
+    this.restart();
+  },
+  playAudio: function (e) {
+    //console.log("playAudio");
+    var click = false;
+    if (e)
+      click = e.currentTarget.dataset.click;
+
+
+    if ((click || this.data.IsAutoPlay) && !(click && this.data.IsAutoPage)) {
+      var pinyinItem = this.data.List[this.data.CurrentIndex].Pinyin;
+      if (pinyinItem) {
+        pinyinItem = pinyin.getPinyinName(pinyinItem);
+        this.audioCtx.setSrc(app.globalData.audioUrl + "/sounds/" + pinyinItem + ".m4a");
+        this.audioCtx.play();
+      }
+    }
+  },
+  prevHandler: function () {
+    if (this.data.IsShowPrev && !this.data.IsAutoPage) {
+      var index = this.data.CurrentIndex;
+      var isShowPrev = true;
+      var isShowNext = true;
+
+      index--;
+      if (index <= 0) {
+        index = 0;
+        isShowPrev = false;
+      }
+
+      this.setCurrentWord(index, isShowPrev, isShowNext);
+
+      this.playAudio();
+
+      wordNumber++;
+    }
+  },
+  nextHandler: function (e) {
+    if (e && e.currentTarget.dataset.status == "click" && this.data.IsAutoPage) {
+
+    }
+    else if (this.data.IsShowNext) {
+      var index = this.data.CurrentIndex;
+      var isShowPrev = true;
+      var isShowNext = true;
+
+      index++;
+      if (index >= this.data.List.length - 1) {
+        index = this.data.List.length - 1;
+        isShowNext = false;
+      }
+      this.setCurrentWord(index, isShowPrev, isShowNext);
+
+      if (isShowNext)
+        this.playAudio();
+
+      wordNumber++;
+    }
+  },
+  restart: function () {
+    var that = this;
+    var index = 0;
+
+    if (that.data.wordType == "review") {
+      for (var i = 0; i < that.data.List.length - 1; i++) {
+        if (!that.data.List[i].IsReview)
+          that.data.List.splice(i, 1);
+      }
+      that.setData({
+        List: that.data.List,
+      });
+    }
+
+    this.setCurrentWord(index, false, true);
+
+    this.playAudio();
+    wordNumber++;
+
+    if (this.data.IsAutoPage) {
+      this.startAutoPage();
+    }
+  },
+  startAutoPage: function () {
+    var that = this;
+    clearInterval(intervalAutoPage);
+    var second = this.data.arrIntervalSecond[this.data.IntervalSecondIndex] * 1000;
+    //console.log("second:" + second);
+    intervalAutoPage = setInterval(function () {
+      that.nextHandler();
+    }, second);
+  },
+  setCurrentWord: function (index, isShowPrev, isShowNext) {
+    
+    this.setData({
+      CurrentIndex: index,
+      IsShowPrev: isShowPrev,
+      IsShowNext: isShowNext,
+    });
+  },
+  getImageError:function(){
+    this.setData({
+      IsImageError:true,
+    });
+  },
+  getImageDownload: function () {
+    this.setData({
+      IsImageError: false,
+    });
+  },
+})

pages/main/detail.json

@@ -0,0 +1,7 @@
+{
+  "navigationBarBackgroundColor": "#F0F0F0",
+  "navigationBarTitleText": "练习",
+  "enablePullDownRefresh": false,
+  "backgroundColor":"#F0F0F0",
+  "disableScroll":false
+}

pages/main/detail.wxml

@@ -0,0 +1,31 @@
+<view class="container FlexColumn" style='height:{{Height}}rpx;'>
+  <view class="main FlexColumn" bindtap='playAudio' data-click="true" >
+    <view class="pinyin">{{List[CurrentIndex].Pinyin}}</view>
+    <image binderror='getImageError' wx:if="{{!IsImageError}}" src='{{List[CurrentIndex].WordUrl}}' class="wordImage" />
+    <image catchtap='getImageDownload' wx:if="{{IsImageError}}" src='../../images/05014.png' class="wordImage" />
+  </view>
+  <view class="bottom FlexColumn">
+    <view class="bottom1 FlexRow">
+      <view class="btn FlexColumn" bindtap='prevHandler'>
+        <image src='../../images/05001.png' class="btnImage05001" wx:if="{{IsShowPrev && !IsAutoPage }}" />
+      </view>
+      <view class="btn FlexColumn" bindtap='reviewHandler'>
+        <image wx:if="{{!List[CurrentIndex].IsReview && IsShowNext && !IsAutoPage}}" src='../../images/05002.png' class="btnImage05002" />
+        <image wx:if="{{List[CurrentIndex].IsReview && IsShowNext && !IsAutoPage}}" src='../../images/05003.png' class="btnImage05002" />
+        <image wx:if="{{!IsShowNext}}" src='../../images/05009.png' class="btnImage022" />
+      </view>
+      <view class="btn FlexColumn" bindtap='openSetting'>
+        <image src='../../images/05004.png' class="btnImage05004" />
+      </view>
+      <view class="btn FlexColumn" bindtap='showWordHandler'>
+        <image src='../../images/05005.png' wx:if="{{IsShowWordCurrent && IsShowNext && !IsAutoPage}}" class="btnImage05005" />
+        <image src='../../images/05006.png' wx:if="{{!IsShowWordCurrent && IsShowNext && !IsAutoPage}}" class="btnImage05006" />
+      </view>
+      <view class="btn FlexColumn" bindtap='nextHandler' data-status="click">
+        <image src='../../images/05007.png' class="btnImage05001" wx:if="{{IsShowNext && !IsAutoPage}}" />
+      </view>
+    </view>
+  </view>
+</view>
+
+<audio hidden='true' src="{{AudioSrc}}" id="myAudio"></audio>

pages/main/detail.wxss

@@ -0,0 +1,79 @@
+.container {
+  background-color: #F0F0F0;
+  justify-content: flex-start;
+  font-weight: 500;
+}
+
+.bottom{
+  width:100%;
+  height:160rpx;
+  position: fixed;
+  bottom:0;
+  background-color: #CDB797;
+  justify-content: flex-end;
+}
+.bottom1{
+  width:100%;
+  height:140rpx;
+  background-color: #1B1B1B;
+  text-align: center;
+  line-height: 140rpx;
+  font-size: 48rpx;
+  color: #f0f0f0;
+}
+
+.bottom1 .btn{
+  width:20%;
+  height:120rpx;
+}
+
+.bottom1 .btnImage05004{
+  width:36rpx;
+  height:36rpx;
+}
+
+.bottom1 .btnImage05005{
+  width:45rpx;
+  height:44rpx;
+}
+
+.bottom1 .btnImage05002{
+  width:32rpx;
+  height:34rpx;
+}
+
+.bottom1 .btnImage05006{
+  width:42rpx;
+  height:44rpx;
+}
+
+.bottom1 .btnImage022{
+  width:40rpx;
+  height:40rpx;
+}
+
+.bottom1 .btnImage05001{
+  width:33rpx;
+  height:40rpx;
+}
+
+.main{
+  width:100%;
+  justify-content: flex-start;
+  position: fixed;
+  top:0;
+  left:0;
+}
+
+.main .pinyin{
+  font-size:88rpx;
+  margin-top: 212rpx;
+  font-family: 'GB Pinyinok-C';
+  font-weight: normal;
+  font-style: normal;
+}
+.main .wordImage{
+  margin-top: 40rpx;
+  width:366rpx;
+  height:370rpx;
+}

pages/main/index.js

@@ -6,28 +6,6 @@ const app = getApp();
 Page({
   data: {
     Version: app.globalData.Version,
-    List: [
-      {
-        ImageUrl: "109.png",
-        Url: "./basicMain?type=a_z",
-      },
-      {
-        ImageUrl: "101.png",
-        Url: "./basicMain?type=basic",
-      },
-      {
-        ImageUrl: "102.png",
-        Url: "./basicMain?type=intermediate",
-      },
-      {
-        ImageUrl: "103.png",
-        Url: "./basicMain?type=all",
-      },
-      {
-        ImageUrl: "107.png",
-        Url: "./basicMain?type=read",
-      },
-    ],
     ListProgram: [
       {
         ImageUrl: "03001.png",
@@ -92,4 +70,10 @@ Page({
 
     }
   },
+  goto: function (e) {
+    var id = e.currentTarget.dataset.id;
+    wx.navigateTo({
+      url: "./list?id="+id,
+    });
+  },
 })

pages/main/index.wxml

@@ -12,7 +12,7 @@
   <block wx:if="{{NavClass2=='nav2'}}">
     <view class="index2 FlexRow">
       <view class="index2_1 FlexRow">
-        <view class="btn" bindtap="">
+        <view class="btn" bindtap="goto" data-id="1">
           <view class="btn1">
             <view class="panel1 FlexRow">
               <image src='../../images/02005.png' class="img" />
@@ -22,7 +22,7 @@
             </view>
           </view>
         </view>
-        <view class="btn" bindtap="">
+        <view class="btn" bindtap="goto" data-id="2">
           <view class="btn1">
             <view class="panel1 FlexRow">
               <image src='../../images/02006.png' class="img" />
@@ -32,7 +32,7 @@
             </view>
           </view>
         </view>
-        <view class="btn" bindtap="">
+        <view class="btn" bindtap="goto" data-id="3">
           <view class="btn1">
             <view class="panel1 FlexRow">
               <image src='../../images/02007.png' class="img" />
@@ -42,7 +42,7 @@
             </view>
           </view>
         </view>
-        <view class="btn" bindtap="">
+        <view class="btn" bindtap="goto" data-id="4">
           <view class="btn1">
             <view class="panel1 FlexRow">
               <image src='../../images/02008.png' class="img" />

pages/main/list.js

@@ -8,11 +8,39 @@ Page({
   
   },
   onLoad: function (options) {
+    var bookID=options.id;
     this.setData({
       Height: common.getSystemHeight(),
       NavClass1: "nav1",
       NavClass2: "nav2",
       IsShowNav1:true,
+      BookID:bookID,
+    });
+    this.init();
+  },
+  init:function(){
+    var arr=JSON.parse(wx.getStorageSync("HanziAll"));
+
+    var result;
+    for (var i = 0; i < arr.length; i++) {
+      if (arr[i].ID == this.data.BookID) {
+        result=arr[i];
+        for(var j=0;j<result.Units.length;j++){
+          var item = result.Units[j];
+          var rnd=common.random(2,5);
+          item.Example ="";
+          for(var k=0;k<rnd;k++)
+            item.Example += item.Words[k].Name;
+        }
+        break;
+      }
+    }
+    this.setData({
+      List:result.Units,
+      topImage: "../../images/0400" + this.data.BookID+".png"
+    });
+    wx.setNavigationBarTitle({
+      title: result.Name,
     });
   },
   selectNav: function (e) {
@@ -33,4 +61,11 @@ Page({
       })
     }
   },
+  goto: function (e) {
+    var bookid = e.currentTarget.dataset.bookid;
+    var id = e.currentTarget.dataset.id;
+    wx.navigateTo({
+      url: "./detail?bookid="+bookid+"&id=" + id,
+    });
+  },
 })

pages/main/list.wxml

@@ -1,7 +1,7 @@
 <view class="container FlexColumn" style='min-height:{{Height}}rpx;'>
   <view class="line"></view>
   <view class="line1 line"></view>
-  <image src='../../images/04001.png' class="topImage" />
+  <image src='{{topImage}}' class="topImage" />
 
   <view class="line"></view>
 
@@ -18,82 +18,40 @@
     <view class="line2 line">
     </view>
     <view class="list2 FlexColumn">
-      <view class="btn" bindtap="">
+      <view class="btn" bindtap="goto" data-bookid='{{BookID}}' data-id='{{item.ID}}' wx:for="{{List}}" wx:key="index">
         <view class="btn1 FlexRow">
           <view class="left FlexRow">
             <image src='../../images/04007.png' class="img04007" />
-            <view class="title">天地人</view>
+            <view class="title">{{item.Example}}</view>
           </view>
           <view class="right FlexColumn">
             <view class="right1 FlexRow">
               <view class="line"></view>
-              <view class="title2">识字 1-5</view>
+              <view class="title2">{{item.Name}}</view>
             </view>
             <view class="right2 FlexRow">
               <image src='../../images/04008.png' class="img04008" />
-              <view class="title3">38个</view>
-            </view>
-          </view>
-        </view>
-      </view>
-      <view class="btn" bindtap="">
-        <view class="btn1 FlexRow">
-          <view class="left FlexRow">
-            <image src='../../images/04005.png' class="img04005" />
-            <view class="title">爸妈</view>
-          </view>
-          <view class="right FlexColumn">
-            <view class="right1 FlexRow">
-              <view class="line"></view>
-              <view class="title2">汉语拼音 1-8</view>
-            </view>
-            <view class="right2 FlexRow">
-              <image src='../../images/04008.png' class="img04008" />
-              <view class="title3">38个</view>
-            </view>
-          </view>
-        </view>
-      </view>
-      <view class="btn" bindtap="">
-        <view class="btn1 FlexRow">
-          <view class="left FlexRow">
-            <image src='../../images/04006.png' class="img04007" />
-            <view class="title">秋叶飞</view>
-          </view>
-          <view class="right FlexColumn">
-            <view class="right1 FlexRow">
-              <view class="line"></view>
-              <view class="title2">汉语拼音 9-10</view>
-            </view>
-            <view class="right2 FlexRow">
-              <image src='../../images/04008.png' class="img04008" />
-              <view class="title3">38个</view>
+              <view class="title3">{{item.Words.length}}个</view>
             </view>
           </view>
         </view>
       </view>
+      
     </view>
     <view class="line3 line">
   </view>
   </block>
 
   <block wx:if="{{!IsShowNav1}}">
-    <view class="group FlexColumn">
-      <view class="title FlexRow">
-        <view class="title1">识字1-5</view>
-      </view>
-      <view class="table FlexRow">
-      <view class="boxSelect box" wx:for="{{['中','中','中','中','中','中','中','中','中']}}">{{item}}</view>
-      </view>
-    </view>
-    <view class="group FlexColumn">
+    <view class="group FlexColumn" wx:for="{{List}}" wx:key="index">
       <view class="title FlexRow">
-        <view class="title1">识字1-5</view>
+        <view class="title1">{{item.Name}}</view>
       </view>
       <view class="table FlexRow">
-      <view class="box" wx:for="{{['中','中','中','中','中','中','中','中','中']}}">{{item}}</view>
+      <view class="box" wx:for="{{item.Words}}" wx:for-item="itemChild">{{itemChild.Name}}</view>
       </view>
     </view>
+    
     <view class="line4 line">
   </view>
   </block>

project.config.json

@@ -1,7 +1,7 @@
 {
 	"description": "项目配置文件。",
 	"setting": {
-		"urlCheck": true,
+		"urlCheck": false,
 		"es6": true,
 		"postcss": true,
 		"minified": true,
@@ -30,7 +30,7 @@
 			"list": []
 		},
 		"miniprogram": {
-			"current": 1,
+			"current": -1,
 			"list": [
 				{
 					"id": -1,
@@ -43,6 +43,12 @@
 					"name": "列表",
 					"pathName": "pages/main/list",
 					"query": ""
+				},
+				{
+					"id": 2,
+					"name": "详情页",
+					"pathName": "pages/main/detail",
+					"query": "bookid=1&id=1"
 				}
 			]
 		}