ECJiaWiki:ECJia到家H5开发规范

来自ECJiaWiki
跳到导航 跳到搜索

新增CSS

  • 文件名称： ecjia_city.css
  • 文件路径：css/ecjia_city.css

之前调用 CSS 文件

  • ecjia_help.css
  • ecjia.touch.b2b2c.css
  • ecjia.touch.css
  • ecjia.touch.develop.css
  • ecjia.touch.models.css

存放路径：css/

现在加载的CSS样式表

  • ecjia_city.css
  • ecjia_help.css
  • ecjia.touch.b2b2c.css
  • ecjia.touch.css
  • ecjia.touch.develop.css
  • ecjia.touch.models.css

位置保持不变

CSS 文件介绍：

  1. ecjia_city.css 页面样式文件
  2. ecjia_help.css 页面样式文件 （后期废弃）
  3. ecjia.touch.b2b2c.css 业务样式文件 （后期废弃）
  4. ecjia.touch.css UI样式文件
  5. ecjia.touch.develop.css 业务样式文件 （后期废弃）
  6. ecjia.touch.models.css 模态框样式文件

命名规范

为了避免样式冲突每个页面都有独有的class 命名规范如下：

模板名称 class名称
头部 ecjia-header
首页 ecjia-mod
新品推荐 ecjia-new-goods
促销商品 ecjia-promotion-model
搜索 ecjia-search-header
分类 ecjia-mod category
店铺列表 ecjia-store-goods-list
店铺商品 ecjia-store-goods
店铺评论 ecjia-store-comment
店铺详情 ecjia-store-detail
购物车 ecjia-flow-cart-list
结算 ecjia-checkout
结算完成 ecjia-flow-done
我的 ecjia-user
我的奖励 ecjia-spread
地址列表 ecjia-address-list
账户余额 ecjia-account
交易记录 ecjia-account-log
红包 ecjia-bonus
登录 ecjia-login
注册 user-register
找回密码 ecjia-login
商品详情 ecjia-goods-basic-info
订单列表 ecjia-order-list
订单详情 ecjia-order-detail
文章 ecjia-article
选择配送方式 ecjia-select
选择支付方式 ecjia-select
查看订单商品 ecjia-flow-goodslist
发票信息 ecjia-invoice
备注信息 ecjia-select
红包 ecjia-select
积分 ecjia-text
积分 ecjia-text

模板示例

<?php
/*
Name: 首页
Description: 首页模板
Libraries: page_menu,page_header
*/
defined('IN_ECJIA') or header("HTTP/1.0 404 Not Found");exit('404 Not Found');
?>

<!-- {extends file="ecjia-touch.dwt.php"} -->

<!-- {block name="footer"} -->

<!-- {/block} -->

<!-- {block name="main-content"} -->
     <div class="ecjia-index">
            模板代码
     </div>
<!-- {/block} -->

设置页面title

  • 设置页面标题
ecjia_front::$controller->assign_title('标题名称');
取自“https://ecjia.com/wiki/index.php?title=ECJiaWiki:ECJia到家H5开发规范&oldid=17296”