创建设计师模块


 

根据需要选择支持的布局形势200 560 770 980

 

如何创建支持多布局的设计师模块

例如我们创建的系统模块名称为 yhd-um-layout

那么支持200布局的写法为:

   .col-sub .yhd-um-layout,
   .col-extra .yhd-um-layout{
       /*css*/
   }

980布局写法为:

   .grid-980 .col-main .yhd-um-layout,
   .grid-980 .col-main .yhd-um-layout{
       /*css*/
   }

770布局写法为:

   .grid_200_770 .col-main .yhd-um-layout,
   .grid_770_200 .col-main .yhd-um-layout{
       /*css*/
   }

 

560布局写法为:

   .grid_200_560_200 .col-main .yhd-um-layout,
   .grid_560_200_200 .col-main .yhd-um-layout,
   .grid_200_200_560 .col-main .yhd-um-layout{
       /*css*/
   }

创建模块配置

配置xml中我创建了一个name="title"的text类型的输入框:

<?xml version="1.0" encoding="GBK" standalone="yes"?>
<module>
    <id>yhd-um-layout</id>
    <uuid>72d6f3f73e1c4b3cab28153b6648a58d</uuid>
    <name>test</name>
    <file>yhd-um-layout.php</file>
    <thumbnail>../../assets/images/default-thumbnail.png</thumbnail>
    <description></description>
    <supportedWidth>200,560,770,980</supportedWidth>
    <themes default="默认">
        <theme name="默认">
            <css>assets/stylesheets/default.css</css>
        </theme>
    </themes>
    <parameters>
        <group title="基础设置">
            <section folded="false" title="标题设置">
                <param readonly="false" ptype="text" name="title" label="标题" formType="text" description="描述信息就是要太长!">标题要长</param>
            </section>
        </group>
    </parameters>
</module>

在php中我可以这样调用:

   <div class="yhd-um-layout">
       <?php 
       $title = $_MODULE['title'];/*模块标题*/
       ?>
       <h3><?=$title?></h3>
   </div>

 

formType属性取值说明

名称

说明

text

text文本框。

select

select下拉框。

textarea

textarea文本域。

image

text文本框 区分文本框内容是普通文本还是图片链接。

range

radio单选框。

checkbox

checkbox多选框。

itemForm

描述生成“商品选择”的按钮,可进行产品ID选取。

categoryForm

描述生成“类目选择”的按钮,可进行类目ID选取。

 

formType使用实例

  <parameters>
        <group title="支持类型">
            <section folded="false" title="支持类型">
                <param readonly="false" ptype="text" name="rane" label="text" formType="text" description="点击图片">dzbj.gif</param>
                <param readonly="false" ptype="text" name="rane1" label="image" formType="image" description="图片链接">图片链接</param>
                <param readonly="false" ptype="date" name="textarea" label="textarea" formType="textarea" description="上面">12</param>
                <param ptype="text" name="type" label="select" formType="select" description="请选择书籍类型">
                    <option value="1">长生不老型</option>
                    <option selected="selected" value="2">快速致富型</option>
                    <option value="3">成功励志型</option>
                </param>
                <param readonly="false" ptype="item" name="range" label="range" formType="range" description="上面选了几个就添加几个">
                    <option value="normal">主流</option>
                    <option value="porn">黄色</option>
                    <option value="violent">暴力</option>
                    <option selected="selected" value="reactionary">反动</option>
                </param>
                <param readonly="false" ptype="item" name="checkbox" label="checkbox" formType="checkbox" description="上面选了几个就添加几个">
                    <option value="normal">主流</option>
                    <option selected="selected" value="porn">黄色</option>
                    <option selected="selected" value="violent">暴力</option>
                    <option value="reactionary">反动</option>
                </param>
                <param readonly="false" ptype="item" name="itemForm" label="itemForm" formType="itemForm" description="描述信息就是要太长!"></param>
                <param readonly="false" ptype="text" name="categoryForm" label="categoryForm" formType="categoryForm" description="描述信息就是要太长!"></param>
            </section>
        </group>
    </parameters>

提示

关闭