ECJiaWiki:ECJia到家H5开发规范
跳到导航
跳到搜索
新增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 文件介绍:
- ecjia_city.css 页面样式文件
- ecjia_help.css 页面样式文件 (后期废弃)
- ecjia.touch.b2b2c.css 业务样式文件 (后期废弃)
- ecjia.touch.css UI样式文件
- ecjia.touch.develop.css 业务样式文件 (后期废弃)
- 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('标题名称');