Bagaimana untuk mencipta Bahan Sudut senarai mat-grid
P粉473363527
P粉473363527 2023-08-18 12:56:40
0
2
483
<p>Saya cuba mencipta senarai mat-grid menggunakan Bahan Sudut, masalahnya ialah saya tidak nampak apa-apa yang muncul pada halaman</p> <p>Ini ialah bahagian maklumat komponen saya: </p> <pre class="brush:php;toolbar:false;"><div class="mat-grid-list" <div class="mat-grid-tile"style="grid-lajur: rentang 1; warna latar belakang: lightpink;"> Tiga </div> <div class="mat-grid-tile"style="grid-lajur: rentang 0; warna latar belakang: hijau muda;"> dua </div> <div class="mat-grid-tile"style="grid-lajur: rentang 3; warna latar belakang: #DDBDF1;> Empat </div> </div></pre> <p>Semuanya dipasang dan diisytiharkan</p>
P粉473363527
P粉473363527

membalas semua(2)
P粉262113569

Anda perlu menggunakan komponen Senarai Grid Bahan Sudut. Bukan sahaja CSS. Sila rujuk contohhttps://material.angular.io/components/grid-list/examples

P粉903969231

Sifat lajur grid dan baris grid memerlukan nilai rentang yang sesuai untuk menentukan bilangan lajur atau baris yang perlu diharungi oleh blok grid.

<mat-grid-list cols="4" rowHeight="100px">
  <mat-grid-tile colspan="1" rowspan="2" style="background-color: lightpink;">
    Three
  </mat-grid-tile>

  <mat-grid-tile colspan="1" rowspan="2" style="background-color: lightgreen;">
    Two
  </mat-grid-tile>

  <mat-grid-tile colspan="3" rowspan="1" style="background-color: #DDBDF1;">
    Four
  </mat-grid-tile>
</mat-grid-list>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan