模板:九宫格

来自PRTS
跳转到导航 跳转到搜索
Template-info-png.png 模板文档  [查看] [编辑] [历史] [刷新]

本模板用于以仿照微博九宫格的形式显示图片。

用法

{{ 九宫格 | 图片1 | 图片2 | 图片3 | 图片4 | 图片5 | 图片6 | 图片7 | 图片8 | 图片9 }}

{{ 九宫格 | 外链 = 任意值 | 图片1链接 | 图片2链接 | 图片3链接 | 图片4链接 | 图片5链接 | 图片6链接 | 图片7链接 | 图片8链接 | 图片9链接 }}

示例

输入代码:

{{九宫格 |微博@明日方舟Arknights_2017-11-03_(1).jpg |微博@明日方舟Arknights_2017-11-03_(2).jpg |微博@明日方舟Arknights_2017-11-03_(3).jpg |微博@明日方舟Arknights_2017-11-03_(4).jpg |微博@明日方舟Arknights_2017-11-03_(5).jpg |微博@明日方舟Arknights_2017-11-03_(6).jpg |微博@明日方舟Arknights_2017-11-03_(7).jpg |微博@明日方舟Arknights_2017-11-03_(8).jpg |微博@明日方舟Arknights_2017-11-03_(9).jpg }} {{九宫格|外链 = 1 |https://media.prts.wiki/5/59/%E5%BE%AE%E5%8D%9A%40%E6%98%8E%E6%97%A5%E6%96%B9%E8%88%9FArknights_2017-11-03_%281%29.jpg |https://media.prts.wiki/f/fa/%E5%BE%AE%E5%8D%9A%40%E6%98%8E%E6%97%A5%E6%96%B9%E8%88%9FArknights_2017-11-03_%282%29.jpg |https://media.prts.wiki/5/50/%E5%BE%AE%E5%8D%9A%40%E6%98%8E%E6%97%A5%E6%96%B9%E8%88%9FArknights_2017-11-03_%283%29.jpg |https://media.prts.wiki/b/b0/%E5%BE%AE%E5%8D%9A%40%E6%98%8E%E6%97%A5%E6%96%B9%E8%88%9FArknights_2017-11-03_%284%29.jpg |https://media.prts.wiki/e/eb/%E5%BE%AE%E5%8D%9A%40%E6%98%8E%E6%97%A5%E6%96%B9%E8%88%9FArknights_2017-11-03_%285%29.jpg |https://media.prts.wiki/b/b2/%E5%BE%AE%E5%8D%9A%40%E6%98%8E%E6%97%A5%E6%96%B9%E8%88%9FArknights_2017-11-03_%286%29.jpg |https://media.prts.wiki/8/88/%E5%BE%AE%E5%8D%9A%40%E6%98%8E%E6%97%A5%E6%96%B9%E8%88%9FArknights_2017-11-03_%287%29.jpg |https://media.prts.wiki/c/cf/%E5%BE%AE%E5%8D%9A%40%E6%98%8E%E6%97%A5%E6%96%B9%E8%88%9FArknights_2017-11-03_%288%29.jpg |https://media.prts.wiki/7/73/%E5%BE%AE%E5%8D%9A%40%E6%98%8E%E6%97%A5%E6%96%B9%E8%88%9FArknights_2017-11-03_%289%29.jpg }}

得到效果如下:


微博@明日方舟Arknights 2017-11-03 (1).jpg微博@明日方舟Arknights 2017-11-03 (1).jpg
微博@明日方舟Arknights 2017-11-03 (2).jpg微博@明日方舟Arknights 2017-11-03 (2).jpg
微博@明日方舟Arknights 2017-11-03 (3).jpg微博@明日方舟Arknights 2017-11-03 (3).jpg
微博@明日方舟Arknights 2017-11-03 (4).jpg微博@明日方舟Arknights 2017-11-03 (4).jpg
微博@明日方舟Arknights 2017-11-03 (5).jpg微博@明日方舟Arknights 2017-11-03 (5).jpg
微博@明日方舟Arknights 2017-11-03 (6).jpg微博@明日方舟Arknights 2017-11-03 (6).jpg
微博@明日方舟Arknights 2017-11-03 (7).jpg微博@明日方舟Arknights 2017-11-03 (7).jpg
微博@明日方舟Arknights 2017-11-03 (8).jpg微博@明日方舟Arknights 2017-11-03 (8).jpg
微博@明日方舟Arknights 2017-11-03 (9).jpg微博@明日方舟Arknights 2017-11-03 (9).jpg



按照网页版微博的排版4图、7图、8图时会以4张一排的形式展现,但移动端仍为3张一排,因此无利用此特性设计排版的情况,故以移动版为模板原型。

以下为其他数量图片的显示效果:


微博@明日方舟Arknights 2017-11-03 (1).jpg微博@明日方舟Arknights 2017-11-03 (1).jpg
微博@明日方舟Arknights 2017-11-03 (2).jpg微博@明日方舟Arknights 2017-11-03 (2).jpg
微博@明日方舟Arknights 2017-11-03 (3).jpg微博@明日方舟Arknights 2017-11-03 (3).jpg
微博@明日方舟Arknights 2017-11-03 (4).jpg微博@明日方舟Arknights 2017-11-03 (4).jpg
微博@明日方舟Arknights 2017-11-03 (5).jpg微博@明日方舟Arknights 2017-11-03 (5).jpg
微博@明日方舟Arknights 2017-11-03 (6).jpg微博@明日方舟Arknights 2017-11-03 (6).jpg
微博@明日方舟Arknights 2017-11-03 (7).jpg微博@明日方舟Arknights 2017-11-03 (7).jpg


微博@明日方舟Arknights 2017-11-03 (1).jpg微博@明日方舟Arknights 2017-11-03 (1).jpg
微博@明日方舟Arknights 2017-11-03 (2).jpg微博@明日方舟Arknights 2017-11-03 (2).jpg
微博@明日方舟Arknights 2017-11-03 (3).jpg微博@明日方舟Arknights 2017-11-03 (3).jpg
微博@明日方舟Arknights 2017-11-03 (4).jpg微博@明日方舟Arknights 2017-11-03 (4).jpg



微博@唯at W typeA 2018-07-20.jpg微博@唯at W typeA 2018-07-20.jpg