Lines Matching refs:container
4 …节点，使用grid-row与grid-col进行栅格布局。具体请参考[Grid-container](../reference/apis-arkui/arkui-js/js-components-…
7 ## 创建grid-container组件
9 在pages/index目录下的hml文件中创建一个grid-container组件，并添加[Grid-row](../reference/apis-arkui/arkui-js/js-compon…
14 <div class="container">
15 <grid-container id="mygrid" gutter="20px" style="background-color: pink;">
20 </grid-container>
27 .container{
40 > grid-container仅支持grid-row为子组件。
45 grid-container点击组件调用getColumns、getColumnWidth、getGutterWidth方法，返回栅格容器列数、column宽度及gutter宽度。长按调用getSi…
50 <div class="container">
51 <grid-container id="mygrid" gutter="20px" style="background-color: pink;padding-top: 100px;"
60 </grid-container>
67 .container{
114 创建grid-container组件并添加grid-row，在grid-row组件内添加grid-col组件形成布局。
119 <div class="container">
120 …<grid-container id="mygrid" columns="4" gutter="0" style="background-color: pink;" onclick="getCol…
147 </grid-container>
154 .container{
182 <div class="container">
184 <grid-container id="mygrid" gutter="20" style="margin: 10px;">
197 </grid-container>
205 .container{