調整 IRS UI 樣式

HiTeachCC/ClientApp/src/components/Card.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="card_box"  scroll="no">
-    <Modal v-model="styleObject.isShow" :width="styleObject.width"   :mask-closable="true" :closable="false" class-name="vertical-center-modal" @on-cancel="handleHide" @on-visible-change="handleShow"  @click="sss()"  style=" top:unset !important; bottom:0px; position:absolute !important">
+    <Modal v-model="styleObject.isShow" :width="styleObject.width"   :mask-closable="true" :closable="false" class-name="vertical-center-modal" @on-cancel="handleHide" @on-visible-change="handleShow"  @click="sss()"  style="top:unset !important; bottom:0px; position:absolute !important">
       <div slot="footer" class="tl"  :style="styleObject"  >
     <!--<q-dialog v-model="styleObject.isShow" @hide="handleHide" @show="handleShow">-->
       <!--<q-card :style="styleObject">-->
@@ -110,5 +110,7 @@ export default {
   }
   .tl{
     box-shadow: 0px -1px 5px rgba(128, 128, 128, 0.3) !important;
+    transition:0.5s;
+    overflow:hidden;
   }
 </style>

HiTeachCC/ClientApp/src/components/Chart/OptionView.vue

@@ -3,7 +3,7 @@
   <div class="flop">
     <!--cmy新写-->
     <!--初始页面-->
-    <Row class="headerTollBox" v-if="fullscreen === '0'">
+    <Row class="headerTollBox" v-if="fullscreen === '0'" >
       <p class="title">{{ currentIRSModel == 'irsImmediately' ? '單選題' : '文字題' }}</p>
 
       <div class="triggerbox" v-if="Answerstatus === 0">
@@ -213,7 +213,7 @@
           </li>
           <!--未设置答案前end-->
           <!--设置答案后  答案隐藏-->
-          <li :class="item.showcardclass" v-for="(item, index) in student" :key="index+'E'" v-if="item.done && status === 'list' && Answerstatus === 1 && AnswerShowhide === 'AnswerHide'">
+          <li :class="item.showcardclass" v-for="(item, index) in student" :key="index+'E'" v-show="item.done && status === 'list' && Answerstatus === 1 && AnswerShowhide === 'AnswerHide'">
             <div class="leftimg">
               <div class="idnumber">{{ item.sort }}</div>
               <div class="portrait"><img :src="item.headImg" /></div>
@@ -315,7 +315,7 @@
           </div>
         </ul>
         <!--排行榜-->
-        <ul class="vice-studyshowcard" v-if="status === 'rank'" :style="'height:' + cssheightL + 'px;'">
+        <ul class="vice-studyshowcard" v-if="status === 'rank'" :style="'height:' + cssheightL + 'px;' ">
           <li class="brand-rank" v-for="item in RankDatas" :key="item.id" v-show="item.done && status === 'rank'">
             <div class="leftimg">
               <div class="idnumber">{{ item.sort }}</div>