合书

闫增涛

2024-05-23 e5a42538eda99a4860bddc417e107ef230df8837

 src/books/English/view/components/chapter001.vue

@@ -56,11 +56,16 @@
                  class="input-bottom-border fz-18"
                  @blur="handleQuestion('one')"
                />
                <i
                  class="el-icon-check correct-icon"
                  v-if="questionData.warnUp.one.isRight"
                ></i>
                <i class="el-icon-close error-icon" v-if="questionData.warnUp.one.isRight == false"></i>
                <span class="icon-box">
                  <i
                    class="el-icon-check correct-icon"
                    v-if="questionData.warnUp.one.isRight"
                  ></i>
                  <i
                    class="el-icon-close error-icon"
                    v-if="questionData.warnUp.one.isRight == false"
                  ></i>
                </span>
              </p>
            </div>
            <div class="right" style="width: 48%">
@@ -72,7 +77,21 @@
                />
              </p>
              <p class="center">
                2.<input class="input-bottom-border fz-18" />
                2.<input
                  class="input-bottom-border fz-18"
                  v-model="questionData.warnUp.two.value"
                  @blur="handleQuestion('two')"
                />
                <span class="icon-box">
                  <i
                    class="el-icon-check correct-icon"
                    v-if="questionData.warnUp.two.isRight"
                  ></i>
                  <i
                    class="el-icon-close error-icon"
                    v-if="questionData.warnUp.two.isRight == false"
                  ></i>
                </span>
              </p>
            </div>
          </div>
@@ -83,7 +102,21 @@
                <el-image :src="imgThree" :preview-src-list="[imgThree]" />
              </p>
              <p class="center">
                3.<input class="input-bottom-border fz-18" />
                3.<input
                  class="input-bottom-border fz-18"
                  v-model="questionData.warnUp.three.value"
                  @blur="handleQuestion('three')"
                />
                <span class="icon-box">
                  <i
                    class="el-icon-check correct-icon"
                    v-if="questionData.warnUp.three.isRight"
                  ></i>
                  <i
                    class="el-icon-close error-icon"
                    v-if="questionData.warnUp.three.isRight == false"
                  ></i>
                </span>
              </p>
            </div>
            <div class="right" style="width: 48%">
@@ -95,7 +128,21 @@
                />
              </p>
              <p class="center">
                4.<input class="input-bottom-border fz-18" />
                4.<input
                  class="input-bottom-border fz-18"
                  v-model="questionData.warnUp.four.value"
                  @blur="handleQuestion('four')"
                />
                <span class="icon-box">
                  <i
                    class="el-icon-check correct-icon"
                    v-if="questionData.warnUp.four.isRight"
                  ></i>
                  <i
                    class="el-icon-close error-icon"
                    v-if="questionData.warnUp.four.isRight == false"
                  ></i>
                </span>
              </p>
            </div>
          </div>
@@ -106,7 +153,21 @@
                <el-image :src="imgFive" :preview-src-list="[imgFive]" />
              </p>
              <p class="center">
                5.<input class="input-bottom-border fz-18" />
                5.<input
                  class="input-bottom-border fz-18"
                  v-model="questionData.warnUp.five.value"
                  @blur="handleQuestion('five')"
                />
                <span class="icon-box">
                  <i
                    class="el-icon-check correct-icon"
                    v-if="questionData.warnUp.five.isRight"
                  ></i>
                  <i
                    class="el-icon-close error-icon"
                    v-if="questionData.warnUp.five.isRight == false"
                  ></i>
                </span>
              </p>
            </div>
            <div class="right" style="width: 48%">
@@ -118,17 +179,31 @@
                />
              </p>
              <p class="center">
                6.<input class="input-bottom-border fz-18" />
                6.<input
                  class="input-bottom-border fz-18"
                  v-model="questionData.warnUp.six.value"
                  @blur="handleQuestion('six')"
                />
                <span class="icon-box">
                  <i
                    class="el-icon-check correct-icon"
                    v-if="questionData.warnUp.six.isRight"
                  ></i>
                  <i
                    class="el-icon-close error-icon"
                    v-if="questionData.warnUp.six.isRight == false"
                  ></i>
                </span>
              </p>
            </div>
          </div>
          <p>
          <p class="t0">
            <b>Ⅱ.What other symbols can you think of?</b>
            <button class="parimary-btn" @click="showAnswer('seven')">
              显示答案
            </button>
          </p>
          <p>
          <p class="t0">
            <input
              v-model="questionData.warnUp.seven"
              class="input-bottom-border w100 fz-18"
@@ -140,60 +215,82 @@
        <span class="contet-num-box">2</span>
      </div>
    </div>
    <div class="page-box" page="8">
      <ul class="preface-odd-header w100 fl ju-bt">
        <li class=""></li>
        <li>
          <span class="chapter-left-bc">MODULE 1</span>
          <span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
        </li>
      </ul>
      <div class="padding-102">
        <div class="bodystyle">
          <h3 id="c002"><span class="bjh3">Listening</span></h3>
          <p>
            <b
              >Four foreigners are talking about their impressions on Chinese
              culture.Listen to the recording and match the items with the
              corresponding descriptions.</b
            >
          </p>
          <p class="center">
            <img class="img-g" alt="" src="../../assets/images/0013-1.jpg" />
          </p>
          <p class="center">
            <img class="img-0" alt="" src="../../assets/images/0013-3.jpg" />
          </p>
          <h3 id="c003"><span class="bjh3">Reading</span></h3>
          <p class="center">
            <img class="img-g" alt="" src="../../assets/images/0013-2.jpg" />
          </p>
          <p>
            1.How was Chinese culture introduced to the world in ancient times?
          </p>
          <p>
            2.China offers so much to see and explore.What took you by surprise
            about China?
          </p>
          <p class="center"><b>My Experience in Wonderland</b></p>
          <p class="block">
            “So how was your journey to China?” asks Alexandra.“Highly
            enjoyable,” responds Alice.“You should visit it sometime.”
          </p>
          <p class="right">
            —<i>Alice in Wonderland </i>(“Through the Looking Glass”)
          </p>
          <p>
            My incredible journey to China started in 2017 when I got selected
            as a foreign student for PhD studies at one university.When I
            arrived in China,I was like Alice in Alice in Wonderland.I was
            curious about the people,the culture,the cuisine and of course the
            huge variety of landscapes.
          </p>
          <p>
            I found many great people and made several Chinese friends along the
            way.These friends made me see China through the eyes of the locals.I
            always found Chinese people very friendly and hospitable towards
            foreigners.These Chinese friends made my understanding of Chinese
            culture and civilization much easier,enjoyable and memorable.I
            consider China my second home and love it like my own country!
          </p>
          <p>
            You cannot explore China properly if you do not try its delicious
            variety of food.If you ate
          </p>
        </div>
      </div>
      <div class="preface-bottom">
        <span class="contet-num-box">3</span>
      </div>
    </div>
    <!--  -->
    <div class="bodystyle">
      <h3 id="c002"><span class="bjh3">Listening</span></h3>
      <p>
        <b
          >Four foreigners are talking about their impressions on Chinese
          culture.Listen to the recording and match the items with the
          corresponding descriptions.</b
        >
      </p>
      <p class="center">
        <img class="img-g" alt="" src="../../assets/images/0013-1.jpg" />
      </p>
      <p class="center">
        <img class="img-0" alt="" src="../../assets/images/0013-3.jpg" />
      </p>
      <h3 id="c003"><span class="bjh3">Reading</span></h3>
      <p class="center">
        <img class="img-g" alt="" src="../../assets/images/0013-2.jpg" />
      </p>
      <p>1.How was Chinese culture introduced to the world in ancient times?</p>
      <p>
        2.China offers so much to see and explore.What took you by surprise
        about China?
      </p>
      <p class="center"><b>My Experience in Wonderland</b></p>
      <p class="block">
        “So how was your journey to China?” asks Alexandra.“Highly enjoyable,”
        responds Alice.“You should visit it sometime.”
      </p>
      <p class="right">
        —<i>Alice in Wonderland </i>(“Through the Looking Glass”)
      </p>
      <p>
        My incredible journey to China started in 2017 when I got selected as a
        foreign student for PhD studies at one university.When I arrived in
        China,I was like Alice in Alice in Wonderland.I was curious about the
        people,the culture,the cuisine and of course the huge variety of
        landscapes.
      </p>
      <p>
        I found many great people and made several Chinese friends along the
        way.These friends made me see China through the eyes of the locals.I
        always found Chinese people very friendly and hospitable towards
        foreigners.These Chinese friends made my understanding of Chinese
        culture and civilization much easier,enjoyable and memorable.I consider
        China my second home and love it like my own country!
      </p>
      <p>
        You cannot explore China properly if you do not try its delicious
        variety of food.If you ate a new kind of food every day for one whole
        year,the list of Chinese food would still never end! Though I love to
        eat almost all kinds of Chinese cuisine,I found Sichuan and Hunan
        cuisine quite mouth-watering and stimulating.For a foodie like me,China
        is a heaven.I simply cannot live without Chinese food.
        a new kind of food every day for one whole year,the list of Chinese food
        would still never end! Though I love to eat almost all kinds of Chinese
        cuisine,I found Sichuan and Hunan cuisine quite mouth-watering and
        stimulating.For a foodie like me,China is a heaven.I simply cannot live
        without Chinese food.
      </p>
      <p>
        Like I said earlier,China is a huge wonderland.It has thousands of years
@@ -472,32 +569,29 @@
        warnUp: {
          one: {
            value: "",
            isRight:null,
            isRight: null,
          },
          two:{
            value:"",
            isRight:null,
          },
          three:{
          two: {
            value: "",
            isRight:null,
            isRight: null,
          },
          four:{
          three: {
            value: "",
            isRight:null,
            isRight: null,
          },
          five:{
          four: {
            value: "",
            isRight:null,
            isRight: null,
          },
          six:{
          five: {
            value: "",
            isRight:null,
            isRight: null,
          },
          seven:{
          six: {
            value: "",
            isRight:null,
            isRight: null,
          },
          seven: "",
        },
      },
    };
@@ -510,11 +604,46 @@
    },
    handleQuestion(type) {
      if (type == "one") {
        return  this.questionData.warnUp.one.value ? this.questionData.warnUp.one.isRight = this.questionData.warnUp.one.value == "你好" : this.questionData.warnUp.one.isRight = null
        this.questionData.warnUp.one.value
          ? (this.questionData.warnUp.one.isRight =
              this.questionData.warnUp.one.value == "你好")
          : (this.questionData.warnUp.one.isRight = null);
      } else if (type == "two") {
        this.questionData.warnUp.two.value
          ? (this.questionData.warnUp.two.isRight =
              this.questionData.warnUp.two.value == "你好")
          : (this.questionData.warnUp.two.isRight = null);
      } else if (type == "three") {
        this.questionData.warnUp.three.value
          ? (this.questionData.warnUp.three.isRight =
              this.questionData.warnUp.three.value == "你好")
          : (this.questionData.warnUp.three.isRight = null);
      } else if (type == "four") {
        this.questionData.warnUp.four.value
          ? (this.questionData.warnUp.four.isRight =
              this.questionData.warnUp.four.value == "你好")
          : (this.questionData.warnUp.four.isRight = null);
      } else if (type == "five") {
        this.questionData.warnUp.five.value
          ? (this.questionData.warnUp.five.isRight =
              this.questionData.warnUp.five.value == "你好")
          : (this.questionData.warnUp.five.isRight = null);
      } else if (type == "six") {
        this.questionData.warnUp.six.value
          ? (this.questionData.warnUp.six.isRight =
              this.questionData.warnUp.six.value == "你好")
          : (this.questionData.warnUp.six.isRight = null);
      }
    },
  },
};
</script>

<style lang="less" scoped></style>
<style lang="less" scoped>
p {
  font-size: 16px !important;
}
.bodystyle {
  margin: 0 !important;
}
</style>