YDUI Touch - 常见移动端弹窗提示框集合类

Grids

1、说明

1.1、示例：http://m.ydui.org/html/grids.html

1.2、移动端常见平分网格。

2、调用

等分两列（带图标）

image

iconfont

添加 .m-grids-{2/3/4/5} 样式即可对应生成等分多列网格。

<div class="m-grids-2">
    <a href="#" class="grids-item">
        <div class="grids-icon"><img src="//static.ydcss.com/ydui/img/logo.png"></div>
        <div class="grids-txt"><span>image</span></div>
    </a>
    <a href="#" class="grids-item">
        <div class="grids-icon"><i class="icon-home"></i></div>
        <div class="grids-txt"><span>iconfont</span></div>
    </a>
</div>

等分三列（添加标题）

等分三列

grids-3

添加 <div class="m-gridstitle">等分三列</div> 即可。

<div class="m-gridstitle">等分三列</div>
<div class="m-grids-3">
    <a href="#" class="grids-item">
        <div class="grids-txt"><span>grids-3</span></div>
    </a>
    <a href="#" class="grids-item">
        <div class="grids-txt"><span>grids-3</span></div>
    </a>
    <a href="#" class="grids-item">
        <div class="grids-txt"><span>grids-3</span></div>
    </a>
    <a href="#" class="grids-item">
        <div class="grids-txt"><span>grids-3</span></div>
    </a>
    <a href="#" class="grids-item">
        <div class="grids-txt"><span>grids-3</span></div>
    </a>
</div>