<script setup>
import {defineProps} from 'vue'
const props=defineProps({
    itemName:{
      type:String,
      default:'文件名称'
    },
    url:{
      type:String,
      default:'地址错误'
    }
})
</script>

<template>
  <div class="service-item">
      <div class="text">{{itemName}}</div>
    <a class="download" >下载</a>
  </div>
</template>

<style lang="less" scoped>
.service-item {
  box-shadow: 0px 6px 25.4px 0px #C1C6C740;
  padding: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1205px;
  .download{
    color: #AEAEAE;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.06em;
  }
  .text{
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0.06em;
    color: #333333;

  }
}
</style>
