Angular Owl Carousel 不是水平方向而是垂直方向

Answer 1

通常情况下，你不能通过你的组件直接操作其他组件的样式。因此，你的方法应该是这样的：

1. 查看别人的组件是否有这样的配置？如果没有请继续关注第二项哈哈哈
2. 在这种情况下，我们应该利用我们的超能力，因为你知道超能力需要受到控制。它的名字是

   ng-deep

   。 ng-deep 帮助我们操纵任何组件的样式。但是，它可能会影响应用程序中的每个位置。你知道，我们通常不想要这些有风险的事情。一件很棒的事情是将 ng-deep 与 :host 一起使用。 :host 帮助我们将 ng-deep 封装在该组件中。因此，您只需操作该组件的样式以及该组件内部的样式。在你的

   home.component.css

   中，你基本上可以像这样更新你的风格：

:host {
  ::ng-deep .owl-stage {
    display: flex;
  }

  .product-image {
    width: 30%;
    border-radius: 5px;
  }

  .card {
    width: calc(33.33% - 20px);
    margin: 10px;
  }

  .card-content {
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
}