写一写卡片居中且加阴影

src/views/book/courseware/preview/components/article/PhraseModelChs.vue

@@ -452,7 +452,7 @@
                                   attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                               }"
                               @click.stop="viewNotes($event, pItem.words ? pItem.words : pItem.chs[wIndex])"
-                              >{{ NumberList.indexOf(pItem.pinyin) == -1 ? pItem.chs[wIndex] : '' }}</span
+                              >{{ pItem.chs[wIndex] }}</span
                             >
                           </template>
                         </span>
@@ -666,7 +666,7 @@
                                 attrib && attrib.font_size ? attrib.font_size.replace('pt', '') * 1.4 + 'pt' : '28px',
                             }"
                             @click.stop="viewNotes($event, pItem.words ? pItem.words : pItem.chs[wIndex])"
-                            >{{ NumberList.indexOf(pItem.pinyin) == -1 ? pItem.chs[wIndex] : '' }}</span
+                            >{{ pItem.chs[wIndex] }}</span
                           >
                         </template>
                       </span>

src/views/book/courseware/preview/components/article/components/FreewriteLettle.vue

@@ -667,7 +667,7 @@ export default {
     border: none;
   }
 
-  .el-tabs--border-card > .el-tabs__header {
+  .el-tabs--border-card {
     background: #f3f3f3;
     border: none;
   }

src/views/book/courseware/preview/components/article/components/Practice.vue

@@ -453,13 +453,13 @@ export default {
 <style lang="scss" scoped>
 .practice {
   width: 100%;
-  margin: 0 auto;
+  margin: 8px;
 
   //   max-height: 434px;
   overflow: hidden;
   background: #f3f3f3;
   border-radius: 8px;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 15%);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 15%);
 
   .clean-btn {
     position: absolute;

src/views/book/courseware/preview/components/article/components/Wordcard.vue

@@ -181,7 +181,7 @@
         class="practiceBox practiceBoxStrock"
         v-if="isPraShow"
       > -->
-      <div v-if="isPraShow" class="practiceBox practiceBoxStrock" :style="{ width: isPhone ? '100%' : '504px' }">
+      <div v-if="isPraShow" class="practiceBox practiceBoxStrock" :style="{ width: isPhone ? '100%' : '520px' }">
         <Practice
           :change-pra-show="changePraShow"
           :cur="curData"
@@ -497,20 +497,20 @@ export default {
     background: rgba(0, 0, 0, 19%);
 
     &.practiceBoxStrock {
-      left: -252px;
       left: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       padding-top: 0;
+      margin-left: -260px;
       background: none;
     }
   }
 
   .closeBox {
     position: absolute;
-    top: 16px;
-    right: 24px;
+    top: 32px;
+    right: 32px;
     display: flex;
     justify-content: flex-end;
     width: 100%;
@@ -524,6 +524,7 @@ export default {
   min-width: 304px;
   max-width: 560px;
   padding: 30px 24px 24px;
+  margin: 16px;
 
   //   min-height: 360px;
   background: #fff;

src/views/book/courseware/preview/components/character_base/components/FreewriteLettle.vue

@@ -502,7 +502,7 @@ export default {
     border: none;
   }
 
-  .el-tabs--border-card > .el-tabs__header {
+  .el-tabs--border-card {
     background: #f3f3f3;
     border: none;
   }