0.9.0

app.js

@@ -30,6 +30,8 @@ App({
     Key: "kylx365_chengjie",
     IV: "kylx365hongliren",
     TempStr:"",
+    OCRWords:[],//OCR的单词
+    SelectedWords:[],//选中的单词
     ocrReady: false
   },
   onLaunch: function (options) {

app.json

@@ -1,15 +1,22 @@
 {
   "pages": [
+    "pages/main/article",
+    "pages/main/index",
+    "pages/main/paste",
+    "pages/main/ocr",
+    "pages/main/selectword",
+    "pages/main/wordsinput",
     "pages/index/index",
-    "pages/article_generator/article_generator",
     "pages/logs/logs",
+    "pages/article_generator/article_generator",
     "pages/ocr/ocr"
   ],
   "window": {
     "backgroundTextStyle": "light",
-    "navigationBarBackgroundColor": "#fff",
-    "navigationBarTitleText": "秒过英语-AI生文记单词",
-    "navigationBarTextStyle": "black"
+    "backgroundColor": "#004433",
+    "navigationBarBackgroundColor": "#004433",
+    "navigationBarTitleText": "语境背单词",
+    "navigationBarTextStyle": "white"
   },
   "style": "v2",
   "sitemapLocation": "sitemap.json",

pages/article_generator/article_generator.js

@@ -22,9 +22,12 @@ Page({
       Containnerheight: main.getWindowHeight(),
       IsShowTranslate:false,
     });
-    if (options.words) {
+    let words=options.words;
+    if (!options.words)
+      words="boy,girl,king,come,go,yellow,dragon,fire";
+    if (words) {
       try {
-        const wordList = options.words.split(",");
+        const wordList = words.split(",");
         this.setData({ wordList });
       } catch (e) {
         wx.showToast({
@@ -69,7 +72,6 @@ Page({
       //url="https://www.kylx365.com/apiData/"+url;
       url="http://localhost:3020/api/GenerateArticle";
       let words=that.data.wordList;
-      debugger;
       const cloudRes = await new Promise((resolve, reject) => {
         wx.request({
           url: url,
@@ -83,9 +85,11 @@ Page({
           fail: reject,
         })
       });
-      console.log(cloudRes);
+      //console.log(cloudRes);
       let result=cloudRes.data.result.choices[0].message.content;
+      console.log(result);
       let content=JSON.parse(result);
+      //console.log(content);
       for(let i=0;i<content.ArticleEnglish.length;i++){
         for(let j=0;j<content.FormsOfWords.length;j++){
           let word = content.FormsOfWords[j];

pages/article_generator/article_generator.wxss

@@ -1,5 +1,7 @@
 
 .container {
+  background-color: #fff;
+  color:#000;
 }
 
 .section {

pages/main/article.js

@@ -0,0 +1,390 @@
+import common from '../../utils/util';
+import main from '../../utils/main';
+const Theme=[{
+    "Name":"DarkColor",
+    "backgroundColor": "#004433",
+    "color":"#C1E1C1",
+    "frontColor": '#ffffff',
+  },{
+    "Name":"LightColor",
+    "backgroundColor": "#D0ECD3",
+    "color":"#151815",
+    "frontColor": '#000000',
+  }
+];
+const app = getApp();
+
+Page({
+  data: {
+    Words:"",
+    IsShowPanelHelp:true,
+    IsBuilding:false,
+    IsShowLightColor:false,
+    IsShowKeyword:true,//显示关键词
+    IsShowQuestion:true,
+    IsShowTranslate:false,
+    IsShowAnswer:false,
+    IsShowSetting:false,
+    CurrentQuestionIndex:0,
+    swiperHeight: "526rpx",
+    lastTapTime: 0, // 记录上一次点击的时间，用于检测双击
+  },
+  onLoad: function (options) {
+    let that = this;
+    let words=app.globalData.SelectedWords.join(" ");
+    const hiddenhelp=wx.getStorageSync('HiddenArticleHelp');
+
+    that.setData({
+      Containnerheight: main.getWindowHeight(),
+      Words:words, 
+      IsShowPanelHelp:!hiddenhelp,
+    });
+
+    that.init();
+    that.setTheme();
+  },
+
+  init:function(){
+    const that=this;
+    let content={
+          "ArticleEnglish": [
+              "Once upon a time, there was a king in a beautiful kingdom.",
+              "A fierce dragon came and brought yellow fire to the kingdom.",
+              "The people in the kingdom were very afraid.",
+              "A brave boy and a kind - hearted girl decided to go and fight against the dragon.",
+              "They came to the dragon's cave and saw the dragon sleeping.",
+              "The boy used a big stick to wake up the dragon.",
+              "The dragon was angry and spat out yellow fire at them.",
+              "But the boy and the girl were not scared.",
+              "They worked together and finally defeated the dragon.",
+              "The king was very happy and thanked the boy and the girl."
+          ],
+          "ArticleChinese": [
+              "从前，在一个美丽的王国里有一位国王。",
+              "一条凶猛的龙来了，给王国带来了黄色的火焰。",
+              "王国里的人们非常害怕。",
+              "一个勇敢的男孩和一个善良的女孩决定去与龙战斗。",
+              "他们来到了龙的洞穴，看到龙正在睡觉。",
+              "男孩用一根大棍子把龙叫醒了。",
+              "龙很生气，朝他们吐出了黄色的火焰。",
+              "但是男孩和女孩并不害怕。",
+              "他们齐心协力，最终打败了龙。",
+              "国王非常高兴，感谢了男孩和女孩。"
+          ],
+          "FormsOfWords": [
+              "boy",
+              "girl",
+              "king",
+              "come",
+              "came",
+              "go",
+              "went",
+              "yellow",
+              "dragon",
+              "dragons",
+              "fire"
+          ],
+          "Question": [
+              {
+                  "QuestionEnglish": "Who brought yellow fire to the kingdom?",
+                  "QuestionChinese": "谁给王国带来了黄色的火焰？",
+                  "OptionsEnglish": [
+                      "A. The boy",
+                      "B. The girl",
+                      "C. The king",
+                      //"D. The dragon  The dragon  The dragon  The dragon  The dragon  The dragon  The dragon  The dragon  The dragon  The dragon  The dragon  The dragon  The dragon  The dragon  The dragon  The dragon  The dragon  The dragon  The dragon  The dragon"
+                      "D. The dragon"
+                  ],
+                  "OptionsChinese": [
+                      "A. 男孩",
+                      "B. 女孩",
+                      "C. 国王",
+                      "D. 龙"
+                  ],
+                  "Answer": "D"
+              },
+              {
+                  "QuestionEnglish": "What did the boy and the girl decide to do?",
+                  "QuestionChinese": "男孩和女孩决定做什么？",
+                  "OptionsEnglish": [
+                      "A. Go home",
+                      "B. Fight against the dragon",
+                      "C. Play with the dragon",
+                      "D. Sleep in the cave"
+                  ],
+                  "OptionsChinese": [
+                      "A. 回家",
+                      "B. 与龙战斗",
+                      "C. 和龙一起玩",
+                      "D. 在洞穴里睡觉"
+                  ],
+                  "Answer": "B"
+              },
+              {
+                  "QuestionEnglish": "How did the boy wake up the dragon?",
+                  "QuestionChinese": "男孩是如何叫醒龙的？",
+                  "OptionsEnglish": [
+                      "A. By shouting",
+                      "B. By using a big stick",
+                      "C. By throwing stones",
+                      "D. By singing"
+                  ],
+                  "OptionsChinese": [
+                      "A. 通过大喊",
+                      "B. 通过使用一根大棍子",
+                      "C. 通过扔石头",
+                      "D. 通过唱歌"
+                  ],
+                  "Answer": "B"
+              },
+              {
+                  "QuestionEnglish": "How did the dragon feel when it woke up?",
+                  "QuestionChinese": "龙醒来时感觉如何？",
+                  "OptionsEnglish": [
+                      "A. Happy",
+                      "B. Sad",
+                      "C. Angry",
+                      "D. Tired"
+                  ],
+                  "OptionsChinese": [
+                      "A. 高兴的",
+                      "B. 悲伤的",
+                      "C. 生气的",
+                      "D. 疲惫的"
+                  ],
+                  "Answer": "C"
+              },
+              {
+                  "QuestionEnglish": "What did the king do after the boy and the girl defeated the dragon?",
+                  "QuestionChinese": "男孩和女孩打败龙后，国王做了什么？",
+                  "OptionsEnglish": [
+                      "A. He punished them",
+                      "B. He thanked them",
+                      "C. He ignored them",
+                      "D. He was angry with them"
+                  ],
+                  "OptionsChinese": [
+                      "A. 他惩罚了他们",
+                      "B. 他感谢了他们",
+                      "C. 他无视了他们",
+                      "D. 他对他们很生气"
+                  ],
+                  "Answer": "B"
+              }
+          ]
+      };
+    that.updateData(content);
+  },
+  setTheme:function(){
+    const that=this;
+    const css=Theme[that.data.IsShowLightColor?1:0];
+    wx.setNavigationBarColor({
+      frontColor: css.frontColor,
+      backgroundColor: css.backgroundColor,
+    });
+    wx.setBackgroundColor({
+      backgroundColor: css.backgroundColor,
+      backgroundColorTop:css.backgroundColor,
+      backgroundColorBottom:css.backgroundColor,
+    });
+    that.setData({
+      ThemeCSS:css.Name,
+    });
+  },
+  updateData:function(content){
+    const that=this;
+    //console.log(content);
+    for(let i=0;i<content.ArticleEnglish.length;i++){
+      for(let j=0;j<content.FormsOfWords.length;j++){
+        let word = content.FormsOfWords[j];
+        let regex = new RegExp(`\\b${word}\\b[.,!?;:]?`, 'gi');
+        if (that.data.IsShowKeyword){
+          content.ArticleEnglish[i] = content.ArticleEnglish[i].replace(regex, match => {
+            let punctuation = match.match(/[.,!?;:]$/);
+            let punc = punctuation ? punctuation[0] : '';
+            let wordPart = match.replace(/[.,!?;:]$/, '');
+            return `<span class='highlight'>${wordPart}</span>${punc}`;
+          });
+        }
+      }
+    }
+    content.ArticleEnglishStr=content.ArticleEnglish.join(" ");
+    for(let i=0;i<content.Question.length;i++){
+      for(let j=0;j<content.Question[i].OptionsEnglish.length;j++){
+        let str=content.Question[i].OptionsChinese[j];
+        content.Question[i].OptionsChinese[j]=str.substr(2);
+      }
+      let char = content.Question[i].Answer;
+      let asciiCode = char.charCodeAt(0);
+      content.Question[i].AnswerNumber=asciiCode-65;
+    }
+    that.setData({
+      Content:content,
+    }, function() {
+      // 数据加载完成后，计算swiper高度
+      that.calculateSwiperHeight();
+      setTimeout(function(){
+        that.setData({
+          IsShowQuestion:false,
+        })
+      },1000);
+    });
+  },
+  closeHelp:function(){
+    this.setData({
+      IsShowPanelHelp:false,
+    });
+    wx.setStorageSync('HiddenArticleHelp', true);
+  },
+  selectedAnswer:function(e){
+    const that=this;
+    const question=e.currentTarget.dataset.question;
+    const index=e.currentTarget.dataset.index;
+    that.data.Content.Question[question].UserAnswer=index;
+    that.setData({
+      Content:that.data.Content,
+    });
+  },
+
+  showData:function(e){
+    const that=this;
+    let name=e.currentTarget.dataset.name;
+    this.data[name] = !this.data[name];
+    this.setData(this.data);
+
+    if (name=="IsShowKeyword"){
+      that.setShowKeyword();
+    }
+    else if (name=="IsShowLightColor"){
+      that.setTheme();
+    }
+    else if (this.data[name] && (name=="IsShowTranslate" || name=="IsShowQuestion")){
+      wx.showLoading({
+        title: '请稍等',
+        mask:true,
+      })
+      that.calculateSwiperHeight();
+      setTimeout(function(){
+        wx.hideLoading();
+      },500);
+    }
+  },
+  setShowKeyword:function(){
+    const that=this;
+    let content=that.data.Content;
+    let source="highlight",target="nonelight";
+    if (that.data["IsShowKeyword"]){
+      source="nonelight";
+      target="highlight";
+    }
+    content.ArticleEnglishStr=common.ReplaceAllString(content.ArticleEnglishStr,source,target);
+    for(let i=0;i<content.Question.length;i++){
+      for(let j=0;j<content.Question[i].OptionsEnglish.length;j++){
+        content.Question[i].OptionsEnglish[j]=common.ReplaceAllString(content.Question[i].OptionsEnglish[j],source,target);
+      }
+    }
+    that.setData({
+      Content:content,
+    });
+  },
+  nextQuestion:function(e){
+    if (this.data.CurrentQuestionIndex+1<this.data.Content.Question.length){
+      this.data.CurrentQuestionIndex=this.data.CurrentQuestionIndex+1;
+      this.setData({
+        IsShowAnswer:false,
+        CurrentQuestionIndex:this.data.CurrentQuestionIndex,
+      });
+    }
+  },
+  updateQuestionIndex:function(e){
+    this.setData({
+      CurrentQuestionIndex:e.detail.current,
+    });
+  },
+  // 计算所有swiper-item的高度，并设置swiper的高度为最高的那个
+  calculateSwiperHeight: function() {
+    const that = this;
+
+    // 增加延迟时间，确保DOM完全渲染
+    setTimeout(function() {
+      // 分别计算每个问题和选项的高度
+      const query = wx.createSelectorQuery();
+      
+      // 先计算问题文本的高度
+      query.selectAll('.text04').boundingClientRect();
+      
+      // 再计算所有选项的高度
+      query.selectAll('.text05').boundingClientRect();
+      
+      query.exec(function(res) {
+        if (!res || res.length < 2 || !res[0] || !res[1]) return;
+        
+        const questionRects = res[0];
+        const optionsRects = res[1];
+        
+        // 计算每个swiper-item的总高度
+        let itemHeights = [];
+        
+        // 假设问题和选项是一一对应的
+        const questionCount =questionRects.length;
+        
+        for (let i = 0; i < questionCount; i++) {
+          // 问题高度 + 选项高度 + 固定间距(margin等)
+          let totalHeight = questionRects[i].height + 100; // 100是估计的间距
+          for(let j=0;j<4;j++){
+            optionsRects[i*4+j].height=optionsRects[i*4+j].height*2+40;
+            console.log(optionsRects[i*4+j].height);
+            totalHeight+=optionsRects[i*4+j].height;
+          }
+          //debugger;
+          itemHeights.push(totalHeight);
+        }
+        
+        // 找出最高的高度
+        let maxHeight = 0;
+        itemHeights.forEach(function(height) {
+          if (height > maxHeight) {
+            maxHeight = height;
+          }
+        });
+        
+          console.log("计算的各项高度:", itemHeights);
+          console.log("最大高度:", maxHeight);
+        
+        // 为swiper高度增加一些额外空间（为指示点和边距）
+        maxHeight += 200; // 增加额外空间，确保内容完全显示
+        
+        // 设置swiper的高度
+        that.setData({
+          swiperHeight: maxHeight + 'rpx',
+        });
+      });
+    }, 500); // 增加延迟时间到500ms
+  },
+
+  onContainerTap: function() {
+    const currentTime = new Date().getTime();
+    const lastTapTime = this.data.lastTapTime;
+    const timeDiff = currentTime - lastTapTime;
+    
+    // 如果两次点击的时间间隔小于300毫秒，则认为是双击
+    if (timeDiff < 300 && timeDiff > 0) {
+      console.log('双击事件触发');
+      // 在这里添加双击事件的处理逻辑
+      // 例如：切换翻译显示状态
+      this.showData({currentTarget:{dataset:{name:"IsShowTranslate"}}});
+    }
+    
+    // 更新上一次点击的时间
+    this.setData({
+      lastTapTime: currentTime
+    });
+  },
+  onShareAppMessage: function () {
+    return {
+      title: app.globalData.ShareTitle,
+      path: app.globalData.SharePath + '?UserID=' + app.globalData.userInfo.UserID,
+      imageUrl: app.globalData.ShareImage,
+    }
+  },
+})

pages/main/article.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "短文",
+  "usingComponents": {}
+}

pages/main/article.wxml

@@ -0,0 +1,123 @@
+<view class="{{ThemeCSS}} container FlexColumn" style='min-height:{{Containnerheight}}rpx;' bindtap="onContainerTap">
+  <view class="panel1 FlexColumn">
+    <rich-text class="textArticle" wx:if="{{!IsShowTranslate}}" nodes="{{Content.ArticleEnglishStr}}"></rich-text>
+    <view class="textArticle FlexColumn" wx:if="{{IsShowTranslate}}">
+      <view wx:for="{{Content.ArticleEnglish}}" wx:key="index" class="textArticle">
+        <rich-text class="textArticle" nodes="{{item}}"></rich-text>
+        <view class="textArticleTranslate">{{Content.ArticleChinese[index]}}</view>
+        <view class="panelLine" wx:if="{{index<Content.ArticleEnglish.length-1}}"></view>
+      </view>
+    </view>
+  </view>
+
+  <view wx:if="{{!IsShowQuestion}}" class="panelFooter FlexRow">
+    <view class="panelFooter1 FlexRow">
+      <view class="panelFooter11 panelFooter10 FlexColumn" bindtap="goto" data-url="">
+        <image src="../images/sysIcon_a07.png" class="sysIcon_a03"></image>
+        <view class="text02">PDF下载</view>
+      </view>
+      <view class="panelFooter12 panelFooter10 FlexColumn" bind:tap="showData" data-name="IsShowQuestion">
+        答题
+      </view>
+      <view class="panelFooter13 panelFooter10 FlexColumn" bind:tap="showData" data-name="IsShowSetting">
+        <image src="../images/sysIcon_a08.png" class="sysIcon_a03"></image>
+        <view class="text02">设置</view>
+      </view>
+    </view>
+  </view>
+
+  <!-- 看问题 -->
+  <view hidden="{{!IsShowQuestion}}" class="{{ThemeCSS}} panelAnswer FlexColumn">
+    <view class="text03">Reading Comprehension Questions</view>
+    <swiper class="panelAnswer1" style="height:{{swiperHeight}};" indicator-dots="true" current="{{CurrentQuestionIndex}}" bindchange="updateQuestionIndex" >
+      <swiper-item class="panelAnswer1Item" wx:for="{{Content.Question}}" wx:key="index" data-index="{{index}}">
+        <view class="panelAnswer1Item1 FlexColumn">
+          <view class="panelAnswer2 FlexRow">
+            <image src="../images/sysIcon_c0{{index+1}}.png" wx:if="{{ThemeCSS=='DarkColor'}}" class="sysIcon_c01"></image>
+            <image src="../images/sysIcon_d0{{index+1}}.png" wx:if="{{ThemeCSS=='LightColor'}}" class="sysIcon_c01"></image>
+            <view class="text04 FlexColumn">
+              <view class="text041">{{item.QuestionEnglish}}</view>
+              <view class="text042" wx:if="{{IsShowTranslate}}">{{item.QuestionChinese}}</view>
+            </view>
+            
+          </view>
+          <view class="panelAnswer3 FlexColumn" >
+            <view class="panelAnswer31 {{ item.AnswerNumber==indexChild && IsShowAnswer?'panelAnswer310':'' }} FlexRow" wx:for="{{item.OptionsEnglish}}" wx:key="indexChild" wx:for-item="itemChild" wx:for-index="indexChild" catch:tap="selectedAnswer" data-question="{{index}}" data-index="{{indexChild}}">
+              <view class="panelAnswer311 {{ item.AnswerNumber==indexChild && IsShowAnswer?'panelAnswer3110':'' }}" wx:if="{{indexChild!=item.UserAnswer}}"></view>
+              <view class="panelAnswer311 panelAnswer3110 FlexColumn" wx:if="{{indexChild==item.UserAnswer}}">
+                <image wx:if="{{ThemeCSS=='DarkColor'}}" src="../images/sysIcon_a10.png" class="sysIcon_a10"></image>
+                <image wx:if="{{ThemeCSS=='LightColor'}}" src="../images/sysIcon_a11.png" class="sysIcon_a10"></image>
+              </view>
+              <view class="text05 FlexColumn">
+              <view class="text051">{{itemChild}}</view>
+              <view class="text052" wx:if="{{IsShowTranslate}}">{{item.OptionsChinese[indexChild]}}</view>
+            </view>
+            </view>
+          </view>
+        </view>
+      </swiper-item>
+    </swiper>    
+    <view class="panelLine2"></view>
+    <view class="panelAnswer4 FlexRow">
+      <view class="btn1 FlexRow" catch:tap="showData" data-name="IsShowAnswer"><block wx:if="{{!IsShowAnswer}}">看答案</block><block wx:if="{{IsShowAnswer}}">关答案</block></view>
+      <view class="btn1  {{ CurrentQuestionIndex+1==Content.Question.length?'btn10':'' }} FlexRow" catch:tap="nextQuestion">下一题</view>
+    </view>
+    <view class="btnClose" capture-bind:tap="showData" data-name="IsShowQuestion">隐藏</view>
+  </view>
+
+  <!-- 设置 -->
+  <view wx:if="{{IsShowSetting}}" class="panelAnswer FlexColumn">
+    <view class="text03 text06">阅读设置</view>
+    <view class="btn2 FlexRow" catch:tap="showData" data-name="IsShowTranslate">
+      <image  wx:if="{{ThemeCSS=='DarkColor'}}" src="../images/sysIcon_b02.png" class="sysIcon_b02"></image>
+      <image  wx:if="{{ThemeCSS=='LightColor'}}" src="../images/sysIcon_b03.png" class="sysIcon_b02"></image>
+      <view>中英对照</view>
+    </view>
+    <view class="panelAnswer5 FlexColumn">
+      <view class="panelAnswer51 FlexRow">
+        <view class="text12">突出关键词</view>
+        <switch class="switchClass" bindchange="showData" checked="true" data-name="IsShowKeyword"/>
+      </view>
+      <view class="text13">用亮色强调用来生成短文的单词</view>
+    </view>
+    <view class="panelLine3"></view>
+    <view class="panelAnswer5 FlexColumn">
+      <view class="panelAnswer51 panelAnswer510 FlexRow">
+        <view class="text12">浅色方案</view>
+        <switch class="switchClass" bindchange="showData"  data-name="IsShowLightColor"/>
+      </view>
+    </view>
+    
+    <view class="btnClose btnClose2 FlexRow" capture-bind:tap="showData" data-name="IsShowSetting">
+      <image  wx:if="{{ThemeCSS=='DarkColor'}}" src="../images/sysIcon_a03.png" class="sysIcon_a03"></image>
+      <image  wx:if="{{ThemeCSS=='LightColor'}}" src="../images/sysIcon_a09.png" class="sysIcon_a03"></image>
+    </view>
+  </view>
+
+</view>
+
+
+
+<view wx:if="{{IsShowPanelHelp}}" 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">
+      <text class="text07">上面看短文\n下面做题目，右下角还有调节功能</text>
+      <view class="btn3 FlexColumn" bind:tap="closeHelp">知道了</view>
+    </view>
+  </view>
+</view>
+
+<view wx:if="{{IsBuilding}}" class="panelBuilding container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
+  <view class="panelBuilding1 FlexColumn">
+    <image src="../images/pic_03.png" class="pic_03"></image>
+    <view class="panelBuilding11 FlexColumn">
+      <text class="text08">生成中</text>
+      <text class="text09">还需要5……10秒左右\n感谢您耐心等待</text>
+    </view>
+    <view class="panelBuilding12 FlexColumn">
+      <text class="text10">Vocabulary:</text>
+      <text class="text11">{{Words}}</text>
+    </view>
+  </view>
+</view>

pages/main/article.wxss

@@ -0,0 +1,542 @@
+.DarkColor{
+  background-color: #004433;
+  color:#C1E1C1;
+}
+.LightColor{
+  background-color: #D0ECD3;
+  color:#151815;
+}
+
+.panel1{
+  width:670rpx;
+  margin: 50rpx 0 250rpx 0;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+
+.textArticle{
+  width:670rpx;
+  font-size: 48rpx;
+  line-height: 90rpx;
+  font-weight: 400;
+}
+
+.textArticleTranslate{
+  font-weight: 400;
+  font-size: 28rpx;
+  width:100%;
+  margin: 20rpx 0 0 0;
+}
+
+.DarkColor .textArticleTranslate{
+  color: #A6FCA6;
+}
+.LightColor .textArticleTranslate{
+  color: #5A7D5A;
+}
+
+
+.panelLine{
+  width:100%;
+  height:8rpx;
+  margin: 20rpx 0;
+}
+.DarkColor .panelLine{
+  background: rgba(0,0,0,0.20);
+}
+.LightColor .panelLine{
+  background: rgba(255,255,255,0.60);
+}
+
+.DarkColor .highlight{
+  color: #FFDD88; 
+  font-weight: bold;
+}
+
+.LightColor .highlight{
+  color:#009933;
+  font-weight: bold;
+}
+
+
+.DarkColor .panelFooter{
+  width: 100%;
+  height:180rpx;
+  background-image: linear-gradient(180deg, #004433 0%, #002C21 100%);
+  position: fixed;
+  bottom: 0rpx;
+  align-items: flex-start;
+  z-index: 10;
+}
+
+.LightColor .panelFooter{
+  width: 100%;
+  height:180rpx;
+  background-color: #D0ECD3;
+  position: fixed;
+  bottom: 0rpx;
+  align-items: flex-start;
+  z-index: 10;
+}
+
+.panelFooter1{
+  width:730rpx;
+  height:140rpx;
+  color:#F2F2F2;
+  background: #1E1E1E;
+  box-shadow: 0 30rpx 0 0 #0C0C0C;
+  border-radius: 10rpx 10rpx 60rpx 60rpx;
+}
+.panelFooter10{
+  background-color: #303030;
+  font-size:24rpx;
+}
+.panelFooter11{
+  width:160rpx;
+  height:120rpx;
+  border-radius: 5rpx 10rpx 10rpx 50rpx;
+}
+.panelFooter12{
+  width:370rpx;
+  height:120rpx;
+  border-radius: 10rpx 10rpx 10rpx 10rpx;
+  margin: 0 10rpx;
+  font-size:36rpx;
+}
+.panelFooter13{
+  width:160rpx;
+  height:120rpx;
+  border-radius: 10rpx 5rpx 50rpx 10rpx;
+}
+.text02{
+  font-size:24rpx;
+  margin-top: 17rpx;
+}
+
+.sysIcon_a03{
+  width:20rpx;
+  height:20rpx;
+}
+
+
+.panelHelp{
+  background-color: rgba(0,0,0,0.00);
+  z-index: 20;
+  position: fixed;
+  top:0;
+}
+
+.panelHelp1{
+  width: 100%;
+  position: fixed;
+  bottom:902rpx;
+}
+
+.sysIcon_b07{
+  width:100%;
+  height: 697rpx;
+  position: absolute;
+}
+
+.panelHelp2{
+  position: absolute;
+  left:0;
+  right:0;
+  top:180rpx;
+}
+
+.text07{
+  font-size: 36rpx;
+  color: #2E2E2E;
+  text-align: center;
+  width:550rpx;
+}
+.btn3{
+  width:310rpx;
+  height:90rpx;
+  background: #303030;
+  border-radius: 20rpx;
+  color:#F2F2F2;
+  margin-top: 50rpx;
+}
+
+.panelBuilding{
+  background-image: linear-gradient(180deg, rgba(0,68,51,0.70) 0%, rgba(0,20,15,0.90) 100%);
+  z-index: 20;
+  position: fixed;
+  top:0;
+}
+
+.panelBuilding1{
+  width: 100%;
+  position: fixed;
+  top:145rpx;
+}
+
+.pic_03{
+  width:100%;
+  height:880rpx;
+  position: absolute;
+  top:0;
+}
+
+.panelBuilding11{
+  position: absolute;
+  top: 190rpx;
+  color: #2E2E2E;
+}
+
+.text08{
+  font-size: 48rpx;
+}
+.text09{
+  font-size: 28rpx;
+  text-align: center;
+  margin-top: 20rpx;
+}
+
+.panelBuilding12{
+  position: absolute;
+  top: 610rpx;
+  color: #FDAD94;
+}
+
+.text10{
+  font-size: 24rpx;
+  text-align: center;
+}
+.text11{
+  font-size: 28rpx;
+  text-align: center;
+  margin-top: 10rpx;
+  font-weight: 400;
+  width: 580rpx;
+}
+
+.panelAnswer{
+  width:100%;
+  position: fixed;
+  bottom:0;
+  z-index: 10;
+  border-radius: 60rpx 60rpx 0 0;
+  justify-content: flex-start;
+}
+
+.DarkColor .panelAnswer{
+  background: #1E1E1E;
+  color: #C1E1C1;
+}
+
+.LightColor .panelAnswer{
+  background: #FFFFFF;
+  color: #2E2E2E;
+}
+
+.text03{
+  font-size: 28rpx;
+  align-self: start;
+  margin: 50rpx 0 0 40rpx;
+}
+
+.DarkColor .text03{
+  background: #1E1E1E;
+  color: #C1E1C1;
+}
+
+.LightColor .text03{
+  background: #FFFFFF;
+  color: #2E2E2E;
+}
+
+.btnClose{
+  width: 88rpx;
+  line-height:60rpx;
+  border-radius: 20rpx;
+  font-size:24rpx;
+  text-align: center;
+  position: absolute;
+  top:40rpx;
+  right:40rpx;
+}
+
+.DarkColor .btnClose{
+  background: #303030;
+  color:#F2F2F2;
+}
+
+.LightColor .btnClose{
+  background: #F0F0F0;
+  color:#2E2E2E;
+}
+
+.btnClose2{
+  width: 60rpx;
+  height:60rpx;
+  border-radius: 50%;
+  top:40rpx;
+  right:40rpx;
+}
+
+
+.panelAnswer1{
+  width: 100%;
+  min-height: 526rpx;
+}
+
+.DarkColor .panelAnswer1{
+  background-color: #1e1e1e;
+  /* background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.30) 100%); */
+}
+.LightColor .panelAnswer1{
+  background-color: #FFFFFF;
+}
+.panelAnswer1Item{
+  margin-top: 20rpx;
+  width: 750rpx;
+}
+.DarkColor .panelAnswer1Item1{
+  background-color: #1e1e1e;
+}
+.LightColor .panelAnswer1Item1{
+  background-color: #fff;
+}
+.panelAnswer2{
+  width:100%;
+  margin: 30rpx 0 0 0;
+  align-items: flex-start;
+}
+.sysIcon_c01{
+  width: 40rpx;
+  height:40rpx;
+  margin: 10rpx 30rpx 0 0;
+}
+
+.text04{
+  width: 600rpx;
+  word-wrap: break-word;
+  white-space: normal;
+}
+.text041{
+  width:100%;
+  font-size: 48rpx;
+  word-wrap: break-word;
+  white-space: normal;
+}
+.text042{
+  width:100%;
+  font-weight: 400;
+  font-size: 28rpx;
+  margin:10rpx 0 0 0;
+}
+
+.panelAnswer3{
+  width:100%;
+  margin-top: 40rpx;
+}
+.panelAnswer31{
+  width:100%;
+  justify-content: flex-start;
+}
+
+.DarkColor .panelAnswer31{
+  background: #1e1e1e;
+}
+.LightColor .panelAnswer31{
+  background: #fff;
+  color: #2E2E2E;
+}
+
+.DarkColor .panelAnswer310{
+  background: #C1E1C1;
+  color: #004433;
+}
+.LightColor .panelAnswer310{
+  background: #009933;
+  color: #FFFFFF;
+}
+
+.panelAnswer311{
+  border-radius: 50%;
+  width:40rpx;
+  height:40rpx;
+  margin: 0 30rpx 0 40rpx;
+}
+
+
+.DarkColor .panelAnswer311{
+  background: #303030;
+  border: 3rpx solid #4D4D4D;
+}
+.LightColor .panelAnswer311{
+  background: #F8F8F8;
+  border: 3rpx solid #D2D2D2;
+}
+
+.DarkColor .panelAnswer3110{
+  background: #C1E1C1;
+  border: 3rpx solid #C1E1C1;
+}
+.LightColor .panelAnswer3110{
+  background: #009933;
+  border: 3rpx solid #009933;
+}
+
+.sysIcon_a10{
+  width:20rpx;
+  height:16rpx;
+}
+
+.text05{
+  width: 600rpx;
+  margin: 20rpx 0;
+}
+.text051{
+  width:100%;
+  font-weight: 400;
+  font-size: 36rpx;
+}
+.text052{
+  width:100%;
+  font-weight: 400;
+  font-size: 28rpx;
+  margin:10rpx 0 0 0;
+}
+
+.DarkColor .panelLine2{
+  width:100%;
+  height:10rpx;
+  background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.30) 100%);
+}
+.LightColor .panelLine2{
+  width:100%;
+  height:10rpx;
+  background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.10) 100%);
+}
+
+.panelAnswer4{
+  width:100%;
+}
+
+.btn1{
+  border-radius: 20rpx;
+  width:310rpx;
+  height:90rpx;
+  margin:60rpx 15rpx;
+  font-size: 36rpx;
+}
+
+
+.DarkColor .btn1{
+  background: #303030;
+}
+.LightColor .btn1{
+  background: #F0F0F0;
+}
+
+.btn10{
+  color: #1E1E1E;
+}
+
+.text06{
+  font-size: 28rpx;
+  color: #F2F2F2;
+}
+
+.btn2{
+  width:670rpx;
+  height:90rpx;
+  border-radius: 20rpx;
+  margin: 70rpx 0 40rpx 0;
+}
+
+.DarkColor .btn2{
+  background: #303030;
+  color:#F2F2F2;
+}
+
+.LightColor .btn2{
+  background: #F0F0F0;
+  color:#2E2E2E;
+}
+
+.sysIcon_b02{
+  width:38rpx;
+  height:28rpx;
+  margin-right: 20rpx;
+}
+
+.panelAnswer5{
+  width:100%;
+}
+.panelAnswer51{
+  width:100%;
+  justify-content: space-between;
+  margin: 40rpx 0;
+}
+.text12{
+  margin-left: 40rpx;
+  font-size: 28rpx;
+}
+
+.DarkColor .text12{
+  color:#F2F2F2;
+}
+
+.LightColor .text12{
+  color:#2E2E2E;
+}
+
+.text13{
+  width: 670rpx;
+  font-size: 24rpx;
+  margin-bottom: 30rpx;
+}
+
+.DarkColor .text13{
+  color: #E3E3E3;
+}
+
+.LightColor .text13{
+  color:#787878;
+}
+.panelLine3{
+  width:670rpx;
+  height:1rpx;
+  background-color: #787878;
+}
+.panelAnswer510{
+  margin-bottom: 100rpx;
+}
+.switchClass{
+  margin-right: 40rpx;
+}
+
+.wx-swiper-dot {
+  width: 14rpx !important;
+  height: 14rpx !important;
+  margin-left: 5rpx !important;
+  margin-right: 5rpx !important;
+}
+
+
+.DarkColor .wx-swiper-dot {
+  background-color: #4d4d4d !important;
+}
+
+.LightColor .wx-swiper-dot {
+  background-color: #D2D2D2 !important;
+}
+
+.DarkColor .wx-swiper-dot-active {
+  background-color: #C1E1C1 !important;
+}
+.LightColor .wx-swiper-dot-active {
+  background-color: #787878 !important;
+}
+
+/* 自定义swiper指示点位置 */
+.wx-swiper-dots {
+  position: absolute;
+  right: -20rpx !important;
+  left: unset !important;
+}

pages/main/index.js

@@ -0,0 +1,30 @@
+import common from '../../utils/util';
+import main from '../../utils/main';
+
+const app = getApp();
+
+Page({
+  data: {
+  },
+  onLoad: function (options) {
+    var that = this;
+    that.setData({
+      Containnerheight: main.getWindowHeight(),
+      Version:app.globalData.Version,
+    });
+  },
+  goto: function (e) {
+    let that=this;
+    var url=e.currentTarget.dataset.url;
+    wx.navigateTo({
+      url: url,
+    });
+  },
+  onShareAppMessage: function () {
+    return {
+      title: app.globalData.ShareTitle,
+      path: app.globalData.SharePath + '?UserID=' + app.globalData.userInfo.UserID,
+      imageUrl: app.globalData.ShareImage,
+    }
+  },
+})

pages/main/index.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/main/index.wxml

@@ -0,0 +1,32 @@
+<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
+  <view class="panelTop FlexColumn">
+    <view class="panel1 FlexColumn">
+      <image src="../images/pic_01.png" class="pic_01"></image>
+    </view>
+
+    <view class="panel2 FlexColumn">
+      <view class="btn01 FlexColumn" bind:tap="goto" data-url="wordsinput">
+        <view>制作</view>
+      </view>
+      <view class="btn02 FlexColumn">
+        <view>我的文库</view>
+      </view>
+    </view>
+
+    <view class="panel3 FlexColumn">
+      <view class="panel31 FlexRow">
+        <image src="../images/sysIcon_a01.png" class="sysIcon_a01"></image>
+        <view>提升用AI生成短文质量的技巧</view>
+      </view>
+      <view class="panelLine"></view>
+      <view class="panel31 FlexRow">
+        <view class="text04">纠错与建议</view>
+        <image src="../images/sysIcon_a02.png" class="sysIcon_a02"></image>
+      </view>
+    </view>
+  </view>
+  <view class="panelFooter FlexColumn">
+    <image src="../images/pic_02.png" class="pic_02"></image>
+    <view class="text03">©2025 秒过语境背单词 {{Version}}</view>
+  </view>
+</view>

pages/main/index.wxss

@@ -0,0 +1,94 @@
+.panelTop{
+  width:100%;
+  position: fixed;
+  top:0;
+  z-index: 10;
+}
+
+.panel1{
+  position: relative;
+  margin-top: 80rpx;
+  color: #C1E1C1;
+  width: 600rpx;
+  align-items: flex-start;
+  align-self: start;
+}
+.pic_01{
+  width:431rpx;
+  height:351rpx;
+  margin:0 0 0 100rpx;
+}
+.panel2{
+  margin: 87rpx 0 0 0;
+  width: 100%;
+}
+
+.btn01{
+  width: 590rpx;
+  height:100rpx;
+  background: #CA4B15;
+  box-shadow: 0 20rpx 0 0 #702F14, 0 40rpx 0 0 rgba(0,0,0,0.30);
+  border-radius: 30rpx;
+  font-size: 48rpx;
+}
+
+.btn02{
+  width: 590rpx;
+  height:100rpx;
+  margin: 80rpx 0 40rpx 0;
+  background: #004433;
+  border: 5rpx solid #C1E1C1;
+  border-radius: 30rpx;
+  font-size: 36rpx;
+  color: #C1E1C1;
+}
+
+.panel3{
+  width:360rpx;
+  align-self: start;
+  margin-left: 120rpx;
+  font-size: 24rpx;
+  color: #C1E1C1;
+}
+
+.panel31{
+  width:100%;
+  height:93rpx;
+  justify-content: flex-start;
+}
+.sysIcon_a01{
+  width:24rpx;
+  height:24rpx;
+  margin: 0 10rpx 0 0;
+}
+
+.panelLine{
+  width: 360rpx;
+  height: 1rpx;
+  background-color: #C1E1C1;
+}
+
+.sysIcon_a02{
+  width:10rpx;
+  height:18rpx;
+  margin: 0 0 0 10rpx;
+}
+
+.panelFooter{
+  width:100%;
+  position: fixed;
+  bottom: 0;
+}
+
+.pic_02{
+  width:100%;
+  height:340rpx;
+}
+
+.text03{
+  position: absolute;
+  bottom:30rpx;
+  left:50rpx;
+  font-size: 20rpx;
+  color: #544641;
+}

pages/main/ocr.js

@@ -0,0 +1,232 @@
+import common from '../../utils/util';
+import main from '../../utils/main';
+
+const app = getApp();
+
+Page({
+  data: {
+    Menu:[],
+  },
+  onLoad: function (options) {
+  },
+  onShow:function(){
+    var that = this;
+    that.setData({
+      Menu:[{Name:"相册",CSS:"",Fun:"chooseImage"},{Name:"拍照",CSS:"Selected",Fun:"retake"}]
+    });
+  },
+  retake() {
+    this.data.Menu[0].CSS="";
+    this.data.Menu[1].CSS="Selected";
+    this.setData({
+      Menu:this.data.Menu,
+    });
+  },
+  // 拍照识别
+  takePhoto() {
+    const ctx = wx.createCameraContext();
+    ctx.takePhoto({
+      quality: 'high',
+      success: (res) => {
+        this.setData({
+          imageUrl: res.tempImagePath,
+          cameraActive: false,
+          showCanvas: true
+        })
+        this.performOCR(res.tempImagePath)
+      },
+      fail: (err) => {
+        console.error('拍照失败:', err)
+        wx.showToast({
+          title: '拍照失败，请重试',
+          icon: 'none'
+        })
+      }
+    })
+  },
+  chooseImage() {
+    this.data.Menu[0].CSS="Selected";
+    this.data.Menu[1].CSS="";
+    this.setData({
+      Menu:this.data.Menu,
+    });
+
+    wx.chooseMedia({
+      count: 1,
+      mediaType: ['image'],
+      sourceType: ['album'],
+      success: (res) => {
+        const tempFilePath = res.tempFiles[0].tempFilePath
+        this.setData({
+          imageUrl: tempFilePath,
+          cameraActive: false,
+          showCanvas: true
+        })
+        this.performOCR(tempFilePath)
+      },
+      fail: (err) => {
+        console.error('选择图片失败:', err)
+        wx.showToast({
+          title: '选择图片失败',
+          icon: 'none'
+        })
+      }
+    })
+  },
+  // 加强版的OCR识别方法
+  async performOCR(imagePath) {
+    if (!imagePath) {
+      console.error('图片路径无效')
+    }
+
+    wx.showLoading({ title: '识别中...', mask: true })
+
+    try {
+      // 1. 压缩图片
+      const compressed = await new Promise((resolve, reject) => {
+        wx.compressImage({
+          src: imagePath,
+          quality: 70,
+          success: resolve,
+          fail: () => resolve({ tempFilePath: imagePath })
+        })
+      })
+      //console.log("1");
+      // 2. 转换为base64
+      const fileRes = await new Promise((resolve, reject) => {
+        wx.getFileSystemManager().readFile({
+          filePath: compressed.tempFilePath,
+          encoding: 'base64',
+          success: resolve,
+          fail: reject
+        })
+      })
+      //console.log("2");
+      // 3. 调用云函数（添加超时处理）
+      let postData={ ImageBase64: `data:image/jpeg;base64,${fileRes.data}` };
+      
+      let url = common.Encrypt("OCRImageData");
+      url=app.globalData.serverUrl+url;
+      //console.log("url:"+url);
+      const cloudRes = await new Promise((resolve, reject) => {
+        wx.request({
+          url: url,
+          method: "POST",
+          data: postData,
+          success: resolve,
+          fail: reject,
+        })
+      });
+      //console.log("3");
+
+      // 4. 验证返回结果
+      if (!cloudRes || !cloudRes.data.result) {
+        throw new Error('无效的响应格式')
+      }
+      //console.log("4");
+      if (!cloudRes.data.result) {
+        throw new Error(cloudRes.data.result.message || '识别服务返回空数据')
+      }
+
+      // 5. 处理识别结果
+      const texts = cloudRes.data.result.TextDetections.map(item => ({
+        text: item.DetectedText || '未识别到文字',
+        pos: this.convertPosition(item.ItemPolygon || { Points: [] })
+      })).filter(item => item.DetectedText !== '未识别到文字')
+
+      //console.log("5");
+
+      if (texts.length === 0) {
+        throw new Error('未识别到有效文字')
+      }
+
+      // 6.提取英文单词
+      const engTexts=this.extractEnglishWords(texts);
+
+      let arr=[];
+      for(var i=0;i<engTexts.length;i++){
+        let obj={};
+        obj.Word=engTexts[i];
+        obj.Selected=0;
+        arr.push(obj);
+      }
+
+      app.globalData.OCRWords=engTexts;
+      wx.navigateTo({
+        url: "./selectword",
+      });
+
+    } catch (err) {
+      console.error('OCR处理失败:', err)
+      wx.showToast({
+        title: err.message || '识别失败',
+        icon: 'none',
+        duration: 3000
+      })
+    } finally {
+      wx.hideLoading()
+    }
+  },
+
+  // 加强坐标转换
+  convertPosition(polygon) {
+    try {
+      const points = polygon.Points || []
+      if (points.length === 0) {
+        return { x: 50, y: 50, width: 200, height: 30 }
+      }
+
+      const xs = points.map(p => p.X || 0)
+      const ys = points.map(p => p.Y || 0)
+      return {
+        x: Math.min(...xs),
+        y: Math.min(...ys),
+        width: Math.max(...xs) - Math.min(...xs),
+        height: Math.max(...ys) - Math.min(...ys)
+      }
+    } catch (e) {
+      return { x: 50, y: 50, width: 200, height: 30 }
+    }
+  },
+
+  // 提取英语单词的函数 - 增强版
+  extractEnglishWords(texts) {
+    console.group('英语单词提取');
+    const words = new Set();
+    
+    texts.forEach(item => {
+      const text = item.text;
+      console.log('处理文本:', text);
+      
+      // 改进的正则表达式，能更好处理中英文混合文本
+      const wordRegex = /(?:^|\s|[\u4e00-\u9fa5])([A-Za-z]{2,}(?:['’-][A-Za-z]+)*)(?=$|\s|[\u4e00-\u9fa5])/g;
+      
+      let match;
+      while ((match = wordRegex.exec(text)) !== null) {
+        const word = match[1];
+        console.log('匹配到单词:', word);
+        
+        // 验证单词有效性
+        if (/^[A-Za-z'’-]+$/.test(word)) {
+          const lowerWord = word.toLowerCase();
+          words.add(lowerWord);
+          console.log('添加单词:', lowerWord);
+        }
+      }
+    });
+    
+    //const result = Array.from(words).sort();
+    const result=Array.from(words);
+    console.log('提取结果:', result);
+    console.groupEnd();
+    return result;
+  },
+
+  onShareAppMessage: function () {
+    return {
+      title: app.globalData.ShareTitle,
+      path: app.globalData.SharePath + '?UserID=' + app.globalData.userInfo.UserID,
+      imageUrl: app.globalData.ShareImage,
+    }
+  },
+})

pages/main/ocr.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "拍照",
+  "usingComponents": {}
+}

pages/main/ocr.wxml

@@ -0,0 +1,14 @@
+<view class="container FlexColumn">
+  <view class="camera-container">
+    <camera device-position="back" flash="auto" class="camera"></camera>
+    <view class="btnCamera FlexColumn" bindtap="takePhoto">
+      <image src="../images/sysIcon_b05.png" class="sysIcon_b05"></image>
+    </view>
+  </view>
+  <view class="panelFooter FlexRow">
+    <view class="btn btn{{item.CSS}} FlexColumn" bindtap="{{item.Fun}}" wx:for="{{Menu}}" wx:key="index">
+      <view>{{item.Name}}</view>
+      <view class="panelLine panelLine{{item.CSS}}"></view>
+    </view>
+  </view>
+</view>

pages/main/ocr.wxss

@@ -0,0 +1,57 @@
+
+.container {
+  height: 100vh;
+}
+
+.camera-container {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+.camera {
+  width: 100%;
+  height: 100%;
+}
+
+.btnCamera{
+  width: 220rpx;
+  height: 220rpx;
+  position: fixed;
+  left:265rpx;
+  right:265rpx;
+  bottom: 180rpx;
+  z-index: 20;
+}
+.sysIcon_b05{
+  width: 220rpx;
+  height: 220rpx;
+}
+.panelFooter{
+  width: 100%;
+  position: fixed;
+  bottom: 0;
+  background: #004433;
+  z-index: 10;
+}
+
+.btn{
+  width: 50%;
+  height:120rpx;
+  font-size: 36rpx;
+  color: #C1E1C1;
+  justify-content: flex-end;
+}
+.btnSelected{
+  color: #FFDD88;
+}
+.panelLine{
+  width: 72rpx;
+  height: 14rpx;
+  margin-top: 21rpx;
+}
+.panelLineSelected{
+  width: 72rpx;
+  height: 14rpx;
+  background-color: #FFDD88;
+}

pages/main/paste.js

@@ -0,0 +1,60 @@
+import common from '../../utils/util';
+import main from '../../utils/main';
+
+const COUNT_MAX=10;
+const app = getApp();
+
+Page({
+  data: {
+    Words:"",
+  },
+  onLoad: function (options) {
+    let that = this;
+    let words=app.globalData.SelectedWords.join("\n");
+    that.setData({
+      Containnerheight: main.getWindowHeight(),
+      Words:words, 
+    });
+    that.handlePaste();
+  },
+  handlePaste: function(e) {
+    let that = this;
+    // 获取剪贴板内容
+    wx.getClipboardData({
+      success: function(res) {
+        // res.data 包含剪贴板的内容
+        let pasteData = res.data;
+        
+        // 这里可以处理粘贴的数据，比如按空格分割成单词
+        let words = pasteData.split(/[\r\n]+/);  // 按空格分割
+        
+        // 过滤掉空字符串和非单词内容
+        words = common.filterWordsWithSpecialChars(words);
+        //debugger;
+        let str="";
+        if (that.data.Words)
+          str+=that.data.Words+"\n";
+        str+=words.join("\n");
+        that.setData({
+          Words: str,
+        });
+      },
+      fail: function(err) {
+        console.error('获取剪贴板失败', err);
+      }
+    });
+  },
+  submit:function(){
+    app.globalData.SelectedWords=this.data.Words.split("\n");
+    wx.navigateBack({
+      delta: 1
+    });
+  },
+  onShareAppMessage: function () {
+    return {
+      title: app.globalData.ShareTitle,
+      path: app.globalData.SharePath + '?UserID=' + app.globalData.userInfo.UserID,
+      imageUrl: app.globalData.ShareImage,
+    }
+  },
+})

pages/main/paste.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "粘贴",
+  "usingComponents": {}
+}

pages/main/paste.wxml

@@ -0,0 +1,24 @@
+<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
+  <view class="panel1 FlexRow">
+    <view class="text01">1行1个单词或词组</view>
+    <view class="panel11 FlexRow">
+      <image src="../images/sysIcon_a01.png" class="sysIcon_a01"></image>
+      <view>范例</view>
+    </view>
+  </view>
+
+  <view class="panel2 FlexRow">
+    <view class="panel21 FlexRow">
+      <view class="panel211 FlexColumn">
+        <view class="text03" wx:for="{{[1,2,3,4,5,6,7,8,9,10]}}" wx:key="index">{{item}}</view>
+      </view>
+      <textarea class="text04" focus="true" value="{{Words}}" />
+    </view>
+  </view>
+
+  <view class="panelFooter FlexRow">
+    <view class="panelFooter1 FlexRow">
+      <view class="panelFooter13 panelFooter10 FlexColumn" bind:tap="submit">确定</view>
+    </view>
+  </view>
+</view>

pages/main/paste.wxss

@@ -0,0 +1,95 @@
+
+.panel1{
+  width:100%;
+  height:140rpx;
+  color: #C1E1C1;
+  justify-content: space-between;
+  position: relative;
+}
+
+.text01{
+  font-size: 36rpx;
+  margin-left: 70rpx;
+}
+
+.panel11{
+  margin-right: 70rpx;
+  font-size:24rpx;
+}
+.sysIcon_a01{
+  width:24rpx;
+  height:24rpx;
+  margin-right: 10rpx;
+}
+
+
+.panel2{
+  width:690rpx;
+  min-height:150rpx;
+  background: #002F24;
+  box-shadow: 0 10rpx 0 0 rgba(0,0,0,0.50);
+  border-radius: 40rpx;
+  justify-content: flex-start;
+}
+
+.panel21{
+  width: 630rpx;
+  margin: 30rpx;
+  font-size: 36rpx;
+  border-radius: 20rpx;
+  background-color: #004433;
+  justify-content: flex-start;
+}
+.panel211{
+  margin: 25rpx 30rpx 15rpx 0;
+  align-items: flex-start;
+}
+.text03{
+  width: 30rpx;
+  margin-bottom: 10rpx;
+  font-size: 28rpx;
+  color: #728173;
+  margin-left: 30rpx;
+}
+.text04{
+  width:510rpx;
+  height:500rpx;
+  font-size: 36rpx;
+  color: #FFDD88;
+  line-height: 49rpx;
+}
+
+.panelFooter{
+  width: 100%;
+  height:180rpx;
+  background-image: linear-gradient(180deg, #004433 0%, #002C21 100%);
+  position: fixed;
+  bottom: 0rpx;
+  align-items: flex-start;
+  z-index: 10;
+}
+
+.panelFooter1{
+  width:730rpx;
+  height:140rpx;
+  color:#F2F2F2;
+  background: #1E1E1E;
+  box-shadow: 0 30rpx 0 0 #0C0C0C;
+  border-radius: 10rpx 10rpx 60rpx 60rpx;
+}
+
+.panelFooter10{
+  background-color: #303030;
+  font-size:24rpx;
+}
+
+.panelFooter13{
+  width:710rpx;
+  height:120rpx;
+  border-radius: 5rpx 5rpx 50rpx 50rpx;
+  font-size:36rpx;
+}
+.text02{
+  font-size:24rpx;
+  margin-top: 17rpx;
+}

pages/main/selectword.js

@@ -0,0 +1,98 @@
+import common from '../../utils/util';
+import main from '../../utils/main';
+
+const COUNT_MAX=10;
+const app = getApp();
+
+Page({
+  data: {
+    IsShowAlert:false,
+    Count:0,
+    CountMax:COUNT_MAX,
+    Words:[],
+  },
+  onLoad: function (options) {
+    var that = this;
+    let words=app.globalData.OCRWords;
+    that.data.Words=[];
+    for(let i=0;i<words.length;i++){
+      let obj={};
+      obj.Name=words[i];
+      obj.CSS="";
+      that.data.Words.push(obj);
+    }
+    let list=app.globalData.SelectedWords;
+    that.setData({
+      Containnerheight: main.getWindowHeight(),
+      Words:that.data.Words,
+      CountMax:COUNT_MAX-list.length,
+    });
+  },
+  selectWord:function(e){
+    let word=e.currentTarget.dataset.word;
+    let list=this.data.Words;
+    let count=0;
+    for(let i=0;i<list.length;i++){
+        if(word==list[i].Name){
+          if (list[i].CSS)
+            list[i].CSS="";
+          else if(count<this.data.CountMax && this.data.Count<this.data.CountMax)
+            list[i].CSS="Selected";
+        }
+        if(list[i].CSS=="Selected"){
+          count++;
+        }
+    }
+    if (count>0){
+      this.setData({
+        IsShowAlert:false,
+      });
+    }
+    else{
+      this.setData({
+        IsShowAlert:true,
+      });
+    }
+    this.setData({
+      Words:list,
+      Count:count,
+    });
+  },
+  goto: function (e) {
+    let that=this;
+    var url=e.currentTarget.dataset.url;
+    wx.navigateTo({
+      url: url,
+    });
+  },
+  close:function(n){
+    if (!n)
+      n=1;
+    wx.navigateBack({
+      delta: n
+    })
+  },
+  submit:function(){
+    if (this.data.Count==0){
+      this.setData({
+        IsShowAlert:true,
+      });
+    }
+    else{
+      let list=this.data.Words;
+      for(let i=0;i<list.length;i++){
+        if(list[i].CSS=="Selected"){
+          app.globalData.SelectedWords.push(list[i].Name);
+        }
+      }
+      this.close(2);
+    }
+  },
+  onShareAppMessage: function () {
+    return {
+      title: app.globalData.ShareTitle,
+      path: app.globalData.SharePath + '?UserID=' + app.globalData.userInfo.UserID,
+      imageUrl: app.globalData.ShareImage,
+    }
+  },
+})

pages/main/selectword.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "选单词",
+  "usingComponents": {}
+}

pages/main/selectword.wxml

@@ -0,0 +1,51 @@
+<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
+  <block wx:if="{{Words.length>0}}">
+    <view class="panel1 FlexRow">
+      <view class="text01">挑选单词1-{{CountMax}}个</view>
+      <view class="panel11 FlexRow">
+        <image src="../images/sysIcon_a01.png" class="sysIcon_a01"></image>
+        <view>提升识别</view>
+      </view>
+    </view>
+    <view class="panel10 FlexRow" wx:if="{{IsShowAlert}}">
+      <view class="panel101 FlexRow">
+        <image src="../images/sysIcon_a03.png" class="sysIcon_a03"></image>
+        <view class="text03">请至少选择1个单词</view>
+      </view>
+    </view>
+
+    <view class="panel2 FlexRow">
+      <view class="panel21 FlexRow">
+        <view class="btn btn{{item.CSS}} FlexRow" wx:for="{{Words}}" wx:key="index" bind:tap="selectWord" data-word="{{item.Name}}">{{item.Name}}</view>
+      </view>
+    </view>
+  </block>
+
+  <block wx:if="{{Words.length==0}}">
+    <view class="panelNull FlexColumn">
+      <image src="../images/pic_05.png" class="pic_05"></image>
+      <view class="text05">未识别到单词</view>
+      <view class="text06">请拍摄含有英语单词、句子的画面</view>
+      <view class="panelNull1 FlexRow">
+        <image src="../images/sysIcon_a01.png" class="sysIcon_a01"></image>
+        <view>提升识别质量</view>
+      </view>
+    </view>
+    <image src="../images/pic_06.png" class="pic_06"></image>
+  </block>
+
+  <view class="panelFooter FlexRow">
+    <view class="panelFooter1 FlexRow">
+      <view class="panelFooter11 panelFooter10 FlexColumn" bindtap="close">
+        <image src="../images/sysIcon_a04.png" class="sysIcon_a03"></image>
+        <view class="text02">拍照</view>
+      </view>
+      <view wx:if="{{Words.length>0}}" class="panelFooter14 panelFooter10 FlexRow" bind:tap="submit">
+        <view>确定</view>
+        <view class="text04 FlexRow">{{Count}}<image src="../images/sysIcon_a06.png" class="sysIcon_a06"></image>{{CountMax}}</view>
+      </view>
+      <view wx:if="{{Words.length==0}}" class="panelFooter14 FlexRow">
+      </view>
+    </view>
+  </view>
+</view>

pages/main/selectword.wxss

@@ -0,0 +1,169 @@
+.panel1{
+  width:100%;
+  height:140rpx;
+  color: #C1E1C1;
+  justify-content: space-between;
+  position: relative;
+}
+
+.text01{
+  font-size: 36rpx;
+  margin-left: 70rpx;
+}
+
+.panel11{
+  margin-right: 70rpx;
+  font-size:24rpx;
+}
+.sysIcon_a01{
+  width:24rpx;
+  height:24rpx;
+  margin-right: 10rpx;
+}
+
+.panel10{
+  position: fixed;
+  top:0;
+  width: 100%;
+  height:140rpx;
+  z-index: 10;
+  justify-content: flex-start;
+  background-image: linear-gradient(180deg, #004433 0%, rgba(0,46,34,0.80) 100%);
+}
+
+.panel101{
+  background: #CA4B15;
+  border-radius: 10rpx;
+  height:70rpx;
+  margin-left: 30rpx;
+  padding: 0 30rpx;
+}
+
+.text03{
+  font-size:24rpx;
+  color:#fff;
+  margin-left: 20rpx;
+}
+
+.sysIcon_a03{
+  width:20rpx;
+  height:20rpx;
+}
+
+.panel2{
+  width:690rpx;
+  min-height:150rpx;
+  background: #002F24;
+  box-shadow: 0 10rpx 0 0 rgba(0,0,0,0.50);
+  border-radius: 40rpx;
+  justify-content: flex-start;
+}
+.panel21{
+  width: 655rpx;
+  margin: 40rpx 0 20rpx 30rpx;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+
+.btn{
+  min-width: 88rpx;
+  height:90rpx;
+  background: #061A1B;
+  border-radius: 20rpx;
+  margin: 0 20rpx 20rpx 0;
+  color:#C1E1C1;
+  font-weight: 400;
+  padding: 0 20rpx;
+  font-size: 36rpx;
+}
+.btnSelected{
+  background: #004433;
+  color:#FFDD88;
+  font-weight: 700;
+  padding: 0 18rpx;
+}
+
+.panelNull{
+  margin-top: 360rpx;
+  color: #C1E1C1;
+}
+
+.pic_05{
+  width:300rpx;
+  height:43rpx;
+}
+
+.text05{
+  font-size: 28rpx;
+  margin-top: 40rpx;
+}
+
+.text06{
+  font-weight: 400;
+  font-size: 24rpx;
+  margin: 10rpx 0 0 0;
+}
+.panelNull1{
+  margin-top: 40rpx;
+  font-size: 24rpx;
+}
+
+
+.pic_06{
+  width:300rpx;
+  height:144rpx;
+  position: fixed;
+  left:0;
+  bottom:180rpx;
+}
+
+.panelFooter{
+  width: 100%;
+  height:180rpx;
+  background-image: linear-gradient(180deg, #004433 0%, #002C21 100%);
+  position: fixed;
+  bottom: 0rpx;
+  align-items: flex-start;
+  z-index: 10;
+}
+
+.panelFooter1{
+  width:730rpx;
+  height:140rpx;
+  color:#F2F2F2;
+  background: #1E1E1E;
+  box-shadow: 0 30rpx 0 0 #0C0C0C;
+  border-radius: 10rpx 10rpx 60rpx 60rpx;
+}
+.panelFooter10{
+  background-color: #303030;
+  font-size:24rpx;
+}
+.panelFooter11{
+  width:160rpx;
+  height:120rpx;
+  border-radius: 5rpx 10rpx 10rpx 50rpx;
+}
+.panelFooter14{
+  width:540rpx;
+  height:120rpx;
+  border-radius: 10rpx 5rpx 50rpx 10rpx;
+  font-size:36rpx;
+  margin-left: 10rpx;
+}
+.text02{
+  font-size:24rpx;
+  margin-top: 17rpx;
+}
+.text04{  
+  font-size: 28rpx;
+  color: #9B9B9B;
+  position: absolute;
+  right:60rpx;
+}
+.sysIcon_a06{
+  width:10rpx;
+  height:16rpx;
+  margin: 0 10rpx;
+}

pages/main/wordsinput.js

@@ -0,0 +1,198 @@
+import common from '../../utils/util';
+import main from '../../utils/main';
+
+const app = getApp();
+
+Page({
+  data: {
+    Words:[],
+    IsShowAlert:false,
+    IsShowSetPanel:false,
+    IsShowPanelHelp:false,
+  },
+  onLoad: function (options) {
+    var that = this;
+    let grade=wx.getStorageSync('Grade');
+    if (!grade)
+      grade=[{Name:"小学",CSS:"Selected"},{Name:"初中",CSS:""},{Name:"高中",CSS:""},{Name:"大学",CSS:""}];
+    let articleCategory=wx.getStorageSync('ArticleCategory');
+    if (!articleCategory)
+      articleCategory=[{Name:"任意",CSS:"Selected"},{Name:"童话",CSS:""},{Name:"科幻",CSS:""},{Name:"奇幻",CSS:""},{Name:"旅行",CSS:""},{Name:"动物",CSS:""},{Name:"家庭亲子",CSS:""},{Name:"校园生活",CSS:""},{Name:"科普",CSS:""},{Name:"节日文化",CSS:""},{Name:"成长",CSS:""},{Name:"人物励志",CSS:""},{Name:"环保",CSS:""}];
+  
+    const hiddenhelp=wx.getStorageSync('HiddenWordInputHelp');
+
+    that.setData({
+      Containnerheight: main.getWindowHeight(),
+      Grade:grade,
+      ArticleCategory:articleCategory,
+      IsShowPanelHelp:!hiddenhelp,
+      KeyboardBtnName:"next",
+    });
+
+  },
+  onShow:function(e){
+    var that = this;
+    that.data.Words=[];
+    for(let i=0;i<10;i++){
+      let obj={};
+      obj.ID=i+1;
+      if (app.globalData.SelectedWords[i]){
+        obj.Word=app.globalData.SelectedWords[i];
+        obj.CSS="txtWordFinished";
+      }
+      else{
+        obj.Word="";
+        obj.CSS="";
+      }
+      obj.IsError=false;
+      that.data.Words.push(obj);
+    }
+    console.log(app.globalData.SelectedWords);
+    that.setData({
+      Words:that.data.Words,
+    });
+    that.isShowAlert();
+  },
+  bindKeyInput: function (e) {
+    let that=this;
+    let id=e.currentTarget.dataset.id;
+    let word=e.detail.value;
+    for(let i=0;i<10;i++){
+      if (i+1==id){
+        that.data.Words[i].Word=word;
+        that.data.Words[i].CSS="txtWordFinished";
+        
+        if (word && !that.isValidInput(word)){
+          that.data.Words[i].IsError=true;
+        }
+        else{
+          that.data.Words[i].IsError=false;
+          if (!word)
+            that.data.Words[i].CSS="";
+        }
+        break;
+      }
+    }
+    
+    that.setData({
+      Words:that.data.Words, 
+    });
+    that.isShowAlert();
+  },
+  isShowAlert:function(){
+    const that=this;
+    let b=false;
+    for(let i=0;i<10;i++){
+      if (that.data.Words[i].IsError){
+        b=true;
+        break;
+      }
+    }
+    that.setData({
+      IsShowAlert:b,
+      AlertContent:"不支持特殊符号、数字、句子、非英语单词内容"
+    });
+  },
+  setArticleParam:function(e){
+    const that=this;
+    let count=0;
+    for(let i=0;i<10;i++){
+      if (that.data.Words[i].CSS=="txtWordFinished"){
+        count++
+      }
+    }
+    if (count<5){
+      that.setData({
+        IsShowAlert:true,
+        AlertContent:"请输入至少5个英语单词"
+      });
+    }
+    else{
+      that.setData({
+        IsShowAlert:false,
+        IsShowSetPanel:true,
+      });
+    }
+  },
+  setMenu:function(){
+    this.setData({
+      IsShowSetPanel:!this.data.IsShowSetPanel,
+    });
+  },
+  keyboardOK:function(e){
+    const that=this;
+    let id=e.currentTarget.dataset.id;
+    id++;
+    that.setFocus({currentTarget:{dataset:{id:id}}});
+  },
+  setFocus:function(e){
+    const that=this;
+    let id=e.currentTarget.dataset.id;
+    
+    for(let i=0;i<that.data.Words.length;i++){
+      that.data.Words[i].Focus=false;
+      if (that.data.Words[i].ID==id)
+        that.data.Words[i].Focus=true;
+    }
+    that.setData({
+      Words:that.data.Words,
+    });
+  },
+  closeHelp:function(){
+    this.setData({
+      IsShowPanelHelp:false,
+    });
+    wx.setStorageSync('HiddenWordInputHelp', true);
+  },
+  selectBtn:function(e){
+    const index=e.currentTarget.dataset.index;
+    const id=e.currentTarget.dataset.id;
+    let arr=this.data.Grade;
+    if (id==1)
+      arr=this.data.ArticleCategory;
+    for(let i=0;i<arr.length;i++){
+      if (i==index)
+        arr[i].CSS="Selected";
+      else
+        arr[i].CSS="";
+    }
+    if (id==1){
+      this.setData({
+        ArticleCategory:arr,
+      });
+      wx.setStorageSync('ArticleCategory', arr);
+    }
+    else{
+      this.setData({
+        Grade:arr,
+      });
+      wx.setStorageSync('Grade', arr);
+    }
+    
+  },
+  isValidInput:function(input) {
+      // 正则表达式匹配：大小写字母、空格、单引号、减号
+      const regex = /^[a-zA-Z\s'-]+$/;
+      return regex.test(input);
+  },
+  goto: function (e) {
+    let that=this;
+    app.globalData.SelectedWords=[];
+    for(let i=0;i<that.data.Words.length;i++){
+      if (that.data.Words[i].Word)
+        app.globalData.SelectedWords.push(that.data.Words[i].Word);
+    }
+    //debugger;
+    var url=e.currentTarget.dataset.url;
+    wx.navigateTo({
+      url: url,
+    });
+  },
+  onShareAppMessage: function () {
+    return {
+      title: app.globalData.ShareTitle,
+      path: app.globalData.SharePath + '?UserID=' + app.globalData.userInfo.UserID,
+      imageUrl: app.globalData.ShareImage,
+    }
+  },
+})

pages/main/wordsinput.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/main/wordsinput.wxml

@@ -0,0 +1,82 @@
+<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
+  <view class="panel1 FlexRow">
+    <view class="text01">输入单词5-10个</view>
+    <view class="panel11 FlexRow">
+      <image src="../images/sysIcon_a01.png" class="sysIcon_a01"></image>
+      <view>范例</view>
+    </view>
+  </view>
+  <view class="panel10 FlexRow" wx:if="{{IsShowAlert}}">
+    <view class="panel101 FlexRow">
+      <image src="../images/sysIcon_a03.png" class="sysIcon_a03"></image>
+      <view class="text03">{{AlertContent}}</view>
+    </view>
+  </view>
+
+  <view class="panel2 FlexColumn">
+    <block wx:for="{{Words}}" wx:key="index">
+      <view 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 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}}"/>
+      </view>
+    </block>
+  </view>
+
+  <view class="panelFooter FlexRow">
+    <view class="panelFooter1 FlexRow">
+      <view class="panelFooter11 panelFooter10 FlexColumn" bindtap="goto" data-url="../main/ocr">
+        <image src="../images/sysIcon_a04.png" class="sysIcon_a03"></image>
+        <view class="text02">拍照</view>
+      </view>
+      <view class="panelFooter12 panelFooter10 FlexColumn" bindtap="goto" data-url="../main/paste">
+        <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>
+  </view>
+
+  
+</view>
+
+<view wx:if="{{IsShowPanelHelp}}" class="panelHelp container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
+  <view class="panelHelp1">
+    <image src="../images/sysIcon_b06.png" class="sysIcon_b06"></image>
+    <view class="panelHelp2 FlexColumn">
+      <view class="text07">先从这里输入单词再点这里生成短文</view>
+      <view class="btn3 FlexColumn" bind:tap="closeHelp">知道了</view>
+    </view>
+  </view>
+</view>
+
+
+<view wx:if="{{IsShowSetPanel}}" class="panelMenu container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
+  <view class="panelMenu1 FlexColumn">
+    <view class="panelMenu11 FlexColumn">
+      <view class="text04">要求</view>
+    </view>
+    <view class="panelMenu11 FlexColumn">
+      <view class="text04 text05">接近哪个年龄段的单词水平</view>
+      <view class="panelMenu111 FlexRow">
+        <view class="btn btn{{item.CSS}} FlexRow" wx:for="{{Grade}}" 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>
+      <view class="panelMenu111 FlexRow">
+        <view class="btn btn{{item.CSS}} FlexRow" wx:for="{{ArticleCategory}}" wx:key="index" capture-bind:tap="selectBtn" data-id="1" data-index="{{index}}">{{item.Name}}</view>
+      </view>
+    </view>
+    <view class="btn2 FlexRow">
+      <image src="../images/sysIcon_b01.png" class="sysIcon_b01"></image>
+      <view>生成短文</view>
+    </view>
+
+    <view class="panelClose FlexRow" capture-bind:tap="setMenu">
+      <view class="panelClose1 FlexRow">
+        <image src="../images/sysIcon_a03.png" class="sysIcon_a03"></image>
+      </view>
+    </view>
+  </view>
+</view>

pages/main/wordsinput.wxss

@@ -0,0 +1,272 @@
+.panel1{
+  width:100%;
+  height:140rpx;
+  color: #C1E1C1;
+  justify-content: space-between;
+  position: relative;
+}
+
+.text01{
+  font-size: 36rpx;
+  margin-left: 70rpx;
+}
+
+.panel11{
+  margin-right: 70rpx;
+  font-size:24rpx;
+}
+.sysIcon_a01{
+  width:24rpx;
+  height:24rpx;
+  margin-right: 10rpx;
+}
+
+.panel10{
+  position: fixed;
+  top:0;
+  width: 100%;
+  height:140rpx;
+  z-index: 10;
+  justify-content: flex-start;
+  background-image: linear-gradient(180deg, #004433 0%, rgba(0,46,34,0.80) 100%);
+}
+
+.panel101{
+  background: #CA4B15;
+  border-radius: 10rpx;
+  height:70rpx;
+  margin-left: 30rpx;
+  padding: 0 30rpx;
+}
+
+.text03{
+  font-size:24rpx;
+  color:#fff;
+  margin-left: 20rpx;
+}
+
+.sysIcon_a03{
+  width:20rpx;
+  height:20rpx;
+}
+
+.panel2{
+  width: 690rpx;
+  min-height: 300rpx;
+  background: #002F24;
+  box-shadow: 0 10rpx 0 0 rgba(0,0,0,0.50);
+  border-radius: 40rpx;
+  margin: 0 0 230rpx 0;
+}
+
+.panel20{
+  width:646rpx;
+  height:90rpx;
+  background: #061A1B;
+  border-radius: 5rpx;
+  margin: 10rpx 0 0 0;
+  justify-content: flex-start;
+}
+
+.panel21{
+  border-radius: 20rpx 20rpx 5rpx 5rpx;
+  margin: 30rpx 0 0 0;
+}
+
+.panel210{
+  border-radius: 5rpx 5rpx 20rpx 20rpx;
+  margin: 10rpx 0 30rpx 0;
+}
+.panel211{
+  width:16rpx;
+  height:90rpx;
+  border-radius: 5rpx 0 0 5rpx;
+  margin-right: 14rpx;
+}
+.panel2110{
+  background: #CA4B15;
+}
+
+.txtWord{
+  width:570rpx;
+  height:50rpx;
+  text-align: left;
+  font-size:36rpx;
+  font-weight: 400;
+  color: #FFDD88;
+}
+.txtWordFinished{
+  background-color: #004433;
+}
+
+.placeholderClass{
+  color:#627062;
+}
+
+.panelFooter{
+  width: 100%;
+  height:180rpx;
+  background-image: linear-gradient(180deg, #004433 0%, #002C21 100%);
+  position: fixed;
+  bottom: 0rpx;
+  align-items: flex-start;
+  z-index: 10;
+}
+
+.panelFooter1{
+  width:730rpx;
+  height:140rpx;
+  color:#F2F2F2;
+  background: #1E1E1E;
+  box-shadow: 0 30rpx 0 0 #0C0C0C;
+  border-radius: 10rpx 10rpx 60rpx 60rpx;
+}
+.panelFooter10{
+  background-color: #303030;
+  font-size:24rpx;
+}
+.panelFooter11{
+  width:160rpx;
+  height:120rpx;
+  border-radius: 5rpx 10rpx 10rpx 50rpx;
+}
+.panelFooter12{
+  width:160rpx;
+  height:120rpx;
+  border-radius: 10rpx 10rpx 10rpx 10rpx;
+  margin: 0 10rpx;
+}
+.panelFooter13{
+  width:370rpx;
+  height:120rpx;
+  border-radius: 10rpx 5rpx 50rpx 10rpx;
+  font-size:36rpx;
+}
+.text02{
+  font-size:24rpx;
+  margin-top: 17rpx;
+}
+
+.panelHelp{
+  background-color: rgba(0,0,0,0.00);
+  z-index: 20;
+  position: fixed;
+  top:0;
+}
+
+.panelHelp1{
+  width: 100%;
+  position: fixed;
+  bottom:902rpx;
+}
+
+.sysIcon_b06{
+  width:100%;
+  height: 642rpx;
+  position: absolute;
+}
+
+.panelHelp2{
+  position: absolute;
+  left:0;
+  right:0;
+  top:160rpx;
+}
+
+.text07{
+  font-size: 36rpx;
+  color: #2E2E2E;
+  text-align: center;
+  width:288rpx;
+}
+.btn3{
+  width:310rpx;
+  height:90rpx;
+  background: #303030;
+  border-radius: 20rpx;
+  color:#F2F2F2;
+  margin-top: 50rpx;
+}
+
+.panelMenu{
+  background-color: rgba(26,67,51,0.50);
+  z-index: 20;
+  position: fixed;
+  top:0;
+}
+
+.panelMenu1{
+  width:100%;
+  background: #1E1E1E;
+  border-radius: 60rpx 60rpx 0 0;
+  position: fixed;
+  bottom:0;
+  justify-content: flex-start;
+}
+
+.panelMenu11{
+  width: 100%;
+}
+.text04{
+  align-self: start;
+  margin: 50rpx 0 0 40rpx;
+  font-size: 28rpx;
+}
+.text05{
+  margin: 40rpx 0 0 40rpx;
+}
+.text06{
+  margin: 20rpx 0 0 40rpx;
+}
+.panelMenu111{
+  width:720rpx;
+  flex-wrap: wrap;
+  margin: 30rpx 0 0 30rpx;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+
+.btn{
+  margin: 0 20rpx 20rpx 0;
+  height:90rpx;
+  padding: 0 26rpx;
+  background: #1E1E1E;
+  border: 6rpx solid #303030;
+  box-shadow: 0 6rpx 0 0 rgba(0,0,0,0.20);
+  border-radius: 20rpx;
+  color:#D2D2D2;
+  font-size: 28rpx;
+}
+.btnSelected{
+  background: #0D4433;
+  border: 6rpx solid #C1E1C1;
+  box-shadow: 0 6rpx 0 0 rgba(0,0,0,0.10);
+  color: #C1E1C1;
+}
+
+.btn2{
+  width: 650rpx;
+  height:90rpx;
+  background: #303030;
+  border-radius: 20rpx;
+  margin: 60rpx 0;
+  font-size: 36rpx;
+}
+.sysIcon_b01{
+  width:40rpx;
+  height:40rpx;
+  margin-right: 20rpx;
+}
+.panelClose{
+  width:100rpx;
+  height:100rpx;
+  position: absolute;
+  top:20rpx;
+  right:30rpx;
+}
+.panelClose1{
+  width:60rpx;
+  height:60rpx;
+  background: #303030;
+  border-radius: 50%;
+}

project.private.config.json

@@ -19,5 +19,5 @@
     "checkInvalidKey": true,
     "ignoreDevUnusedFiles": true
   },
-  "libVersion": "3.8.6"
+  "libVersion": "3.8.9"
 }

utils/util.js

@@ -492,15 +492,16 @@ function initMonthCalendar(dates, line = 6,isNull=true) {
        } 
        if (n.length == 7) break;    // 放了7个格子该结束了
      }
- 
      //arr.push(n);
      //n = [];           // 这一行放完了，清空ba
    }
- 
- 
    return n;
 }
 
+function filterWordsWithSpecialChars(words) {
+  return words.filter(word => word && /^[a-zA-Z\s'’-]+$/.test(word));
+}
+
 module.exports = {
   formatTime: formatTime,
   formatDateCHS: formatDateCHS,
@@ -525,5 +526,6 @@ module.exports = {
   IsNumber:IsNumber,
   formatDateENG: formatDateENG,
   formatMoney:formatMoney,
-  initMonthCalendar:initMonthCalendar
+  initMonthCalendar:initMonthCalendar,
+  filterWordsWithSpecialChars:filterWordsWithSpecialChars
 }