1.0.5

app.wxss

@@ -55,4 +55,57 @@
 /* 下滑动画类 */
 .remind-slide-down {
   animation: slideDown 0.3s ease-out forwards;
+}
+
+.panelGuideContainer{
+  width: 100%;
+  position: fixed;
+  top:0;
+  z-index: 20;
+}
+
+.panelGuideContainer .panelGuideContainer0{
+  background-color:rgba(0,0,0,0.3);
+  position: absolute;
+  z-index: 20;
+}
+
+.panelGuideContainer .panelGuideContainerTop{
+  width:100%;
+  top:0;
+}
+
+.panelGuideContainer .panelGuideContainerLeft{
+  left:0;
+}
+
+.panelGuideContainer .panelGuideContainerRight{
+  right:0;
+  width:750rpx;
+}
+.panelGuideContainer .panelGuideContainerBottom{
+  width:100%;
+}
+
+.panelGuideContainer .panelGuideContainerText1{
+  font-size: 32rpx;
+  color:#1e1e1e;
+  position: absolute;
+  background-color: #fff;
+  text-align: center;
+  border-radius: 20rpx;
+  padding: 20rpx;
+  z-index: 110;
+}
+
+.panelGuideContainer .panelGuideContainerClose{
+  width:212rpx;
+  height:80rpx;
+  position: absolute;
+  z-index: 22;
+}
+
+.panelGuideContainer .panelGuideContainerImage{
+  position: absolute;
+  z-index: 21;
 }

pages/main/article.js

@@ -38,8 +38,21 @@ Page({
     let that = this;
     let words=app.globalData.SelectedWords.join(",");
     let wordsStr=app.globalData.SelectedWords.join("　");
-    const hiddenhelp=wx.getStorageSync('HiddenArticleFirstOpen');
-
+    
+    const IsShowFirstOpen2=wx.getStorageSync('IsShowFirstOpen2');
+    const IsShowGuideContainer=wx.getStorageSync('IsShowGuideContainer');
+    if (!IsShowGuideContainer && !IsShowFirstOpen2){
+      that.setData({
+        IsShowFirstOpen2:1,
+      });
+    }
+    else if (IsShowGuideContainer){
+      that.setData({
+        IsShowGuideContainer:true,
+        IsShowFirstOpen2:false,
+      });
+      main.showGuideContainer(that,"#btnQAndA",-124,-370,"pic_ha07",520,5,-2,-20);
+    }
     
     let IsShowKeyword=wx.getStorageSync('IsShowKeyword');
     if (IsShowKeyword===""){
@@ -59,7 +72,7 @@ Page({
       Level:options.Level,
       ArticleStyle:options.ArticleStyle,
       AIVersion:options.AIVersion,
-      IsShowFirstOpen:!hiddenhelp,
+      OpenType:options.Type,//打开的类型，可能是新用户引导
       IsShowLightColor:IsShowLightColor,
       IsShowKeyword:IsShowKeyword,
       IsBuildError:false,
@@ -80,6 +93,9 @@ Page({
 
     main.checkGenerating();
   },
+  onShow:function(){
+    main.getPageInfo();
+  },
   getArticleByID:function(id){
     let that=this;
     main.getData('GetYJBDCArticleList?UserID=' + app.globalData.userInfo.UserID+'&ID='+id, function (data) {
@@ -135,10 +151,10 @@ Page({
           });
         }
         else{
-          let content=data;
-          that.updateData(content);
+          that.updateData(data.Content);
           that.setData({
             IsBuilding:false,
+            ID:data.ID,
           });
         }
         
@@ -148,7 +164,10 @@ Page({
 
     that.getChoicenessArticle();
   },
-
+  updateReadCount:function(id){
+    if (id!="MAX")
+      main.getData('UpdateYJBDCArticleReadCount?UserID=' + app.globalData.userInfo.UserID+'&ID='+id, function (data) {});
+  },
   //得到精选文章
   getChoicenessArticle:function(){
     let that=this;
@@ -165,6 +184,12 @@ Page({
     let that=this;
     //console.log(content);
     
+    // 添加检查，确保 content 不是 undefined
+    if (!content) {
+      console.error('Content is undefined in updateData');
+      return;
+    }
+    
     if (typeof content === 'string') {
       content = JSON.parse(content);
     }
@@ -259,6 +284,9 @@ Page({
     that.setData({
       Content:content,
     });
+    setTimeout(function(){
+      that.updateReadCount(that.data.ID);
+    },3000);
   },
   setTheme:function(){
     let that=this;
@@ -279,9 +307,9 @@ Page({
   },
   closeHelp:function(){
     this.setData({
-      IsShowFirstOpen:false,
+      IsShowFirstOpen2:false,
     });
-    wx.setStorageSync('HiddenArticleFirstOpen', true);
+    wx.setStorageSync('IsShowFirstOpen2', 2);
   },
   selectedAnswer:function(e){
     let that=this;
@@ -316,6 +344,9 @@ Page({
         Content:content,
       });
     }
+    else if (name=="IsShowQuestion"){
+      main.showGuideContainer(that,"#panelArticle",75,60,"pic_ha08",391,556);
+    }
   },
   setShowKeyword:function(){
     let that=this;
@@ -449,7 +480,7 @@ Page({
   },
   // 处理导航栏返回按钮点击事件
   onUnload: function() {
-    if (!this.data.ID){
+    if (!this.data.ID || this.data.OpenType=="Guide"){
       app.globalData.SelectedWords=[];
       wx.navigateBack({
         delta: 1,
@@ -490,6 +521,12 @@ Page({
       showAnimation: 'remind-slide-down'
     });
   },
+  closeGuideContainer:function(){
+    this.setData({
+      IsShowGuideContainer:false,
+    });
+    wx.setStorageSync('IsShowGuideContainer', false);
+  },
   goto: function (e) {
     let that=this;
     var url=e.currentTarget.dataset.url;
@@ -497,6 +534,11 @@ Page({
       url: url,
     });
   },
+  // 阻止示例面板的触摸事件传递到底层
+  catchTouchMove: function(e) {
+    // 这个函数不需要做任何事情，只需要捕获事件防止冒泡
+    return false;
+  },
   onShareAppMessage: function () {
     return {
       title: app.globalData.ShareTitle,

pages/main/article.wxml

@@ -1,6 +1,7 @@
 <block wx:if="{{!IsBuilding && !IsBuildError}}">
 <!-- 正常文章 -->
-<view  class="{{ThemeCSS}} container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
+<view class="{{ThemeCSS}} container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
+  <view id="panelArticle" style="width: 100%;height: 1rpx;"></view>
   <view class="panel1 FlexColumn">
     <!-- 完整文章 -->
     <text class="textArticle" wx:if="{{!IsShowTranslate}}" >
@@ -25,7 +26,7 @@
         <image src="../images/sysIcon_a15.png" class="sysIcon_a15"></image>
         <view class="text02">中英对照</view>
       </view>
-      <view class="panelFooter12 panelFooter10 FlexColumn" bind:tap="showData" data-name="IsShowQuestion">
+      <view id="btnQAndA" class="panelFooter12 panelFooter10 FlexColumn" bind:tap="showData" data-name="IsShowQuestion">
         答题
       </view>
       <view class="panelFooter13 panelFooter10 FlexColumn" bind:tap="showData" data-name="IsShowSetting">
@@ -122,7 +123,7 @@
 </view>
 
 <!-- 显示第一次打开帮助 -->
-<view wx:if="{{IsShowFirstOpen}}" class="panelHelp container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
+<view wx:if="{{IsShowFirstOpen2}}" class="panelHelp container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
   <view class="panelHelp1">
     <image src="../images/sysIcon_b07.png" class="sysIcon_b07"></image>
     <view class="panelHelp2 FlexColumn">
@@ -133,6 +134,17 @@
 </view>
 </block>
 
+<!-- 显示引导 -->
+<view  wx:if="{{IsShowGuideContainer}}" class="panelGuideContainer container FlexColumn">
+  <view class="panelGuideContainerTop panelGuideContainer0" style='height:{{panelGuideContainerTop}}rpx;' catchtouchmove="catchTouchMove"></view>
+  <view class="panelGuideContainerLeft panelGuideContainer0" style='top:{{panelGuideContainerTop}}rpx;width:{{panelGuideContainerWidth1}}rpx;height:{{panelGuideContainerHeight1}}rpx;' catchtouchmove="catchTouchMove"></view>
+  <view class="panelGuideContainerRight panelGuideContainer0" style='top:{{panelGuideContainerTop}}rpx;left:{{panelGuideContainerLeft2}}rpx;height:{{panelGuideContainerHeight1}}rpx;' catchtouchmove="catchTouchMove"></view>
+  <view class="panelGuideContainerBottom panelGuideContainer0" style='top:{{panelGuideContainerTop+panelGuideContainerHeight1-1}}rpx;height:{{Containnerheight}}rpx;' catchtouchmove="catchTouchMove"></view>
+  <image class="panelGuideContainerImage {{panelGuideContainerImage}}" style="left:{{panelGuideContainerImageLeft}}rpx;top:{{panelGuideContainerImageTop}}rpx;" src="../images/{{panelGuideContainerImage}}.png" catchtouchmove="catchTouchMove">
+    <view class="panelGuideContainerClose FlexColumn" style="left:{{panelGuideContainerCloseLeft}}rpx;top:{{panelGuideContainerCloseTop}}rpx;" catchtap="closeGuideContainer"></view>
+  </image>
+</view>
+
 <!-- 显示生成出错 -->
 <view wx:if="{{IsBuildError}}" class="container {{ThemeCSS}} FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
   <view class="{{ThemeCSS}} panelError FlexColumn">

pages/main/article.wxss

@@ -730,4 +730,13 @@
   font-size: 24rpx;
   font-weight: 400;
   margin-top: 10rpx;
+}
+
+.panelGuideContainer .pic_ha07{
+  width: 610rpx;
+  height: 378rpx;
+}
+.panelGuideContainer .pic_ha08{
+  width: 610rpx;
+  height: 643rpx;
 }

pages/main/index.js

@@ -20,6 +20,15 @@ Page({
     app.globalData.OCRWords=[];
     this.getData();
     main.checkGenerating();
+
+    if (wx.getStorageSync('IsShowGuideContainer')){
+      this.initGuide();
+    }
+    else{
+      this.setData({
+        IsShowGuideContainer:false,
+      })
+    }
   },
   goto: function (e) {
     let that=this;
@@ -46,6 +55,7 @@ Page({
         that.setData({
           TodayCount:data.TodayCount,
           MaxCount:data.MaxCount,
+          UnReadCount:data.UnReadCount,
         });
       }
     });
@@ -53,6 +63,25 @@ Page({
   showRemind:function(){
     animation.toggleRemindWithAnimation(this);
   },
+  initGuide:function(){
+    let that=this;
+    that.setData({
+      IsShowGuideContainer:true,
+    });
+    main.showGuideContainer(that,"#txtWordsInput",0,110,"pic_ha01",396,248,-5);
+    wx.setStorageSync('IsShowGuideContainer', true);
+  },
+  closeGuideContainer:function(){
+    this.setData({
+      IsShowGuideContainer:false,
+    });
+    wx.setStorageSync('IsShowGuideContainer', false);
+  },
+  // 阻止示例面板的触摸事件传递到底层
+  catchTouchMove: function(e) {
+    // 这个函数不需要做任何事情，只需要捕获事件防止冒泡
+    return false;
+  },
   onShareAppMessage: function () {
     return {
       title: app.globalData.ShareTitle,

pages/main/index.wxml

@@ -5,15 +5,21 @@
     </view>
 
     <view class="panel2 FlexColumn">
-      <view class="btn01 FlexColumn" bind:tap="goto" data-url="wordsinput">
+      <view id="txtWordsInput" class="btn01 FlexColumn" bind:tap="goto" data-url="wordsinput">
         <view>制作</view>
       </view>
       <view class="btn02 FlexColumn" bind:tap="goto" data-url="myarticles">
         <view>我的文库</view>
+        <view class="btn021 FlexColumn" wx:if="{{UnReadCount>0}}">未读</view>
       </view>
     </view>
 
     <view class="panel3 FlexColumn">
+      <view class="panel31 FlexRow" bind:tap="initGuide">
+        <image src="../images/sysIcon_b19.png" class="sysIcon_b19"></image>
+        <view>新手引导</view>
+      </view>
+      <view class="panelLine"></view>
       <view class="panel31 FlexRow" bind:tap="goto" data-url="help">
         <image src="../images/sysIcon_a01.png" class="sysIcon_a01"></image>
         <view>如何提升AI生成内容的质量</view>
@@ -48,4 +54,15 @@
       <view class="btnReind2 FlexColumn" catch:tap="goto" data-url="myarticles">去我的文库看看</view>
     </view>
   </view>
+</view>
+
+<!-- 显示引导 -->
+<view  wx:if="{{IsShowGuideContainer}}" class="panelGuideContainer container FlexColumn">
+  <view class="panelGuideContainerTop panelGuideContainer0" style='height:{{panelGuideContainerTop}}rpx;' catchtouchmove="catchTouchMove"></view>
+  <view class="panelGuideContainerLeft panelGuideContainer0" style='top:{{panelGuideContainerTop}}rpx;width:{{panelGuideContainerWidth1}}rpx;height:{{panelGuideContainerHeight1}}rpx;' catchtouchmove="catchTouchMove"></view>
+  <view class="panelGuideContainerRight panelGuideContainer0" style='top:{{panelGuideContainerTop}}rpx;left:{{panelGuideContainerLeft2}}rpx;height:{{panelGuideContainerHeight1}}rpx;' catchtouchmove="catchTouchMove"></view>
+  <view class="panelGuideContainerBottom panelGuideContainer0" style='top:{{panelGuideContainerTop+panelGuideContainerHeight1-1}}rpx;height:{{Containnerheight}}rpx;' catchtouchmove="catchTouchMove"></view>
+  <image class="panelGuideContainerImage {{panelGuideContainerImage}}" style="left:{{panelGuideContainerImageLeft}}rpx;top:{{panelGuideContainerImageTop}}rpx;" src="../images/{{panelGuideContainerImage}}.png" catchtouchmove="catchTouchMove">
+    <view class="panelGuideContainerClose FlexColumn" style="left:{{panelGuideContainerCloseLeft}}rpx;top:{{panelGuideContainerCloseTop}}rpx;" catchtap="closeGuideContainer"></view>
+  </image>
 </view>

pages/main/index.wxss

@@ -41,6 +41,18 @@
   border-radius: 30rpx;
   font-size: 36rpx;
   color: #C1E1C1;
+  position: relative;
+}
+
+.btn021{
+  width: 80rpx;
+  height:50rpx;
+  background: #C1E1C1;
+  border-radius: 10rpx;
+  color:#004433;
+  font-size: 24rpx;
+  position: absolute;
+  right:30rpx;
 }
 
 .panel3{
@@ -61,6 +73,11 @@
   height:24rpx;
   margin: 0 10rpx 0 0;
 }
+.sysIcon_b19{
+  width:28rpx;
+  height:28rpx;
+  margin: 0 10rpx 0 0;
+}
 
 .panelLine{
   width: 360rpx;
@@ -82,7 +99,7 @@
 
 .pic_02{
   width:100%;
-  height:340rpx;
+  height:280rpx;
 }
 
 .text03{
@@ -161,4 +178,9 @@
   background: #fff;
   font-size: 28rpx;
   margin: 30rpx 0 40rpx 0;
+}
+
+.panelGuideContainer .panelGuideContainerImage{
+  width: 610rpx;
+  height: 338rpx;
 }

pages/main/wordsinput.js

@@ -13,15 +13,29 @@ Page({
     IsShowFirstOpen:false,
     IsShowExample:false,
     IsShowRemind:false,
+    IsShowGuideContainer:false,
+    IsShowGuideRemind:false,
   },
   onLoad: function (options) {
     let that = this;
+    const IsShowFirstOpen=wx.getStorageSync('IsShowFirstOpen');
+    const IsShowGuideContainer=wx.getStorageSync('IsShowGuideContainer');
+    if (!IsShowGuideContainer && !IsShowFirstOpen){
+      that.setData({
+        IsShowFirstOpen:1,
+      });
+    }
+    else{
+      const IsShowGuideRemind=wx.getStorageSync('IsShowGuideRemind');
     
-    const hiddenhelp=wx.getStorageSync('HiddenWordInputFirstOpen');
-
+      if (!IsShowGuideRemind){
+        that.setData({
+          IsShowGuideRemind:1,
+        });
+      }
+    }
     that.setData({
       Containnerheight: main.getWindowHeight(),
-      IsShowFirstOpen:!hiddenhelp,
       KeyboardBtnName:"next",
     });
     that.initMenu();
@@ -29,6 +43,15 @@ Page({
     main.checkGenerating();
   },
   onShow:function(e){
+    let that = this;
+    that.initWords();
+    that.isShowAlert();
+    that.initGuide(null);
+  },
+  onHide:function(e){
+    this.getInputData();
+  },
+  initWords:function(){
     let that = this;
     app.globalData.SelectedWords=common.removeDuplicateAndTrimStrings(app.globalData.SelectedWords);
     that.data.Words=[];
@@ -55,10 +78,25 @@ Page({
     that.setData({
       Words:that.data.Words,
     });
-    that.isShowAlert();
   },
-  onHide:function(e){
-    this.getInputData();
+  initGuide:function(e){
+    let that=this;
+    if (e && e.currentTarget.dataset.isstart){
+      wx.setStorageSync('IsShowGuideContainer', true);
+      //wx.setStorageSync('IsShowGuideRemind', 2);
+      wx.navigateBack({
+        delta: 1,
+      });
+    }
+    else if (wx.getStorageSync("IsShowGuideContainer")){
+      that.setData({
+        IsShowGuideContainer:true,
+        IsShowGuideRemind:false,
+      });
+      app.globalData.SelectedWords=["cat","dog","meat","fight","","happy","love","study","cry","flower"];
+      that.initWords();
+      main.showGuideContainer(that,"#txtWord5",290,-457,"pic_ha02",-50,5,-5,-5);
+    }
   },
   initMenu:function(){
     let that = this;
@@ -92,7 +130,6 @@ Page({
       }
     }
 
-    
     that.setData({
       GradeArr:GradeArr,
       ArticleStyleArr:ArticleStyleArr,
@@ -103,6 +140,19 @@ Page({
     let that=this;
     let id=e.currentTarget.dataset.id;
     let word=e.detail.value;
+
+    if (wx.getStorageSync("IsShowGuideContainer") && word.toString().toLowerCase()=="win"){
+      that.data.Words[4].Focus=false;
+      that.data.Words[4].Word="win";
+      that.setData({
+        Words:that.data.Words,
+      });
+      main.showGuideContainer(that,"#btnNext",80,-260,"pic_ha03",0,0,-3,-20);
+    }
+    else if (that.data.IsShowGuideContainer){
+      return;
+    }
+      
     for(let i=0;i<10;i++){
       if (i+1==id){
         that.data.Words[i].Word=word;
@@ -162,6 +212,11 @@ Page({
             IsShowAlert:false,
             IsShowSetPanel:true,
           });
+
+          if (wx.getStorageSync("IsShowGuideContainer")){
+            
+            main.showGuideContainer(that,"#btnLevel1",165,-115,"pic_ha04",270,330,-2,0);
+          }
         }
       });
     }
@@ -200,7 +255,22 @@ Page({
       IsShowExample:!this.data.IsShowExample,
     });
   },
+  showGuideRemind:function(){
+    this.setData({
+      IsShowGuideRemind:!this.data.IsShowGuideRemind,
+    });
+    wx.setStorageSync('IsShowGuideRemind', 2);
+  },
+  closeGuideContainer:function(){
+    this.setData({
+      IsShowGuideContainer:false,
+    });
+    wx.setStorageSync('IsShowGuideContainer', false);
+  },
   keyboardOK:function(e){
+    if (wx.getStorageSync('IsShowGuideContainer')){
+      return ;
+    }
     let that=this;
     let id=e.currentTarget.dataset.id;
     id++;
@@ -219,13 +289,15 @@ Page({
       Words:that.data.Words,
     });
   },
-  closeHelp:function(){
+  closeIsShowFirstOpen:function(){
     this.setData({
       IsShowFirstOpen:false,
+      IsShowGuideRemind:true,
     });
-    wx.setStorageSync('HiddenWordInputFirstOpen', true);
+    wx.setStorageSync('IsShowFirstOpen', 2);
   },
   selectBtn:function(e){
+    let that=this;
     const index=e.currentTarget.dataset.index;
     const id=e.currentTarget.dataset.id;
     
@@ -245,6 +317,9 @@ Page({
         ArticleStyleArr:arr,
       });
       wx.setStorageSync('ArticleStyle', index);
+      if (wx.getStorageSync("IsShowGuideContainer")){
+        main.showGuideContainer(that,"#btnBuild",38,-247,"pic_ha06",480,0,-5,-17);
+      }
     }
     else if (id==2){
       this.setData({
@@ -257,6 +332,9 @@ Page({
         GradeArr:arr,
       });
       wx.setStorageSync('Grade', index);
+      if (wx.getStorageSync("IsShowGuideContainer")){
+        main.showGuideContainer(that,"#btnArticleStyle1",140,-32,"pic_ha05",240,290,-1,-3);
+      }
     }
     
   },
@@ -293,6 +371,13 @@ Page({
           break;
         }
       }
+
+      if (wx.getStorageSync("IsShowGuideContainer")){
+        wx.navigateTo({
+          url: "article?ID=258&Type=Guide",
+        });
+        return;
+      }
     }
 
     

pages/main/wordsinput.wxml

@@ -6,6 +6,7 @@
         <image src="../images/sysIcon_a01.png" class="sysIcon_a01"></image>
         <view>示范</view>
       </view>
+      <view class="panel113 FlexRow" bind:tap="initGuide" data-isstart="1">新手引导</view>
       <view class="panel112 FlexRow" bind:tap="clearInput" data-id="0">清空</view>
     </view>
   </view>
@@ -18,7 +19,7 @@
 
   <view class="panel2 FlexColumn">
     <block wx:for="{{Words}}" wx:key="index">
-      <view class="panel20 panel2{{item.ID}} {{item.CSS}} FlexRow">
+      <view id="txtWord{{item.ID}}" class="panel20 panel2{{item.ID}} {{item.CSS}} FlexRow">
         <view class="panel211" wx:if="{{!item.IsError}}"></view>
         <view class="panel211 panel2110" wx:if="{{item.IsError}}"></view>
         <input type="text" class="txtWord" focus="{{item.Focus}}" placeholder="单词 {{item.ID}}"  value="{{item.Word}}" confirm-type="{{KeyboardBtnName}}" maxlength="30" placeholder-class="placeholderClass" bindconfirm="keyboardOK"  bindfocus="setFocus" bindinput="bindKeyInput" data-id="{{item.ID}}"/>
@@ -29,6 +30,17 @@
     </block>
   </view>
 
+  <view class="panelGuide FlexRow" wx:if="{{IsShowGuideRemind}}">
+    <text class="panelGuide1" catch:tap="initGuide" data-isstart="1">
+      <text>卡在单词输入？</text>
+      <text class="panelGuideText1">新手引导</text>
+      <text>带您体验</text>
+    </text>
+    <view class="panelGuide2 FlexRow" bind:tap="showGuideRemind">
+      <image src="../images/sysIcon_a03.png" class="sysIcon_a03"></image>
+    </view>
+  </view>
+
   <view class="panelFooter FlexRow">
     <view class="panelFooter1 FlexRow">
       <view class="panelFooter11 panelFooter10 FlexColumn" bindtap="goto" data-url="../main/selectword">
@@ -39,11 +51,9 @@
         <image src="../images/sysIcon_a05.png" class="sysIcon_a03"></image>
         <view class="text02">粘贴</view>
       </view>
-      <view class="panelFooter13 panelFooter10 FlexColumn" bind:tap="setArticleParam">下一步</view>
+      <view id="btnNext" class="panelFooter13 panelFooter10 FlexColumn" bind:tap="setArticleParam">下一步</view>
     </view>
   </view>
-
-  
 </view>
 
 <view wx:if="{{IsShowFirstOpen}}" class="panelHelp container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
@@ -51,7 +61,7 @@
     <image src="../images/sysIcon_b06.png" class="sysIcon_b06"></image>
     <view class="panelHelp2 FlexColumn">
       <text class="text07">先从这里输入单词\n再点下一步生成文章</text>
-      <view class="btn3 FlexColumn" bind:tap="closeHelp">知道了</view>
+      <view class="btn3 FlexColumn" bind:tap="closeIsShowFirstOpen">知道了</view>
     </view>
   </view>
 </view>
@@ -65,14 +75,14 @@
     <view class="panelMenu11 FlexColumn">
       <view class="text04 text05">单词水平</view>
       <view class="panelMenu111 FlexRow">
-        <view class="btn btn{{item.CSS}} FlexRow" wx:for="{{GradeArr}}" wx:key="index" capture-bind:tap="selectBtn" data-id="0" data-index="{{index}}">{{item.Name}}</view>
+        <view id="btnLevel{{index}}" class="btn btn{{item.CSS}} FlexRow" wx:for="{{GradeArr}}" wx:key="index" capture-bind:tap="selectBtn" data-id="0" data-index="{{index}}">{{item.Name}}</view>
       </view>
     </view>
     <view class="panelMenu11 FlexColumn">
       <view class="text04 text06">主题</view>
       <scroll-view scroll-x="true" class="panelMenu1110">
         <view class="panelMenu1111 FlexRow">
-          <view class="btn btn{{item.CSS}} FlexRow" wx:for="{{ArticleStyleArr}}" wx:key="index" capture-bind:tap="selectBtn" data-id="1" data-index="{{index}}">{{item.Name}}</view>
+          <view id="btnArticleStyle{{index}}" class="btn btn{{item.CSS}} FlexRow" wx:for="{{ArticleStyleArr}}" wx:key="index" capture-bind:tap="selectBtn" data-id="1" data-index="{{index}}">{{item.Name}}</view>
         </view>
       </scroll-view>
     </view>
@@ -85,7 +95,7 @@
         </view>
       </view>
     </view>
-    <view class="btn2 FlexRow" catch:tap="goto" data-url="article">
+    <view id="btnBuild" class="btn2 FlexRow" catch:tap="goto" data-url="article">
       <image src="../images/sysIcon_b01.png" class="sysIcon_b01"></image>
       <view>生成短文</view>
     </view>
@@ -97,6 +107,16 @@
     </view>
   </view>
 </view>
+<!-- 显示引导 -->
+<view  wx:if="{{IsShowGuideContainer}}" class="panelGuideContainer container FlexColumn">
+  <view class="panelGuideContainerTop panelGuideContainer0" style='height:{{panelGuideContainerTop}}rpx;' catchtouchmove="catchTouchMove"></view>
+  <view class="panelGuideContainerLeft panelGuideContainer0" style='top:{{panelGuideContainerTop}}rpx;width:{{panelGuideContainerWidth1}}rpx;height:{{panelGuideContainerHeight1}}rpx;' catchtouchmove="catchTouchMove"></view>
+  <view class="panelGuideContainerRight panelGuideContainer0" style='top:{{panelGuideContainerTop}}rpx;left:{{panelGuideContainerLeft2}}rpx;height:{{panelGuideContainerHeight1}}rpx;' catchtouchmove="catchTouchMove"></view>
+  <view class="panelGuideContainerBottom panelGuideContainer0" style='top:{{panelGuideContainerTop+panelGuideContainerHeight1-1}}rpx;height:{{Containnerheight}}rpx;' catchtouchmove="catchTouchMove"></view>
+  <image class="panelGuideContainerImage {{panelGuideContainerImage}}" style="left:{{panelGuideContainerImageLeft}}rpx;top:{{panelGuideContainerImageTop}}rpx;" src="../images/{{panelGuideContainerImage}}.png" catchtouchmove="catchTouchMove">
+    <view class="panelGuideContainerClose FlexColumn" style="left:{{panelGuideContainerCloseLeft}}rpx;top:{{panelGuideContainerCloseTop}}rpx;" catchtap="closeGuideContainer"></view>
+  </image>
+</view>
 
 <view wx:if="{{IsShowExample}}" class="panelExample container FlexColumn" style='min-height:{{Containnerheight}}rpx;' catchtouchmove="catchTouchMove">
   <scroll-view scroll-y="true" class="exampleScrollView" style='height:{{Containnerheight}}rpx;'>

pages/main/wordsinput.wxss

@@ -20,6 +20,11 @@
 .panel111{
   margin-left: 40rpx;
 }
+.panel113{
+  width:96rpx;
+  height:73rpx;
+  margin-left: -250rpx;
+}
 .panel112{
   width: 88rpx;
   height:73rpx;
@@ -129,6 +134,35 @@
   height:22rpx;
 }
 
+.panelGuide{
+  width: 710rpx;
+  height:70rpx;
+  background: #453C2D;
+  border: 5rpx solid #E6971A;
+  border-radius: 70rpx;
+  position: fixed;
+  bottom:195rpx;
+  z-index: 10;
+  justify-content: space-between;
+}
+
+.panelGuide1{
+  font-size:28rpx;
+  color:#F2F2F2;
+  margin-left: 40rpx;
+}
+.panelGuideText1{
+  color:#FFCD00;
+  text-decoration: underline;
+}
+.panelGuide2{
+  border-radius: 50%;
+  width: 46rpx;
+  height:46rpx;
+  background-color: #E59819;
+  margin-right: 17rpx;
+}
+
 .panelFooter{
   width: 100%;
   height:180rpx;
@@ -427,3 +461,24 @@
   margin-top: 60rpx;
   margin-bottom: 40rpx;
 }
+
+.panelGuideContainer .pic_ha02{
+  width: 370rpx;
+  height: 465rpx;
+}
+.panelGuideContainer .pic_ha03{
+  width: 250rpx;
+  height: 255rpx;
+}
+.panelGuideContainer .pic_ha04{
+  width: 359rpx;
+  height: 420rpx;
+}
+.panelGuideContainer .pic_ha05{
+  width: 329rpx;
+  height: 380rpx;
+}
+.panelGuideContainer .pic_ha06{
+  width: 570rpx;
+  height: 255rpx;
+}

utils/main.js

@@ -76,9 +76,27 @@ function getLocalHost(callback) {
   }
 }
 
+function getPageInfo(){
+  let result={};
+  const pages = getCurrentPages(); // 获取页面栈
+  result.NavigationDepth = pages.length;
+  console.log("导航深度:", result.NavigationDepth);
+  const prevPage = pages[pages.length - 2];
+  result.FromRoute = prevPage ? prevPage.route : null;
+  console.log("来源页面:", result.FromRoute);
+  const currentPage = pages[pages.length - 1]; // 当前页面对象
+  result.CurrentRoute = currentPage.route; // 当前页面路径
+  console.log("当前页面:", result.CurrentRoute);
 
-function getWindowHeight() {
+  if (pages.length > 1) {
+    result.BackFromPage = pages[pages.length - 1].route;
+    console.log("返回来源页面:", result.BackFromPage);
+  }
+  
+  return result;
+}
 
+function getWindowHeight() {
   var height = app.globalData.systemInfo.windowHeight;
   //console.log("app.globalData.systemInfo.windowHeight:" + app.globalData.systemInfo.windowHeight * 2);
   if (app.globalData.systemInfo.model) {
@@ -136,35 +154,82 @@ function onSelect(obj,event,callback){
 }
 
 function checkGenerating(){
+  let that=this;
   if (app.globalData.Generating){
+    let timeStart=new Date().getTime();
     let intervalGenerate=setInterval(function(){
-      console.log(new Date().getTime());
+      let time=(new Date().getTime()-timeStart)/1000;
+      console.log(time);
       if (!app.globalData.Generating){
         clearInterval(intervalGenerate);
-        wx.showModal({
-          title: '通知',
-          content: '文章生成好了。',
-          cancelText:"不去",
-          confirmText:"去看",
-          complete: (res) => {
-            if (res.confirm) {
-              let next='article?ID=MAX';
-              wx.reLaunch({
-                url: 'index',
-                complete:function(){
-                  wx.navigateTo({
-                    url: next,
+        let page=that.getPageInfo();
+        if (!(page.NavigationDepth==3 
+          && page.CurrentRoute=="pages/main/article" 
+          && page.BackFromPage=="pages/main/article")){
+            wx.showModal({
+              title: '通知',
+              content: '文章生成好了。',
+              cancelText:"不去",
+              confirmText:"去看",
+              complete: (res) => {
+                if (res.confirm) {
+                  let next='article?ID=MAX';
+                  wx.reLaunch({
+                    url: 'index',
+                    complete:function(){
+                      wx.navigateTo({
+                        url: next,
+                      })
+                    }
                   })
                 }
-              })
-            }
+              }
+            });
           }
-        })
       }
+      if (time > 120)
+        clearInterval(intervalGenerate);
+
     },1000);
   }
 }
 
+function showGuideContainer(obj,myClass,imageLeft,imageTop,imageName,closeLeft,closeTop,offsetLeft,offsetTop){
+  setTimeout(function(){
+    wx.createSelectorQuery().select(myClass).boundingClientRect(function (rect) {
+      console.log("rect.left:"+rect.left);
+      console.log("rect.top:"+rect.top);
+      console.log("rect.width:"+rect.width);
+      console.log("rect.height:"+rect.height);
+      rect.top-=10;
+      if (offsetTop)
+        rect.top+=offsetTop;
+
+      rect.height+=5;
+
+      if (offsetLeft)
+        rect.left+=offsetLeft;
+        
+      rect.left2=(rect.left+rect.width)-5;
+
+      obj.setData({
+        panelGuideContainerTop:rect.top*2,
+        panelGuideContainerWidth1:rect.left*2,
+        panelGuideContainerHeight1:rect.height*2,
+        panelGuideContainerLeft2:rect.left2*2,
+        panelGuideContainerCloseLeft:closeLeft,
+        panelGuideContainerCloseTop:closeTop,
+        panelGuideContainerImage:imageName,
+      });
+      obj.setData({
+        panelGuideContainerImageLeft:obj.data.panelGuideContainerWidth1+imageLeft,
+        panelGuideContainerImageTop:obj.data.panelGuideContainerTop+imageTop,
+      });
+    }).exec();
+  },200);
+}
+
+
 module.exports = {
   getData: getData,
   postData: postData,
@@ -172,4 +237,6 @@ module.exports = {
   getWindowHeight: getWindowHeight,
   onSelect:onSelect,
   checkGenerating:checkGenerating,
+  getPageInfo:getPageInfo,
+  showGuideContainer:showGuideContainer,
 }