refactor: 详情组件

src/components/Card.vue

@@ -29,6 +29,11 @@
 </template>
 
 <script>
+/**
+ * @description: 面板组件
+ * @param {type}
+ * @return:
+ */
 const OPTION_CLICK_EVENT = "option-click";
 export default {
   name: "Card",

src/components/Collapse.vue

@@ -10,6 +10,7 @@
 </template>
 
 <script>
+// TODO
 export default {
   name: "Collapse",
   props: {

src/components/CompactCellGroup.vue

@@ -25,6 +25,11 @@
 </template>
 
 <script>
+/**
+ * @description: cr-cell样式调整版，缩小了间距
+ * @param {type}
+ * @return:
+ */
 const CELL_CLICK_EVENT = "click";
 export default {
   name: "CompactCellGroup",

src/components/Copyright.vue

-<template functional>
+<template>
   <div class="copyright">
     <p class="copyright-logo" v-if="props.logo">
       <img src="../assets/logo-foot.png" alt="logo" />
@@ -11,6 +11,7 @@
 <script>
 export default {
   name: "Copyright",
+  functional: true,
   props: ["logo"]
 };
 </script>

src/components/CrRadioBtn.vue

@@ -11,6 +11,11 @@
   </cr-radio-group>
 </template>
 <script>
+/**
+ * @description: 针对cr-radio组件的样式调整
+ * @param {type}
+ * @return:
+ */
 const CHANGE_EVENT = "input";
 export default {
   name: "CrRadioBtn",

src/components/GoodAction.vue

@@ -17,6 +17,11 @@
 </template>
 
 <script>
+/**
+ * @description: 底部购买
+ * @param {type}
+ * @return:
+ */
 const LEFT_BTN_CLICK_EVENT = "leftClick";
 const RIGHT_BTN_CLICK_EVENT = "click";
 export default {

src/components/GoodList/index.vue

@@ -67,6 +67,11 @@
   </div>
 </template>
 <script>
+/**
+ * @description: 商品列表，可以实现一级、二级嵌套显示
+ * @param {type}
+ * @return:
+ */
 export default {
   name: "GoodsList",
   props: {

src/components/ProtocolIframe.vue → src/components/PopupWithIframe.vue

@@ -29,9 +29,14 @@
 </template>
 
 <script>
+/**
+ * @description: 弹框，基于cr-pupop，针对iframe等业务场景进行简单封装
+ * @param {type}
+ * @return:
+ */
 const CHANGE_EVENT = "input";
 export default {
-  name: "SvgIcon",
+  name: "PopupWithIframe",
   props: {
     value: null,
     title: {

src/views/Goods/Plan/index.vue

@@ -12,11 +12,11 @@
         {{ item.url }}
       </a>
     </card>
-    <protocol-iframe v-model="popupShow" :title="pupopData.title" :url="pupopData.path" />
+    <popup-with-iframe v-model="popupShow" :title="pupopData.title" :content="pupopData.list" />
   </div>
 </template>
 <script>
-import protocolIframe from "../modules/ProtocolIframe";
+import PopupWithIframe from "@/components/PopupWithIframe";
 import card from "@/components/Card";
 
 import detail from "@/api/detail.plan.mock";
@@ -24,7 +24,7 @@ export default {
   name: "GoodsDetail",
   components: {
     card,
-    protocolIframe
+    PopupWithIframe
   },
   data() {
     return {