码迷,mamicode.com
首页 > 其他好文 > 详细

模块制作

时间:2016-06-30 22:57:51      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:

一、模块的存放位置:~/Widgets/{GroupName}/{AppName}/{Key}

其中:GroupName表示分组名称,也表示解决方案名称,比如:Shop、CMS、Core等

AppName表示应用的名称,比如User、Product、Common等

Key表示模块的名称:比如UserReg、UserLeftNav

Key的命名必须为英文字母,首单词字母大写,不能用拼音,更不能用单词缩写

 

二、模块访问

/widget?group=Core&appName=User&key=UserLeftNav

如果模块不存在,则会根据URl自动创建

第一次访问的时候,Group、AppName和Key的值,必须区分大小写

 

 三、Widget.css  支持中文变量

  1. 模块的所有CSS名称必须以.Key为开头,避免冲突
  2. 变量以/*variable begin为开头,以variable end*/为结尾,不能输错,否则不能识别 建议直接复制
  3. 定义变量:以空格为隔开,第一个表示变量名,第二个表示控件类型,第三个表示默认值,第四个表示单位
  4. 变量名称不能重复
  5. 示例代码:
技术分享
/*variable begin

    @主题颜色 color   #E4393C 模块的整体颜色
    @主题宽度  int  450  px
    @圆角 int 20  帮助文字
    @链接颜色  color  #6c6c6c
    @悬停颜色  color  #ff4400
    @按钮字体颜色  color  #ffffff  按钮放上去字体颜色

variable end*/

.UserLeftNav form .keywords {
    border:3px solid @主题颜色;
    border-radius:@圆角px;
    height:34px;
    width:@主题宽度px;
}
.UserLeftNav form .btnSearch {
    background:@主题颜色;
    color: @按钮字体颜色;
    height: 40px;
    left: -68px;
    width: 65px;
    text-indent:12px;
}
.UserLeftNav p a
{
   color:@链接颜色;
}
.UserLeftNav p a:hover{
    color:@悬停颜色;
}
View Code

 

 

 

  

模块制作

标签:

原文地址:http://www.cnblogs.com/zkcloud/p/5631300.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!