<template>
  <div class="com_ex">
    <block-radius>
      <h3>按原型大致做了一下，调优等后续</h3>

      <Commodity :datas="datas" />
    </block-radius>
  </div>
</template>

<script>
// @ is an alias to /src
import Commodity from "@/components/commodity.vue";
import BlockRadius from "@/components/block-radius";
export default {
  components: {
    Commodity,
    BlockRadius,
  },
  data: () => ({
    datas: {
      img: "",
      productName: "水路货物周转量情况",
      providedBy: "贵州省交通运输厅",
      releaseTime: "2020-03-12 18:31:12",
      updated: "2020-03-12 18:31:12",
      dataField: "经济建设",
      serviceType: ["专题数据服务", "企业专题数据服务"],
      resourceSummary: "提供水路货物周转量排名和同比增长的专题数据服",
      openLevel: "共享",
      views: "99999",
      numberOfAcquisitions: "9999",
      specifications: [
        {
          name: "访问次数：20/日 访问量：100/日",
          description:
            "用户服务申请通过审核确认后，每日可对水路货物周转量情况进行20次免费访问，获取100条数据记录。",
        },
        {
          name: "访问次数：200/日 访问量：1000/日",
          description:
            "用户服务申请通过审核确认后，每日可对水路货物周转量情况进行200次免费访问，获取1000条数据记录。",
        },
        {
          name: "访问次数：无上限 访问量：无上限",
          description:
            "用户服务申请通过审核确认后，每日可对水路货物周转量情况进行任意次免费访问，获取数据记录无上限。",
        },
      ],
    },
  }),
  mounted() {},
  methods: {},
};
</script>

<style scoped>
.com_ex {
  margin-top: 100px;
  padding: 20px;
}
</style>
