装修市场
设计师模块开发
更新时间：2015/09/18
访问次数：112910
创建设计师模块
根据需要是否勾选 '创建less文件' 以及 '创建JS文件'
根据需要选择支持的布局形势190 550 750 950
如何创建支持多布局的设计师模块
例如我们创建的系统模块名称为 tshop-um-feichang
那么支持190布局的写法为：
.col-sub .tshop-um-feichang,
.col-extra .tshop-um-feichang{
/*css*/
}
950布局写法为：
.grid-m0 .col-main .tshop-um-feichang,
.grid-m0 .col-main .tshop-um-feichang{
/*css*/
}
750布局写法为:
.grid-m .col-main .tshop-um-feichang,
.grid-m0 .col-main .tshop-um-feichang,
.grid-s5m0 .col-main .tshop-um-feichang,
.grid-m0s5 .col-main .tshop-um-feichang{
/*css*/
}
950布局写法为：
.grid-s5m0e5 .col-main .tshop-um-feichang,
.grid-m0s5e5 .col-main .tshop-um-feichang,
.grid-s5e5m0 .col-main .tshop-um-feichang,
.grid-e5s5m0 .col-main .tshop-um-feichang,
.grid-e5m0s5 .col-main .tshop-um-feichang,
.grid-m0e5s5 .col-main .tshop-um-feichang{
/*css*/
}
创建模块配置
配置xml中我创建了一个name="hdtxt"的text类型的输入框：
<?xml version="1.0" encoding="GBK"?> <module> <id>tshop-um-feichang</id> <name>大图展播模块</name> <file>tshop-um-feichang.php</file> <thumbnail>assets/images/thumbnail.jpg</thumbnail> <description xsi:type="xs:string" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">5张大图展播</description> <requiredCache>true</requiredCache> <supportedWidth>950</supportedWidth> <themes default="default"> <theme name="default"> <css>assets/stylesheets/default.css</css> </theme> </themes> <parameters> <group title="基础设置"> <section folded="true" title="标题设置"> <param readonly="false" ptype="text" name="hdtxt" label="标题" formType="text" description="标题文字内容">经典热卖</param> </section> </group> </parameters> </module>
在php中我可以这样调用：
<d iv class="tb-module tshop-um tshop-um-feichang">
<?php
$title = $_MODULE['hdtxt'];/*模块标题*/
?>
<h 3><?=$title?></h 3>
</d iv>
可以到这里查看所有支持的xml配置类型：http://newwiki.zx.taobao.com/index.php?title=XML%E9%85%8D%E7%BD%AE%E7%99%BD%E5%90%8D%E5%8D%95