Skip to content

Instantly share code, notes, and snippets.

@dioxide
Created July 23, 2013 03:12
Show Gist options
  • Save dioxide/6059585 to your computer and use it in GitHub Desktop.
Save dioxide/6059585 to your computer and use it in GitHub Desktop.

Revisions

  1. dioxide revised this gist Jul 23, 2013. 1 changed file with 0 additions and 1 deletion.
    1 change: 0 additions & 1 deletion Ecstore 切图建议
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,6 @@
    ECstore: 切图建议



    整体:

    1. 页面请考虑ie6(考虑png图片ie6下的透明问题),ie7 (包括360和搜狗的兼容模式)和 ie8,ie9,chrome,safari,opera,firefox浏览器;
  2. dioxide revised this gist Jul 23, 2013. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions Ecstore 切图建议
    Original file line number Diff line number Diff line change
    @@ -22,6 +22,7 @@ ECstore: 切图建议
    8. 从别处摘抄的代码,务必要将代码整理干净,去除不必要的链接,Class,标签属性,js等;

    9. css文件的结构参考b2c应用的业务模块的划分并兼顾性能优化,建议分为:

    base.css 整站调用
    passport.css 登录,注册找回密码
    index.css 首页专用
  3. dioxide revised this gist Jul 23, 2013. No changes.
  4. dioxide created this gist Jul 23, 2013.
    41 changes: 41 additions & 0 deletions Ecstore 切图建议
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,41 @@
    ECstore: 切图建议



    整体:

    1. 页面请考虑ie6(考虑png图片ie6下的透明问题),ie7 (包括360和搜狗的兼容模式)和 ie8,ie9,chrome,safari,opera,firefox浏览器;

    2. Javascript框架请避免使用jquery, 与Ecstore的内置框架Mootools有冲突,处理冲突较麻烦; 请基于Mootools 1.3开发javascript模块;

    3. 切出的静态页面的Javascript效果要实现,比如商品菜单要能展开二级菜单,有下来菜单的做出下拉效果; tab切换模块要有tab切换效果(若每个tab的内容不同,也要提现出来);

    4. 某些模块具有多种状态的展示 ,如团购和限时抢购有 “进行中,未开始,已结束,已成功” 等不同的状态,展现形式也会有区别,页面没有体现出来;


    5. 具有动态效果的,若有动态的class变动情况,要写注释说明;

    6. 关于商品图片,请将图片的比例定为1:1,Ecstore中图片尺寸分为3中, 列表页,详情页和大图模式,共三种尺寸, 并与外层容器和 商品名称,价格保持一定的间距;

    7. 所有列表中(包括商品列表,文章列表),要考虑外层容器的最宽或最高的限制(即排版),没个列表项要规定高度,超出部分不予显示或者以省略号显示;

    8. 从别处摘抄的代码,务必要将代码整理干净,去除不必要的链接,Class,标签属性,js等;

    9. css文件的结构参考b2c应用的业务模块的划分并兼顾性能优化,建议分为:
    base.css 整站调用
    passport.css 登录,注册找回密码
    index.css 首页专用
    product.css 商品列表和详情专用
    cart.css 购物车专用
    content.css 文章列表和模块专用
    member.css 会员中化专用
    brand.css 品牌列表和详情专用
    group.css 团购模块专用
    timedbuy.css 限时抢购专用

    10 页面模块(如: 商品排行.相关分类等)的代码机构和css样式要尽量保持低的耦合度,尽量能在任何页面中正确展示;

    登录,注册,找回密码,商品列表,商品详情,购物车确认,结账,订单生成,会员中心各模块:

    1. 这些标准系统的主流程所涉及的模块,在无项目的特殊要求下,不可改动main区域(即可视化编辑时的灰色区域)的HTML代码结构,JS功能,原则上这可更改样式,新增模块除外;