修改bug

src/components/caseDialog3.vue

@@ -5,7 +5,7 @@
       <div class="title">提示</div>
       <div class="conts">
         <div class="text">
-          是否确认发布？发布后可以看到您的实操评分。
+          是否确认发布？发布后可以看到您的实训评分。
         </div>
       </div>
       <div class="btn-box">

src/components/layout/header.vue

@@ -4,8 +4,8 @@
       <router-link to="/">{{ title }}</router-link>
     </div>
     <div class="nav-box">
-      <div class="nav-btn active" @click="$router.push({ path: '/explain' })">实操基地</div>
-      <div class="nav-btn" @click="goPage()">理论课程</div>
+      <div class="nav-btn active" @click="$router.push({ path: '/explain' })">实训</div>
+      <div class="nav-btn" @click="goPage()">课程</div>
     </div>
     <div class="tool">
       <!-- <nav class="nav">
@@ -30,7 +30,7 @@ export default {
   name: 'AppHeader',
   data() {
     return {
-      title: '金融产品数字化营销实操系统'
+      title: '金融产品数字化营销实训系统'
     }
   },
   computed: {

src/index.html

@@ -7,7 +7,7 @@
     <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
     <meta http-equiv="Pragma" content="no-cache" />
     <meta http-equiv="Expires" content="0" />
-    <title>金融产品数字化营销实操系统</title>
+    <title>金融产品数字化营销实训系统</title>
     <meta
       name="viewport"
       id="viewport"

src/pages/home/explain.vue

@@ -3,15 +3,15 @@
     <div class="explain-box">
       <img src="https://zws-imgs-pub.ezijing.com/static/public/acedc1ee27267ef5d154cdc6af16413b.png" alt="">
       <div class="content">
-        <div class="title">实操说明</div>
-        <div class="tit-h2">欢迎来到《金融产品数字化营销》实操系统！</div>
+        <div class="title">实训说明</div>
+        <div class="tit-h2">欢迎来到《金融产品数字化营销》实训系统！</div>
         <div class="doce">
-          <p>紫荆教育作为金融领域在线教育行业的领军企业，我们调研了数百家合作金融机构，深知目前行业中缺乏高端营销人才。而在金融产品营销人才培养的课程体系中，除了技术和理论课程，迫切需要通过实训环节使学生对金融产品数字化营销的特点和应用领域有更直观和感性的认知，在实践中巩固所学知识，学以致用，才能真正达到金融机构对数字化营销人才的要求。为此我们基于《金融产品数字化营销》初、中、高级的理论课程内容，结合真实市场环境中不同金融产品的营销场景，开发此实操系统，旨在为学生提供系统化、模块化、流程化的模拟金融产品营销实践的平台，熟悉不同营销手段的具体实施过程。</p>
-          <p>学生可通过手机、平板、电脑等多种终端登录。此实操系统容纳目前市场上十余种普遍使用的营销手段，可实现同一案例多次操作，实训过程和结果评估和反馈，多用户实训效果排名等功能。希望学生们能通过实训系统的反复练习，提升营销技能，真正掌握《金融产品数字化营销》这门课程的内容。</p>
+          <p>紫荆教育作为金融领域在线教育行业的领军企业，我们调研了数百家合作金融机构，深知目前行业中缺乏高端营销人才。而在金融产品营销人才培养的课程体系中，除了技术和理论课程，迫切需要通过实训环节使学生对金融产品数字化营销的特点和应用领域有更直观和感性的认知，在实践中巩固所学知识，学以致用，才能真正达到金融机构对数字化营销人才的要求。为此我们基于《金融产品数字化营销》初、中、高级的理论课程内容，结合真实市场环境中不同金融产品的营销场景，开发此实训系统，旨在为学生提供系统化、模块化、流程化的模拟金融产品营销实践的平台，熟悉不同营销手段的具体实施过程。</p>
+          <p>学生可通过手机、平板、电脑等多种终端登录。此实训系统容纳目前市场上十余种普遍使用的营销手段，可实现同一案例多次操作，实训过程和结果评估和反馈，多用户实训效果排名等功能。希望学生们能通过实训系统的反复练习，提升营销技能，真正掌握《金融产品数字化营销》这门课程的内容。</p>
           <!-- <p>学生可通过手机、平板、电脑等多种终端登录。此实训系统容纳目前市场上十余种普遍使用的营销手段，可实现同一案例多次操作，实训过程和结果评估和反馈，多用户实训效果排名等功能。希望学生们能通过实训系统的反复练习，提升营销技能，真正掌握《金融产品数字化营销》这门课程的内容。</p> -->
         </div>
         <div class="explain-btn" @click="$router.push({ path: '/index' })">
-          <div class="btns">我知道了，进入实操基地</div>
+          <div class="btns">我知道了，进入实训基地</div>
         </div>
       </div>
     </div>

src/pages/home/index.vue

@@ -17,7 +17,7 @@
         </template>
       </ul>
       <ul class="module m1">
-        <div class="title">请选择您要实操的案例</div>
+        <div class="title">请选择您要实训的案例</div>
         <ul class="case-list">
           <template v-for="(item, index) in caseItemList">
             <li :key="index" v-if="item" :class="item.caseIsShow && 'active'">

src/pages/practice/components/practice2.vue

@@ -211,7 +211,8 @@ export default {
 </script>
 <style lang="scss" scoped>
 .read{
-  height: 100%;
+  // height: 100%;
+  background: #fff;
 }
 ::v-deep{
   .el-checkbox{
@@ -240,14 +241,15 @@ export default {
     box-sizing: border-box;
   }
   .img{
+    width: 90%;
     // width: 644px;
-    height: 60%;
+    // height: 60%;
     display: block;
     margin: 16px auto;
   }
   .btn-box{
     background: #fff;
-    position: absolute;
+    position: sticky;
     bottom: 0;
     left: 0;
     width: 100%;

src/router/routes.js

@@ -44,12 +44,12 @@ export default [
         path: '/explain',
         component: () => import(/* webpackChunkName: "userTrigger" */ '@/pages/home/explain.vue')
       },
-      /* 实操基地 */
+      /* 实训基地 */
       {
         path: '/index',
         component: () => import(/* webpackChunkName: "userTrigger" */ '@/pages/home/index.vue')
       },
-      /* 实操基地 */
+      /* 实训基地 */
       {
         path: '/practice',
         component: () => import(/* webpackChunkName: "userTrigger" */ '@/pages/practice/index.vue')