[TOC]
> 微擎模板UI基于Bootstrap框架,可参考其文档。http://v3.bootcss.com/
### 模板文件载入官方统一头部和底部
~~~
{template 'common/header'}
{template 'common/footer'}
~~~
### 常用代码块
#### 面板 panels
http://v3.bootcss.com/components/#panels
示例代码
~~~
Panel heading without title
Panel content
Panel title
Panel content
~~~
#### 标签页
![](https://box.kancloud.cn/249946c094f31fabe21455a5b7059acd_432x92.png)
示例代码
~~~
{if $op == 'edit'}
分类编辑
{/if}
~~~
#### 表单
http://v3.bootcss.com/css/#forms
示例代码
~~~
编辑公众号信息
自动采集
所属分类
{if empty($ml_select)}
请先添加分类
{else}
{loop $ml_select $key $item}
{$item['fenleiname']}
{/loop}
{/if}
排序
公众号名称
公众号头像
{php echo tpl_form_field_image('thumb',$detail['thumb']);}
公众号链接
~~~