Skip to content
Snippets Groups Projects
Commit 52d15989 authored by Jianghuan Xu's avatar Jianghuan Xu :speech_balloon:
Browse files

pdf

parent 2df615ca
No related branches found
No related tags found
1 merge request!133pdf
Hide whitespace changes
Inline Side-by-side
Showing
with 12 additions and 12 deletions
pages/education.vue
+ 12
− 12
View file @ 52d15989
......@@ -68,7 +68,7 @@
<br />
<div class="flex justify-center">
<button @click="close[0] = false" type="button" class=" transition-all duration-500 text-white bg-red-700
<button @click="()=>{stopScroll(true);close[0] = false}" type="button" class=" transition-all duration-500 text-white bg-red-700
hover:bg-red-800 focus:outline-none focus:ring-4 focus:ring-red-700 font-medium rounded-full
text-base px-5 py-2.5 text-center mr-2 mb-2">Questionnaires Statistics</button>
......@@ -77,9 +77,9 @@
<div :class="{ 'close': close[0], 'w-[80%] h-[74%] top-[15%] left-[15%]': !large[0], 'top-0 left-0 w-[100%] h-[100%]': large[0] }"
class="z-[101] animate-fade fixed transition-all bg-primary-50 border border-primary-100 shadow-2xl rounded-lg pt-8 ">
<div class="absolute left-3 flex justify-between w-12 top-2.5">
<span @click="close[0] = true"
<span @click="()=>{stopScroll(false);close[0] = true}"
class="cursor-pointer w-3 h-3 rounded-full bg-rose-400 text-center"></span>
<span @click="()=>{large[0] = !large[0];stopScroll(large[0])}" :class="{'bg-green-400': !large[0], 'bg-amber-400': large[0]}"
<span @click="()=>{large[0] = !large[0];}" :class="{'bg-green-400': !large[0], 'bg-amber-400': large[0]}"
class="transition cursor-pointer w-3 h-3 rounded-full text-center"></span>
</div>
<span class="absolute left-20 top-1 font-mono text-base">Questionnaires Statistics</span>
......@@ -99,7 +99,7 @@
<br />
<div class="flex justify-center">
<button @click="close[1] = false" type="button" class=" transition-all duration-500 text-white bg-red-700
<button @click="()=>{close[1] = false; stopScroll(true)}" type="button" class=" transition-all duration-500 text-white bg-red-700
hover:bg-red-800 focus:outline-none focus:ring-4 focus:ring-red-700 font-medium rounded-full
text-base px-5 py-2.5 text-center mr-2 mb-2">Dr. Lei's Interview</button>
......@@ -107,9 +107,9 @@
<div :class="{ 'close': close[1], 'w-[80%] h-[74%] top-[15%] left-[15%]': !large[1], 'top-0 left-0 w-[100%] h-[100%]': large[1] }"
class="z-[101] animate-fade fixed transition-all bg-primary-50 border border-primary-100 shadow-2xl rounded-lg pt-8 ">
<div class="absolute left-3 flex justify-between w-12 top-2.5">
<span @click="close[1] = true"
<span @click="()=>{stopScroll(false);close[1] = true} "
class="cursor-pointer w-3 h-3 rounded-full bg-rose-400 text-center"></span>
<span @click="()=>{large[1] = !large[1];stopScroll(large[1])}" :class="{'bg-green-400': !large[1], 'bg-amber-400': large[1]}"
<span @click="()=>{large[1] = !large[1];}" :class="{'bg-green-400': !large[1], 'bg-amber-400': large[1]}"
class="transition cursor-pointer w-3 h-3 rounded-full text-center"></span>
</div>
<span class="absolute left-20 top-1 font-mono text-base">Dr. Lei's Interview</span>
......@@ -130,7 +130,7 @@
<div class="flex justify-center">
<button @click="close[2] = false" type="button" class=" transition-all duration-500 text-white bg-red-700
<button @click="()=>{close[2] = false; stopScroll(true)}" type="button" class=" transition-all duration-500 text-white bg-red-700
hover:bg-red-800 focus:outline-none focus:ring-4 focus:ring-red-700 font-medium rounded-full
text-base px-5 py-2.5 text-center mr-2 mb-2">Professor Ke's Interview</button>
......@@ -139,9 +139,9 @@
<div :class="{ 'close': close[2], 'w-[80%] h-[74%] top-[15%] left-[15%]': !large[2], 'top-0 left-0 w-[100%] h-[100%]': large[2] }"
class="z-[101] animate-fade fixed transition-all bg-primary-50 border border-primary-100 shadow-2xl rounded-lg pt-8 ">
<div class="absolute left-3 flex justify-between w-12 top-2.5">
<span @click="close[2] = true"
<span @click="()=>{close[2] = true;stopScroll(false)}"
class="cursor-pointer w-3 h-3 rounded-full bg-rose-400 text-center"></span>
<span @click="()=>{large[2] = !large[2];stopScroll(large[2])}" :class="{'bg-green-400': !large[2], 'bg-amber-400': large[2]}"
<span @click="()=>{large[2] = !large[2];}" :class="{'bg-green-400': !large[2], 'bg-amber-400': large[2]}"
class="transition cursor-pointer w-3 h-3 rounded-full text-center"></span>
</div>
<span class="absolute left-20 top-1 font-mono text-base">Professor Ke's Interview</span>
......@@ -214,7 +214,7 @@
<div class="flex justify-center">
<button @click="close[3] = false" type="button" class=" transition-all duration-500 text-white bg-red-700
<button @click="()=>{close[3] = false; stopScroll(true)} " type="button" class=" transition-all duration-500 text-white bg-red-700
hover:bg-red-800 focus:outline-none focus:ring-4 focus:ring-red-700 font-medium rounded-full
text-base px-5 py-2.5 text-center mr-2 mb-2">A question asked during a high school lecture</button>
......@@ -223,9 +223,9 @@
<div :class="{ 'close': close[3], 'w-[80%] h-[74%] top-[15%] left-[15%]': !large[3], 'top-0 left-0 w-[100%] h-[100%]': large[3] }"
class="z-[101] animate-fade fixed transition-all bg-primary-50 border border-primary-100 shadow-2xl rounded-lg pt-8 ">
<div class="absolute left-3 flex justify-between w-12 top-2.5">
<span @click="close[3] = true"
<span @click="()=>{close[3] = true; stopScroll(false)}"
class="cursor-pointer w-3 h-3 rounded-full bg-rose-400 text-center"></span>
<span @click="()=>{large[3] = !large[3];stopScroll(large[3])}" :class="{'bg-green-400': !large[3], 'bg-amber-400': large[3]}"
<span @click="()=>{large[3] = !large[3];}" :class="{'bg-green-400': !large[3], 'bg-amber-400': large[3]}"
class="transition cursor-pointer w-3 h-3 rounded-full text-center"></span>
</div>
<span class="absolute left-20 top-1 font-mono text-base">A question asked during a high school lecture</span>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment