Skip to content

Dev.Front Theme Concept and Compose.zh_cn

lavenderli edited this page Jul 26, 2013 · 5 revisions
  1. 主题分为前台主题和后台主题,开发者一般只需要开发前台主题,当然也可以定制后台主题。
  2. 我们把一个包含了模板及其CSS、JavaScript的结构化文件包称为主题包,这个主题包可以在后台安装并应用。主题包存放在usr/theme目录下。
  3. 主题主要负责页面的布局和统一风格的管理,每一个定制主题都可以有自己的style,风格共用样式写在{theme name}/asset/css/style.css中。
  4. 一个常规界面主要由模块内容和区块内容形成,而主题则控制他们的位置关系和区块样式。
    • 模块内容指一个页面的主体内容,它的内容是由模块产生的。
    • pi把一个页面分成8个区域,每个区域都能放区块,当然也可以不放。 例如:
 -------------------------------------------------------------------------------------
 |            |                                                           |          |
 |            |                               2                           |          |
 |            |                                                           |          |
 |            |------------------------------------------------------------          |
 |            |                              |                            |          |
 |            |                3             |             4              |          |
 |            |                              |                            |          |
 |      1     |-----------------------------------------------------------|    7     |
 |            |                                                           |          |
 |            |                        module  content                    |          |
 |            |                                                           |          |
 |            |-----------------------------------------------------------|          |
 |            |                              |                            |          |
 |            |                5             |             6              |          |
 |            |                              |                            |          |
 |------------|-----------------------------------------------------------|----------|
 |                                                                                   |
 |                                        8                                          |
 |                                                                                   |
 -------------------------------------------------------------------------------------
Clone this wiki locally