components-packaging/index2.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>轮播组件: 组件的插件化</title>
  <link rel="stylesheet" href="assets/style.css">
</head>

<body>
  <div class="slider">
    <ul>
      <li class="slider__item--selected">
        <img src="./assets/img/233397.jpg" width="790" height="340" />
      </li>
      <li class="slider__item">
        <img src="./assets/img/419937.jpg" width="790" height="340" />
      </li>
      <li class="slider__item">
        <img src="./assets/img/439003.jpg" width="790" height="340" />
      </li>
      <li class="slider__item">
        <img src="./assets/img/838132.jpg" width="790" height="340" />
      </li>
    </ul>
    <a class="slider__next"></a>
    <a class="slider__previous"></a>
    <div class="slider__control">
      <span class="slider__control-buttons--selected"></span>
      <span class="slider__control-buttons"></span>
      <span class="slider__control-buttons"></span>
      <span class="slider__control-buttons"></span>
    </div>
  </div>
  <script type="module" src="assets/app2.js"></script>
</body>

</html>