<template>
  <div class="com_card">
    <img
      src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"
      class="com_card_img"
    />
    <div class="com_card_msg">
      <div class="com_card_msg_name">ApaasApaas</div>
      <div class="com_card_msg_version">v1.876</div>
      <div class="com_card_msg_other">
        <div class="com_card_msg_time">2019-12-04</div>
        <div class="com_card_msg_num">部署次数：44444</div>
      </div>
    </div>
    <div class="com_card_btn">
        <el-button size="small">加入购物车</el-button>
        <el-button size="small" @click="goUrl(cellData.id)">查看详情</el-button>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {
    url: { type: String, default: "" },
    cellData: { type: Object, default: {} }
  },
  data: () => ({}),
  computed: {},
  watch: {},
  methods: {
    goUrl(parame) {
      if (this.url != "") {
        this.$router.push(this.url + "/" + parame);
      }
    }
  },
  mounted() {}
};
</script>

<style scoped>
.com_card {
  width: 290px;
  height: 300px;
  padding: 10px;
  background-color: #ddd;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.com_card_img {
  width: 160px;
  height: 160px;
}
.com_card_msg {
  width: 180px;
  text-align: center;
}
.com_card_msg_name {
    font-size: 24px;
    margin-bottom: 10px;
}
.com_card_msg_version {
    font-size: 14px;
}
.com_card_msg_other {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}
.com_card_msg_time {
}
.com_card_msg_num {
}
.com_card_btn {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
</style>