应用详情信息页面

src/components/service-tab-detail.vue

@@ -14,8 +14,13 @@
       <p
         v-else-if="item.type == 'text'"
         class="detail-text"
-        v-text="item.value"
+        v-html="item.value"
       ></p>
+      <div
+        v-else-if="item.type == 'code'"
+        class="detail-code"
+        v-html="item.value"
+      ></div>
       <el-table
         v-else-if="item.type == 'table'"
         class="detail-table"
@@ -95,4 +100,16 @@ export default {
   line-height: 25px;
   color: #242c43;
 }
+.detail-item .detail-code {
+  padding: 20px 25px;
+  box-sizing: border-box;
+  border-radius: 7px;
+  white-space: pre-wrap;
+  word-wrap: break-word !important;
+  background-color: #f8f9fd;
+  font-size: 14px;
+  color: #58617a;
+  line-height: 25px;
+  margin-top: 8px;
+}
 </style>

static/serviceInfo.json

@@ -736,25 +736,8 @@
       },
       {
         "name": "功能简介",
-        "type": "list",
-        "value": [
-          {
-            "name": "1",
-            "value": "在地图上查找视频设备；"
-          },
-          {
-            "name": "2",
-            "value": "在地图上定位视频设备位置；"
-          },
-          {
-            "name": "3",
-            "value": "调用多路视频的实时视频数据；"
-          },
-          {
-            "name": "4",
-            "value": "操作球机视频设备。"
-          }
-        ]
+        "type": "text",
+        "value": "1、在地图上查找视频设备；<br />2、在地图上定位视频设备位置；<br />3、调用多路视频的实时视频数据；<br />4、操作球机视频设备。"
       },
       {
         "name": "应用场景",
@@ -763,21 +746,8 @@
       },
       {
         "name": "应用参数",
-        "type": "list",
-        "value": [
-          {
-            "name": "repository",
-            "value": "\"hub.wodcloud.com/apaas/apaas-mapvideos\""
-          },
-          {
-            "name": "tag",
-            "value": "\"1.0.0\""
-          },
-          {
-            "name": "repository",
-            "value": "\"mapvideo.wodcloud.local\""
-          }
-        ]
+        "type": "code",
+        "value": "repository: \"hub.wodcloud.com/apaas/apaas-mapvideos\"\ntag: \"1.0.0\"\n\nhost: \"mapvideo.wodcloud.local\""
       }
     ],
     "provider": {