JayChou 7 days ago
commit e9ef3d297c
  1. 5
      src/api/user.ts
  2. BIN
      src/assets/images/bg10.png
  3. 6
      src/layout/knowledgePage.vue
  4. 56
      src/views/resultsAnnounced/index.vue
  5. 8
      src/views/subjectTest/index.vue

@ -40,6 +40,11 @@ export const getKnowledgeService = () => {
});
};
// 下一个知识点给后台
export const knowledgeCheckService = (id) => {
return request.get(`/pointrecords/xnPointRecords/check?id=${id}`)
}
//修改密码
export const userChangePasswordService = (params) => {
return request.post('/xnRecords/changeStuPassword', params)

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1018 B

After

Width:  |  Height:  |  Size: 679 B

@ -29,7 +29,7 @@
import settingStore from "@/store/modules/setting";
import { ref, computed, onMounted, } from "vue"
import { ElMessage } from 'element-plus'
import { getKnowledgeService } from '@/api/user'
import { getKnowledgeService, knowledgeCheckService } from '@/api/user'
import { useRouter } from 'vue-router';
const router = useRouter()
const setting = settingStore();
@ -47,8 +47,8 @@ const SubLeft = () => {
const index = ref(0)
//
// const activeData = ref({})
const SubRight = () => {
const SubRight = async() => {
await knowledgeCheckService(Knowledges.value[currentKnowledgeIndex.value].id)
Knowledges.value[currentKnowledgeIndex.value].isStudy = true
if (currentKnowledgeIndex.value + 1 < Knowledges.value.length) {
currentKnowledgeIndex.value++; //

@ -41,7 +41,7 @@
<div class="bottom">
<img src="@/assets/images/bg10.png"/>
<div class="txt">
{{0}}
错误 {{ 0 }}
</div>
</div>
<div class="bottom">
@ -57,9 +57,8 @@
</div>
</div>
<div class="footer">
<button class="btn1" @click="Study">去学习</button>
<button class="btn2" @click="Recreate">重做</button>
<button class="btn3" @click="Back">回首页</button>
<button class="btn2" @click="Recreate">重做</button>
</div>
</div>
</template>
@ -100,13 +99,13 @@ const Back =()=>{
<style lang="scss" scoped>
.container {
width: 600px;
height: 540px;
height: 550px;
background: url("@/assets/images/bg4.png") no-repeat center center;
background-size: contain;
margin-top: -5px;
padding-top: 15px;
padding-left: 25px;
padding-right:25px;
position: relative; /* 添加相对定位 */
}
.top{
color: #b6b3b3;
@ -160,12 +159,13 @@ const Back =()=>{
}
.bottoms{
display: flex;
height: 28px;
height: 26px;
width: 100%;
position: absolute; /* 绝对定位 */
bottom: 210px;
gap: 90px;
left: 110px;
left: 95px;
// left: 100px;
}
.bottom{
display: flex;
@ -184,25 +184,25 @@ const Back =()=>{
bottom: 15px; /* 置于底部 */
display: flex;
flex-direction: row;
padding-left: 50px;
gap: 50px;
}
.btn1{
background: url("@/assets/images/bg5.png") no-repeat;
background-size: contain;
background-color: transparent; /* 背景颜色设置为透明 */
border: none; /* 移除边框 */
cursor: pointer; /* 鼠标悬停时显示手型 */
width: 120px;
height: auto;
font-size: 17px;
color:rgb(13, 58, 102);
/* 调整文字位置 */
padding: 10px 0 20px; /* 上内边距为 10px,下内边距为 20px */
display: flex; /* 使用 Flexbox 布局 */
align-items: flex-end; /* 文字对齐到底部 */
justify-content: center; /* 文字水平居中 */
}
padding-left: 80px;
gap: 150px;
}
// .btn1{
// background: url("@/assets/images/bg5.png") no-repeat;
// background-size: contain;
// background-color: transparent; /* */
// border: none; /* */
// cursor: pointer; /* */
// width: 120px;
// height: auto;
// font-size: 17px;
// color:rgb(196, 202, 209);
// /* */
// padding: 10px 0 20px; /* 10px 20px */
// display: flex; /* 使 Flexbox */
// align-items: flex-end; /* */
// justify-content: center; /* */
// }
.btn2{
background: url("@/assets/images/bg6.png") no-repeat;
background-size: contain;
@ -212,7 +212,7 @@ const Back =()=>{
width: 120px;
height: auto;
font-size: 17px;
color:rgb(13, 58, 102);
color:rgb(196, 202, 209);
/* 调整文字位置 */
padding: 10px 0 20px; /* 上内边距为 10px,下内边距为 20px */
display: flex; /* 使用 Flexbox 布局 */
@ -228,7 +228,7 @@ const Back =()=>{
width: 120px;
height: auto;
font-size: 17px;
color:rgb(13, 58, 102);
color:rgb(196, 202, 209);
/* 调整文字位置 */
padding: 10px 0 20px; /* 上内边距为 10px,下内边距为 20px */
display: flex; /* 使用 Flexbox 布局 */

@ -12,7 +12,7 @@
<span class="question-count" >{{ currentSum }}</span>
<div class="timer">{{ formattedTime }} </div>
</div>
<p class="questions"><span class="questions-count">10</span></p>
<p class="questions"><span class="questions-count">{{questions.length}}</span></p>
<!-- 遍历题目 -->
<div v-if="currentQuestionIndex < questions.length" class="txt">
<span>{{ currentQuestion }}</span>
@ -276,12 +276,12 @@ import { useRouter } from 'vue-router';
font-size: 55px; /* 数字字体大小 */
}
.timer{
font-size: 19.5px; /* 字体大小 */
font-size: 18px; /* 字体大小 */
letter-spacing: 3px; /* 字符间距 */
text-align: right;
position: absolute; /* 使用绝对定位 */
top: 22%; /* 距离顶部 */
left: 69%; /* 距离左侧 */
top: 25%; /* 距离顶部 */
left: 71.3%; /* 距离左侧 */
}
.questions{
font-size: 23px; /* 字体大小 */

Loading…
Cancel
Save