DZ3.5修改手机发现页步骤如下:
模板文件:find.htm
<div class="findbox cl">
<ul class="two-column-grid"> <!-- 新增 class 控制双列 -->
<!--{loop $_G['setting']['mfindnavs'] $nav}-->
<!--{if is_array($nav) && $nav['available'] && ($nav['type'] && (!$nav['level'] || ($nav['level'] == 1 && $_G['uid']) || ($nav['level'] == 2 && $_G['adminid'] > 0) || ($nav['level'] == 3 && $_G['adminid'] == 1)) || !$nav['type'])}-->
<li class="grid-item"><a href="$nav[url]"><i class="dm-c-right"></i>$nav[name]</a></li>
<!--{/if}-->
<!--{/loop}-->
<!--{hook/index_find_extra_mobile}-->
</ul>
</div>
CSS:
/* 双列布局 */
.two-column-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 -5px; /* 抵消子项边距 */
list-style: none;
}
.two-column-grid .grid-item {
flex: 0 0 calc(50% - 10px); /* 每项占 50% 宽度,留间隙 */
margin: 5px;
box-sizing: border-box;
}
/* 原有样式保留(如箭头图标等) */
.findbox li a {
display: block;
padding: 10px;
border: 1px solid #eee; /* 可选:增加边框区分 */
border-radius: 4px;
text-align: center;
}