<template>
  <div class="q-mt-lg section-block download1">
    <div class="group-title">{{plugData.Title}}</div>
    <q-markup-table class="" flat separator="vertical">
      <thead>
        <tr>
          <th class="text-left my-th-head" style="width:100px">檔案下載</th>
          <th class="text-left my-th-head">標題</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="(item,index) in plugData.DownLoadList" :key="index" v-if="item.LinkUrl&&item.LinkUrl!=''">
          <td>
            <q-btn type="a" :href="item.LinkUrl" target="_blank" label="下載" color="primary" />
          </td>
          <td>
            <a :href="item.LinkUrl" target="_blank">{{item.LinkTitle}}</a>
          </td>
        </tr>
      </tbody>
    </q-markup-table>
  </div>
</template>

<script>
  export default {
    props: ["plugData"],
  };

</script>
<style>
  .my-th-head {
    font-size: 18px !important;
    font-weight: 600 !important;
  }

  .download1 .group-title {
    margin: 0;
    padding: 0;
    line-height: unset;
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    text-align: center;
  }
</style>