Foxtable(狐表)用户栏目专家坐堂 → weUI中grid每行的数量如果控制?


  共有2634人关注过本帖树形打印复制链接

主题:weUI中grid每行的数量如果控制?

帅哥哟,离线,有人找我吗?
happyft
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1911 积分:17038 威望:0 精华:0 注册:2014/7/29 19:09:00
weUI中grid每行的数量如果控制?  发帖心情 Post By:2020/9/7 9:46:00 [只看该作者]


图片点击可在新窗口打开查看此主题相关图片如下:weui.jpg
图片点击可在新窗口打开查看

如上图例子,生成的手机页面是每行三个单元格,如果要每行四个单元格是在哪里控制?而且根据不同的手机大小也可以自适应,
谢谢!

 回到顶部
帅哥,在线噢!
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:107347 积分:546002 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2020/9/7 10:36:00 [只看该作者]

Select Case e.Path
    Case "test.htm"
        Dim wb As New WeUI
        wb.AppendHTML("<style>.weui_grid{width: 25%;}</style>",True) '每个格子1/4
        wb.AddPageTitle("","pageheader","WeUI","微信网页设计样式库")
        With wb.AddGrid("","g1")
            .Add("c1","Button", "./images/button.png").Attribute = ""
            .Add("c2","Cell", "./images/cell.png", "http://www.foxtable.com")
            .Add("c3","Toast", "./images/toast.png", "http://www.foxtable.com")
            .Add("c4","Dialog", "./images/dialog.png", "http://www.foxtable.com")
            .Add("c5","Progress", "./images/progress.png", "http://www.foxtable.com")
            .Add("c6","Msg", "./images/msg.png", "http://www.foxtable.com")
            .Add("c7","Article", "./images/article.png", "http://www.foxtable.com")
            .Add("c8","ActionSheet", "./images/actionSheet.png", "http://www.foxtable.com")
            .Add("c9","Icons", "./images/icons.png", "http://www.foxtable.com")
            .Add("c10","Panel", "./images/panel.png", "http://www.foxtable.com")
            .Add("c11","Tab", "./images/tab.png", "http://www.foxtable.com")
            .Add("c12","SearchBar", "./images/search.png", "http://www.foxtable.com")
        End With
        e.WriteString(wb.Build)
End Select

如果要自适应
wb.AppendHTML("<style>@media (min-width: 640px) {.weui_grid{width: 25%;}</style>",True) '当页面宽度大于640时设置为一行4格


 回到顶部
帅哥哟,离线,有人找我吗?
HappyFt
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1911 积分:17038 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/9/7 20:54:00 [只看该作者]

另外请教一下,传统的html文件中如下的这些抬头css样式文件在WeUI里面怎么使用,
<head>
<meta charset="UTF-8">
<title>订单列表</title>
<meta name="viewport" c />
<link href="../css/mui.min.css" rel="stylesheet" />
<link href="../fonts/iconfont/iconfont.css" rel="stylesheet" />
<link href="../css/fox.tools.css" rel="stylesheet" />
</head>
如上面的代码,直接在每个网页的前面类似这样加就可以吗?
    wb.AppendHTML("<style>.weui_cells_title{margin:0px;height:32px;background-color:" & cl_b & ";color:" & cl_f & "}</style>")

谢谢!


 回到顶部
帅哥,在线噢!
有点蓝
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:107347 积分:546002 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2020/9/7 21:36:00 [只看该作者]


 回到顶部