feat: 提交

src/views/Goods/Detail/index.vue

@@ -92,7 +92,7 @@
     <detail-footer />
     <copyright />
     <good-action @click="goInsureState = true" @leftClick="showLayer = true" />
-    <protocol-iframe
+    <popup-with-iframe
       v-model="popupShow"
       :title="pupopData.title"
       :content="pupopData.content"
@@ -100,28 +100,23 @@
     >
       <cps-process-detail v-if="currentPupopIndex === 5" />
       <cps-rate v-if="currentPupopIndex === 6" />
-    </protocol-iframe>
+    </popup-with-iframe>
     <record-layer v-model="showLayer" desc="敬请期待" />
     <go-insure-dialog v-model="goInsureState" />
   </div>
 </template>
 
 <script>
-import intro01 from "@/assets/goods/detail/zhongjixian/intro-01.png";
-import intro02 from "@/assets/goods/detail/zhongjixian/intro-02.png";
-import intro03 from "@/assets/goods/detail/zhongjixian/intro-03.png";
-import intro04 from "@/assets/goods/detail/zhongjixian/intro-04.png";
-
 import DetailHeader from "./modules/DetailHeader";
 import DetailFooter from "./modules/DetailFooter";
-import CompactCellGroup from "../modules/CompactCellGroup";
+import CompactCellGroup from "@/modules/CompactCellGroup";
 import CpsDemo from "./modules/CpsDemo";
 import CpsProcess from "./modules/CpsProcess";
 import CpsQa from "./modules/CpsQA";
-import ProtocolIframe from "../modules/ProtocolIframe";
+import PopupWithIframe from "@/modules/PopupWithIframe";
 import GoInsureDialog from "../modules/GoInsureDialog";
-import cpsProcessDetail from "./process";
-import cpsRate from "./rate";
+import CpsProcessDetail from "./modules/CpsProcessDetail";
+import CpsRate from "./CpsRate";
 import CrRadioBtn from "@/components/CrRadioBtn";
 import Card from "@/components/Card";
 import Copyright from "@/components/Copyright";
@@ -140,16 +135,21 @@ export default {
     CpsProcess,
     CpsQa,
     Copyright,
-    ProtocolIframe,
+    PopupWithIframe,
     GoodAction,
     GoInsureDialog,
-    cpsProcessDetail,
-    cpsRate,
+    CpsProcessDetail,
+    CpsRate,
     RecordLayer
   },
   data() {
     return {
-      introImg: [intro01, intro02, intro03, intro04],
+      introImg: [
+        "@/assets/goods/detail/zhongjixian/intro-01.png",
+        "@/assets/goods/detail/zhongjixian/intro-02.png",
+        "@/assets/goods/detail/zhongjixian/intro-03.png",
+        "@/assets/goods/detail/zhongjixian/intro-04.png"
+      ],
       autoCellData: [
         { title: "【省心】自动续保，不用担心续保不及时导致保障中断", value: "" },
         { title: "【放心】开通自动续保后，可随时取消", value: "" },

src/views/Goods/index.vue

 <template>
   <div class="container">
-    <!-- <cr-sticky class="goods-head">
+    <cr-sticky class="goods-head">
       <cr-tabbar v-model="active" active-color="#333" inactive-color="#666">
         <cr-tabbar-item>全部</cr-tabbar-item>
         <cr-tabbar-item>成人</cr-tabbar-item>
         <cr-tabbar-item>老年</cr-tabbar-item>
         <cr-tabbar-item>少儿</cr-tabbar-item>
       </cr-tabbar>
-    </cr-sticky> -->
+    </cr-sticky>
     <good-list :list="goodsList" />
     <record-layer v-model="showLayer" desc="敬请期待"></record-layer>
-    <!-- <ai-test-tip @click.native="showLayer = true" /> -->
+    <ai-test-tip @click.native="showLayer = true" />
     <copyright :logo="true" />
     <tabbar></tabbar>
   </div>
 </template>
 
 <script>
-// import AiTestTip from "./modules/AiTestTip";
+import AiTestTip from "./modules/AiTestTip";
 import GoodList from "@/components/GoodList/index";
 import Tabbar from "@/components/Tabbar";
 import goodsList from "@/api/goodsList.mock";
@@ -27,7 +27,7 @@ import RecordLayer from "@/components/RecordLayer";
 export default {
   name: "GoodsList",
   components: {
-    // AiTestTip,
+    AiTestTip,
     GoodList,
     Tabbar,
     copyright,