<template>
  <div class="entertheshop" style="padding: 30px;">
    <!-- 内容 -->
    <h1>机床设备说明清单</h1>
    <p>以下是我们提供的机床设备的详细说明和参数：</p>
    <table>
        <thead>
            <tr>
                <th>设备名称</th>
                <th>设备型号</th>
                <th>主要参数</th>
                <th>设备说明</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>数控车床</td>
                <td>型号A</td>
                <td>最大加工直径：200mm<br>最大加工长度：500mm</td>
                <td>适用于各种材料的车削加工，具有高精度、高效率的特点。</td>
            </tr>
            <tr>
                <td>立式加工中心</td>
                <td>型号B</td>
                <td>工作台尺寸：800x400mm<br>最大负载：300kg</td>
                <td>适用于复杂零件的铣削、钻孔、攻丝等加工。</td>
            </tr>
            <tr>
                <td>数控磨床</td>
                <td>型号C</td>
                <td>工作台尺寸：600x300mm<br>最大研磨深度：200mm</td>
                <td>适用于高精度、高光洁度的平面、曲面研磨加工。</td>
            </tr>
        </tbody>
    </table>
<image src="https://118.89.201.237:25529/down/SrkSb4eGwRzu.jpg"></image>
    <!-- 删除组件 -->
    <slot name="deles" />
  </div>
</template>

<script>
export default {
  name: 'entertheshop',
  props: {
    datas: Object,
  },
}
</script>

<style scoped lang="lang="scss"">
  table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid black;
            padding: 10px;
            text-align: left;
        }
.entertheshop {
  position: relative;
}
</style>
