MisShop控件与盒模型

MisShop的盒模型
1、MisShop为管理系统快速搭建平台，基于B/S架构，开发的页面，都是在浏览器上访问。
2、使用MisShop设计出来的页面，其本质也是基于Html盒模型。
3、MisShop的控件，称之为业务组件，相当于各种类型的积木。从Dom来讲，就是对应于一个复杂的多层级的Dom元素。其中布局容器是一种特殊的控件，其用来将内部的子控件进行布局。

样式支持
MisShop给每一个控件，添加了样式支持配置。相当于给这个dom控件提供了class选择支持。

事件支持
按钮等控件，具备默认的动作事件。也可以给任何控件配置任何类型的任何动作事件。

总结：
布局容器(可嵌套)+业务控件+样式配置+动作事件=完整页面

包裹层：
1、为了实现布局的便利性，尤其是实现九宫格等规则布局时，此时若通过调整控件本身的大小来实现3*3方格的对齐效果，可能会带来控件本身变形的问题。此时可通过给控件本身添加一个父div，用这个div来布局，而控件本身在这个div中居中，即可实现整体九宫格的对齐效果，而不影响控件本身的大小。这种用来实现布局的div，MisShop称之为包裹层。
2、MisShop每个控件，都可配置其是否包含包裹层，也就是其是否自动生成此布局div。
3、而样式配置中，也专门给包裹层提供了样式支持配置。
4、表格/网格布局容器/弹性布局容器，这三个容器一般用于规则的对齐的效果。所以MisShop认为这三个布局容器下的控件，都一定具备包裹层。
5、其他容器下的的控件，可根据其实际显示效果需求，设置其是否应该包含包裹层。
6、MisShop设计页面的时候，属性配置中，如果说明为控件，那么就是作用到控件上，如果说明为单元格或者包裹层，则作用到包裹层上。