|
@@ -59,6 +59,7 @@
|
|
<div
|
|
<div
|
|
class="child-container bg-[#ffffff] bor-radius-[10] w-[80%] h-[90%] mt-[0%] flex flex-col justify-center items-center gap-y-[30px] absolute left-[12%]"
|
|
class="child-container bg-[#ffffff] bor-radius-[10] w-[80%] h-[90%] mt-[0%] flex flex-col justify-center items-center gap-y-[30px] absolute left-[12%]"
|
|
>
|
|
>
|
|
|
|
+ <water-title title="词语组句" />
|
|
<div class="bg-1">
|
|
<div class="bg-1">
|
|
<div class="bg-1 text-[68px] w-[80%] absolute top-[10px] left-[38%] color-[#333333]">
|
|
<div class="bg-1 text-[68px] w-[80%] absolute top-[10px] left-[38%] color-[#333333]">
|
|
<div class="w-[990px] h-[290px] text-[186px]">
|
|
<div class="w-[990px] h-[290px] text-[186px]">
|
|
@@ -85,13 +86,14 @@
|
|
<div class="text-[80px] w-[500px] h-[280px] flex flex-wrap flex-row justify-between">
|
|
<div class="text-[80px] w-[500px] h-[280px] flex flex-wrap flex-row justify-between">
|
|
<!-- <div class="w-[450px] sab ml-[115px] mt-[30px] flex flex-wrap flex-row justify-between">-->
|
|
<!-- <div class="w-[450px] sab ml-[115px] mt-[30px] flex flex-wrap flex-row justify-between">-->
|
|
<div
|
|
<div
|
|
- class="bg-[#000] w-[120px] h-[120px] flex-center"
|
|
|
|
|
|
+ class="bg-[#F9F9F9] w-[320px] h-[120px] flex-center"
|
|
:class="[index === flagFlag ? 'active' : 'normal']"
|
|
:class="[index === flagFlag ? 'active' : 'normal']"
|
|
@click="checkItemFn(it, isMainWin ? 1 : 0)"
|
|
@click="checkItemFn(it, isMainWin ? 1 : 0)"
|
|
- ></div>
|
|
|
|
|
|
+ >
|
|
|
|
+ <span class="color-[#0F308C] line-height-[155px] fw-700 mr-[100px] text-center"> {{ it }}</span>
|
|
|
|
+ </div>
|
|
<!-- <span class="color-[#000] fw-700 line-height-[5px]">{{ chengList[index] }}.</span>-->
|
|
<!-- <span class="color-[#000] fw-700 line-height-[5px]">{{ chengList[index] }}.</span>-->
|
|
<!-- <el-image :src="it" fit="contain" style="width: 255px; height: 150px" class="absolute top-[-45px]" />-->
|
|
<!-- <el-image :src="it" fit="contain" style="width: 255px; height: 150px" class="absolute top-[-45px]" />-->
|
|
- <span class="color-[#333333] line-height-[155px] fw-700 mr-[100px]"> {{ it }}</span>
|
|
|
|
</div>
|
|
</div>
|
|
<el-image
|
|
<el-image
|
|
v-if="!confirmation"
|
|
v-if="!confirmation"
|
|
@@ -101,6 +103,9 @@
|
|
@click="handleClick(it, index, isMainWin ? 1 : 0)"
|
|
@click="handleClick(it, index, isMainWin ? 1 : 0)"
|
|
/>
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
+ <!-- <div>-->
|
|
|
|
+ <!-- <span>{{ essayData }}</span>-->
|
|
|
|
+ <!-- </div>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -173,7 +178,8 @@ const userStore = useUserStore()
|
|
const onceData = ref({} as OnceItem)
|
|
const onceData = ref({} as OnceItem)
|
|
const checkItems = ref([])
|
|
const checkItems = ref([])
|
|
const sumbitData = ref([])
|
|
const sumbitData = ref([])
|
|
-
|
|
|
|
|
|
+const essayData = ref([])
|
|
|
|
+let essayList = []
|
|
const confirmation = ref(false)
|
|
const confirmation = ref(false)
|
|
const flagFlag = ref(-1) //选中标志
|
|
const flagFlag = ref(-1) //选中标志
|
|
const handleClick = (answer: string, index, flag) => {
|
|
const handleClick = (answer: string, index, flag) => {
|
|
@@ -222,7 +228,11 @@ const checkItemFn = (item: any, flag: number = 0) => {
|
|
if (flag === 1) return
|
|
if (flag === 1) return
|
|
confirmation.value = false
|
|
confirmation.value = false
|
|
let tempIndex = -1
|
|
let tempIndex = -1
|
|
- console.log()
|
|
|
|
|
|
+ // essayList.push(item)
|
|
|
|
+ // essayList = [...new Set(essayList)]
|
|
|
|
+ // essayData.value = essayList
|
|
|
|
+ // console.log(item, '造句数组', essayData.value, 228)
|
|
|
|
+ // essayData.value = essayData.value.toString()
|
|
checkItems.value.forEach((item2, index) => {
|
|
checkItems.value.forEach((item2, index) => {
|
|
if (item2 === item) tempIndex = index
|
|
if (item2 === item) tempIndex = index
|
|
})
|
|
})
|
|
@@ -445,11 +455,18 @@ onMounted(() => {
|
|
text-align: center;
|
|
text-align: center;
|
|
}
|
|
}
|
|
.active {
|
|
.active {
|
|
- background: url('/static/image/cognitiveAbility/SpeechTraining/Options-right.png') no-repeat 0 0 / 100% 100%;
|
|
|
|
|
|
+ //border: 1px solid #ffffff;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ background: #00d9da;
|
|
|
|
+ text-align: center;
|
|
|
|
+ //background: url('/static/image/cognitiveAbility/SpeechTraining/Options-right.png') no-repeat 0 0 / 100% 100%;
|
|
//background-position: 90% 54%; /* 可选,让图片居中对齐 */
|
|
//background-position: 90% 54%; /* 可选,让图片居中对齐 */
|
|
}
|
|
}
|
|
.normal {
|
|
.normal {
|
|
- background: url('/static/image/cognitiveAbility/SpeechTraining/Options-Blank.png') no-repeat 0 0 / 70% 70%;
|
|
|
|
|
|
+ //background: #00ff73;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ text-align: center;
|
|
|
|
+ //background: url('/static/image/cognitiveAbility/SpeechTraining/Options-Blank.png') no-repeat 0 0 / 70% 70%;
|
|
background-position: 10% 90%; /* 可选,让图片居中对齐 */
|
|
background-position: 10% 90%; /* 可选,让图片居中对齐 */
|
|
}
|
|
}
|
|
}
|
|
}
|