28 lines
972 B
HTML
28 lines
972 B
HTML
<!--
|
||
title: 布局题目
|
||
description:
|
||
published: true
|
||
date: 2024-03-28T08:23:41.704Z
|
||
tags:
|
||
editor: ckeditor
|
||
dateCreated: 2024-03-28T08:23:41.704Z
|
||
-->
|
||
|
||
<figure class="image"><img src="/微信图片_20240328160342.jpg"></figure>
|
||
<ol>
|
||
<li>按照站队进行排列，列表、图片与文本的前后位置共有N3=6种情况。</li>
|
||
</ol>
|
||
<p>而排列方式，有纵向和横向并排共2种；类第一张图，但长条块于上下左右共4种。</p>
|
||
<p>所以在瀑布流排列下一共有6x(2+4)=36种。</p>
|
||
<p>2. 数据结构表示：</p>
|
||
<p>我们读取后端的json文件，采用瀑布流方向进行渲染。</p>
|
||
<p>数组结构，第一层为纵向，第二层为横向，第三层为纵向以此类推，示例：</p>
|
||
<figure class="image"><img src="/qq截图20240328162120.png"></figure>
|
||
<pre><code class="language-plaintext">[
|
||
'图片',
|
||
'文本',
|
||
'列表'
|
||
]</code></pre>
|
||
<figure class="image"><img src="/qq截图20240328162259.png"></figure>
|
||
<p> </p>
|