Home Explore Help
Register Sign In
zhuliu
/
xiaoshi-wx
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
xiaoshi-wx
/
node_modules
/
wux-weapp
/
example
/
pages
/
grid
/
index.wxml

index.wxml 4.6 KB
Permalink History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 
  1. <view class="page">
    2. 

  2.     <view class="page__hd">
    3. 

  3.         <view class="page__title">Grid</view>
    4. 

  4.         <view class="page__desc">宫格</view>
    5. 

  5.     </view>
    6. 

  6.     <view class="page__bd">
    7. 

  7.         <view class="sub-title">Default</view>
    8. 

  8.         <wux-grids>
    9. 

  9.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    10. 

  10.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    11. 

  11.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    12. 

  12.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    13. 

  13.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    14. 

  14.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    15. 

  15.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    16. 

  16.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    17. 

  17.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    18. 

  18.         </wux-grids>
    19. 

  19.         <view class="sub-title">Square = true</view>
    20. 

  20.         <wux-grids square>
    21. 

  21.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    22. 

  22.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    23. 

  23.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    24. 

  24.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    25. 

  25.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    26. 

  26.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    27. 

  27.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    28. 

  28.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    29. 

  29.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    30. 

  30.         </wux-grids>
    31. 

  31.         <view class="sub-title">Bordered = false</view>
    32. 

  32.         <wux-grids bordered="{{ false }}">
    33. 

  33.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    34. 

  34.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    35. 

  35.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    36. 

  36.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    37. 

  37.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    38. 

  38.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    39. 

  39.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    40. 

  40.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    41. 

  41.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    42. 

  42.         </wux-grids>
    43. 

  43.         <view class="sub-title">Col = 4</view>
    44. 

  44.         <wux-grids col="4">
    45. 

  45.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    46. 

  46.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    47. 

  47.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    48. 

  48.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    49. 

  49.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    50. 

  50.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    51. 

  51.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    52. 

  52.             <wux-grid thumb="http://cdn.skyvow.cn/logo.png" label="Wux Weapp" />
    53. 

  53.         </wux-grids>
    54. 

  54.         <view class="sub-title">Custom content</view>
    55. 

  55.         <wux-grids>
    56. 

  56.             <wux-grid>
    57. 

  57.                 <wux-icon type="logo-github" />
    58. 

  58.                 <view>Wux Weapp</view>
    59. 

  59.             </wux-grid>
    60. 

  60.             <wux-grid>
    61. 

  61.                 <wux-icon type="logo-github" />
    62. 

  62.                 <view>Wux Weapp</view>
    63. 

  63.             </wux-grid>
    64. 

  64.             <wux-grid>
    65. 

  65.                 <wux-icon type="logo-github" />
    66. 

  66.                 <view>Wux Weapp</view>
    67. 

  67.             </wux-grid>
    68. 

  68.             <wux-grid>
    69. 

  69.                 <wux-icon type="logo-github" />
    70. 

  70.                 <view>Wux Weapp</view>
    71. 

  71.             </wux-grid>
    72. 

  72.             <wux-grid>
    73. 

  73.                 <wux-icon type="logo-github" />
    74. 

  74.                 <view>Wux Weapp</view>
    75. 

  75.             </wux-grid>
    76. 

  76.             <wux-grid>
    77. 

  77.                 <wux-icon type="logo-github" />
    78. 

  78.                 <view>Wux Weapp</view>
    79. 

  79.             </wux-grid>
    80. 

  80.             <wux-grid>
    81. 

  81.                 <wux-icon type="logo-github" />
    82. 

  82.                 <view>Wux Weapp</view>
    83. 

  83.             </wux-grid>
    84. 

  84.             <wux-grid>
    85. 

  85.                 <wux-icon type="logo-github" />
    86. 

  86.                 <view>Wux Weapp</view>
    87. 

  87.             </wux-grid>
    88. 

  88.             <wux-grid>
    89. 

  89.                 <wux-icon type="logo-github" />
    90. 

  90.                 <view>Wux Weapp</view>
    91. 

  91.             </wux-grid>
    92. 

  92.         </wux-grids>
    93. 

  93.     </view>
    94. 

  94. </view>
    95.