Terraria Wiki
Advertisement

Tworzenie responsywnej listy przedmiotów.

Możesz skorzystać z {{itemlist/options}} aby zmienić domyślne wartości dla parametrów.

Zastosowanie[]

Parametry:

  • Wszystkie nie nazwane parametry: wartość każdego elementu listy.
  • opcionalne width: szerokość przedmiotu, akceptuje dowolną szerokość z css'a, domyślnie jest to 10em.
  • opcionalne class: klasa css.
  • opcionalne id: atrybut id.
  • opcionalne css lub style: niestandardowe reguły css stosowane do elementów listy.
  • opcionalne boxcss lub boxstyle: niestandardowe reguły css stosowane do opakowania.

Przykład[]

{{itemlist
|{{item|Bucket}}
|{{item|Bottomless Water Bucket}}
|{{item|Super Absorbant Sponge}}
|{{item|Bug Net|size=30px}}
|{{item|Golden Bug Net|size=28px}}
|{{item|Breathing Reed|size=30px}}
|{{item|Sickle|size=30px}}
|{{item|Binoculars}}
|{{item|Portal Gun|size=30px}}
|{{item|Money Trough|size=30px}}
}}

efekt:

{{itemlist|width=18em|class=terraria
|{{item|Bucket}}
|{{item|Bottomless Water Bucket}}
|{{item|Super Absorbant Sponge}}
|{{item|Bug Net|size=30px}}
|{{item|Golden Bug Net|size=28px}}
|{{item|Breathing Reed|size=30px}}
|{{item|Sickle|size=30px}}
|{{item|Binoculars}}
|{{item|Portal Gun|size=30px}}
|{{item|Money Trough|size=30px}}
}}

will result:

{{itemlist|width=30em
|{{item|Bucket}}
|{{item|Bottomless Water Bucket}}
|{{item|Super Absorbant Sponge}}
|{{item|Bug Net|size=30px}}
|{{item|Golden Bug Net|size=28px}}
|{{item|Breathing Reed|size=30px}}
|{{item|Sickle|size=30px}}
|{{item|Binoculars}}
|{{item|Portal Gun|size=30px}}
|{{item|Money Trough|size=30px}}
}}

efekt:

{{itemlist|width=15em|boxcss=line-height: 3
|{{item|Bucket}}
|{{item|Bottomless Water Bucket}}
|{{item|Super Absorbant Sponge}}
|{{item|Bug Net|size=30px}}
|{{item|Golden Bug Net|size=28px}}
|{{item|Breathing Reed|size=30px}}
|{{item|Sickle|size=30px}}
|{{item|Binoculars}}
|{{item|Portal Gun|size=30px}}
|{{item|Money Trough|size=30px}}
}}

efekt:


Istnieje inny styl API, łatwiej jest go używać z DPL/cargo:

{{itemlist/start|width=20em}}
{{itemlist/item|{{item|Bucket}} }}
{{itemlist/item|{{item|Bottomless Water Bucket}} }}
{{itemlist/item|{{item|Super Absorbant Sponge}} }}
{{itemlist/item|{{item|Bug Net|size=30px}} }}
{{itemlist/end}}

efekt:

Wszystkie parametry {{itemlist}} są dostępne na {{itemlist/start}}, a każdy element listy może również definiować własny css:

{{itemlist/start}}
{{itemlist/item|{{item|Bucket}}|css=border:1px solid red}}
{{itemlist/item|{{item|Bottomless Water Bucket}} }}
{{itemlist/item|{{item|Super Absorbant Sponge}} }}
{{itemlist/item|{{item|Bug Net|size=30px}}|css=border:2px dotted blue}}
{{itemlist/end}}

efekt:


Zobacz również[]

Advertisement