苏南大叔在本文中,要讲述一些weui里面的panel组件。这个组件名叫panel,不过苏南大叔觉得它叫做list似乎更加合适些。因为在官方的panel例子里面,都是文章列表的范例。在日常的编程中,这个就叫做list文章列表页面。不过,既然大家都决定叫他panel,那就是叫做面板吧。

苏南大叔:weui框架组件小白入门指南:panel面板如何使用? - weui-panel-hero
weui框架组件小白入门指南:panel面板如何使用?(图11-1)

本文测试环境:mac/weui@1.1.3。本文的主要内容里,似乎并不需要weui.js的参与。

基本结构

weui-panel的基本结构包含三部分:

  • weui-panel__hdhd=>head
  • weui-panel__bdbd=>body
  • weui-panel__ftft=>foot

当然,对应的区块里面,又再次进行变化组合。对于本文来说,重点关注的区块就是weui-panel__bd。因为主要的变化就在这里。本文中的例子都来自weui官方,苏南大叔就是个转述分析的作用。

苏南大叔:weui框架组件小白入门指南:panel面板如何使用? - weui-panel-基本结构
weui框架组件小白入门指南:panel面板如何使用?(图11-2)

相关链接

总结

panel面板对于苏南大叔来说,更多的意义是list。不过,既然weui里面叫做panel,我们就顺着人家的意思来叫吧。在展示各种列表的时候,这个panel组件是很常用的。您说是么?

更多weui组件小白使用指南,请点击下面的链接:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   weui

本站的忠实读者小伙伴,正在阅读下面这些文章: