创建页面
1. 引用静态资源
加载SUI基本样式及SUI库,SUI部分插件需要touch事件支持,这里选用jQuery3.x版本。
如果你用到了拓展包中的组件,还需要引用extend扩展包。
2. 调试代码
如果你希望在开发环境下可以调试代码,那么你可以这样引用未压缩的版本
完整的页面模板
你可以直接用下面的模板来创建你的页面:
使用组件
上面已经有了页面的基本结构,下一步就是把你需要的组件塞进去,这里我们以一个卡片形式的页面为例。我们主要会用到导航栏和卡片两个组件。
首先,我们需要一个标题栏和工具栏。
然后我们在内容区中填上几个卡片
最终效果是这样的 示例