Question

因此，我有一个mat-tab-group，它依次为每个选项卡显示一个mat-card。每张卡代表一个酒店房间。

我想以某种方式在垫卡的图像部分中显示几个图像。有什么方法可以做到这一点？

这是我当前的HTML模板：

<mat-card class="example-card">
  <mat-card-header>
    <div mat-card-avatar class="example-header-image"></div>
    <mat-card-title>{{room.name}}</mat-card-title>
    <mat-card-subtitle>${{room.price}} por noche</mat-card-subtitle>
  </mat-card-header>
  <img mat-card-image src="https://material.angular.io/assets/img/examples/shiba2.jpg" alt="Photo of a Shiba Inu">
  <mat-card-content>
    <p>
      {{room.details}}
    </p>
  </mat-card-content>
  <mat-card-actions>
    <button mat-raised-button>Book</button>
    <button mat-button>Share</button>
  </mat-card-actions>
</mat-card>

Answer 1

data _null_; set &dset_in.; call symput ("var" !! strip(put(_n_, 3.)), strip(Variabile)); call symput ("min" !! strip(put(_n_, 3.)), strip(lim_inf)); call symput ("max" !! strip(put(_n_, 3.)), strip(lim_sup)); run;指令可以应用于mat-card-image之外的其他元素。它仅用于将项目拉伸到完整宽度。因此，您可以创建一个提供“图库”体验的组件，然后使用它代替img：

img

或者只使用您的组件并自行调整大小-不用理会该指令。

席卡中的多个图像

1 个答案: