Foxtable(狐表)用户栏目专家坐堂 → WeUI中grid分组美化


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

主题:WeUI中grid分组美化

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


加好友 发短信
等级:婴狐 帖子:9 积分:197 威望:0 精华:0 注册:2021/11/24 17:36:00
WeUI中grid分组美化  发帖心情 Post By:2021/11/26 8:43:00 [只看该作者]

WeUI中的grid,每个分组能否优化像微信支付页面那种效果?中间网格很不友好,一行5个时有两个中间没有框线,每个分组怎么做到像微信那样背景看起来是在一个面板上?而且加入的H5分组标题字体和其它不一样,看起来很不舒服。

图片点击可在新窗口打开查看此主题相关图片如下:1.png
图片点击可在新窗口打开查看
图片点击可在新窗口打开查看
[此贴子已经被作者于2021/11/26 8:45:03编辑过]

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


加好友 发短信
等级:超级版主 帖子:106132 积分:539771 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2021/11/26 9:15:00 [只看该作者]

默认就是一行3个的,和微信支付一样的效果。肯定是自己改了什么样式,没调整好。

至于分组标题字体可以自己使用样式去控制

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


加好友 发短信
等级:婴狐 帖子:9 积分:197 威望:0 精华:0 注册:2021/11/24 17:36:00
  发帖心情 Post By:2021/11/27 17:46:00 [只看该作者]

蓝老师,请教,自己鼓捣一天,也没弄好,测试代码和微信支付页面源代码如下,为什么我的测试页面如下图,是竖着排的?而且"腾讯服务"分组标题和同一组按钮整体看起来不像微信那样在一个面板上。如何修改,感激不尽,谢谢!

图片点击可在新窗口打开查看此主题相关图片如下:1.png
图片点击可在新窗口打开查看
 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:微信支付页面.rar
 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:测试代码.txt



[此贴子已经被作者于2021/11/27 17:47:31编辑过]

 回到顶部