<!-- 预览 -->
<template>
  <el-card class="box-card">
    <el-descriptions :column="1" colon>
      <el-descriptions-item label="类型："> {{item.kgType}}</el-descriptions-item>
      <el-descriptions-item label="名称："> {{item.kgName}} </el-descriptions-item>
      <el-descriptions-item label="描述：">{{ item.kgDescribe}}</el-descriptions-item>
      <el-descriptions-item label="链接地址：">{{item.kgUrl}}</el-descriptions-item>
      <el-descriptions-item label="浏览地址：">{{item.kgBowerUrl}}</el-descriptions-item>
      <el-descriptions-item label="用户名："> {{ item.kgUserName }}</el-descriptions-item>
      <el-descriptions-item label="密码："> {{ item.kgPassword }}</el-descriptions-item>
    </el-descriptions>
  </el-card>
</template>

<script>
export default {
  data() {
    return {}
  },
  props: ['item'],
  components: {},

  computed: {},

  mounted() {
    console.log()
  },

  methods: {
    getTags(data) {
      return JSON.parse(data)
    }
  }
}
</script>
<style scoped>
div /deep/ .el-card {
  margin-bottom: 20px;
}

.main {
  height: calc(100vh - 450px);
  width: calc(100vw - 100px);
}
.main img {
  height: 100%;
  width: 100%;
}
div /deep/ .el-descriptions__title {
  font-size: 18px;
}
div /deep/.el-descriptions__table {
  width: 100%;
  line-height: 30px;
}
div /deep/ .el-card {
  margin-bottom: 20px;
}
</style>
