答题器收藏功能优化

闫增涛

2024-11-22 4165ebe94e92af85b093abe264eb404c6a5181e7

 src/views/readerPages/webHome.vue

@@ -12,6 +12,9 @@
        <div v-else>
          <div class="layout hover" @click="goLogin">登录</div>
        </div>
        <!-- <div>
          <div class="layout hover" @click="openFormulaDialog">公式</div>
        </div> -->
      </div>
    </div>
    <div class="contentBox">
@@ -1277,6 +1280,16 @@
      <wrongQuestion />
    </div>
  </el-dialog>
  <el-dialog
    title="公式编辑"
    align-center
    v-model="formulaDialog"
    class="myDialogs"
  >
    <div class="wendabox">
      <formula />
    </div>
  </el-dialog>
  <!-- 答题器 -->
  <examination
    ref="examinationRef"
@@ -1287,10 +1300,12 @@
  />
  <!-- 计算器 -->
  <el-dialog title="计算器" align-center v-model="calculatorVisble" width="850" class="myDialogs">
    <calculatorNew></calculatorNew>
    <!-- <calculatorNew></calculatorNew> -->
    <iframe src="https://www.geogebra.org/scientific" frameborder="0" class="iframe-box"></iframe>
  </el-dialog>
</template>
<script setup lang="ts">
import examination from '@/views/examination/index.vue'
import { ref, reactive, watch, onMounted, onBeforeMount, onBeforeUnmount, inject } from 'vue'
import { useRouter, useRoute } from 'vue-router'
import { ElMessage, ElMessageBox, valueEquals } from 'element-plus'
@@ -1305,6 +1320,7 @@
import moment from 'moment'
import dictionary from '@/views/components/dictionary.vue'
import newWord from '@/views/components/newWord.vue'
import formula from '@/views/components/formula.vue'
import wrongQuestion from '@/views/components/wrongQuestion.vue'
import voiceReader from '@/views/components/voiceReader.vue'
import logo from '@/assets/images/header/logo.png'
@@ -4117,6 +4133,11 @@
    })
  }
}

const formulaDialog = ref(false)
const openFormulaDialog = () => {
  formulaDialog.value = true
}
</script>

<style lang="less">
@@ -5390,4 +5411,8 @@
  bottom: 30px;
  left: 50px;
}
.iframe-box {
  width:100%;
  height: 800px;
}
</style>