# MobileH5-template

**Repository Path**: ssly/MobileH5-template

## Basic Information

- **Project Name**: MobileH5-template
- **Description**: No description available
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-11-01
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# common.js详解
* 全局变量  
  
| CONFIG        | 配置项                |
|:-------------:|:----------------------|
| LOGIN_TOKEN   | LOGIN_TOKEN           |
| LOGIN_DATA    | 登陆返回的JSON        |

* API
    * `API.getFirstMenu()`   获取一集菜单 
    * `API.getSecondMenu()` 获取二级菜单
    * `API.getDataList()`  获取列表
    
        ```
        API.getDataList({
            action: 'culturalCloudContentSuperiorServiceListV10',
            menuId: '11011345247120132',
            stairColumnId: tools.getUrlParam('stairColumnId'),
            pageIndex:0,
            pageSize:10
        },render)
        ```
        
        一般 action、menuId必传
        pageIndex默认 0，pageSize默认 10
        
        其他参数可自行调整。
    * `API.getDataById()`  用于获取详情信息
    
        接口回调函数
          
            success status==1 一般用于渲染DOM
            defeat  status!=1时的回调   失败回调
            error   请求失败回调，

* tools
        tools.getUrlParam()

# config.json
* 全局配置  

    每个项目单独配置 防止配置项和LOGIN_TOKEN冲突
    
    | server        | 服务器地址            |
    |:-------------:|:----------------------|
    | baseUrl       | 接口地址              |
    | configName    | 配置项在本地存储的KEY |
    | loginTokenName| loginToken在本地存储的KEY |
    | loginDataName | loginData在本地存储的KEY  |
    
    保存LOGIN_TOKEN与LOGIN_DATA    
    ``tools.setStore(LOGIN_TOKEN_NAME,loginToken)``
    
# jquery.footer.js
* 底部导航菜单    

        引入  ../js/jquery.footer.js    
        菜单图标放入  ../imgages/footer/
        图标命名规则参见上述文件夹

        $('footer').renderFooterMenu({
            activeIndex: 0,
            //是否从服务器获取 默认true 静态测试请置为false 有特使需求也可置为false然后自己拼装menus
            server: true,
            //配置链接地址
            urls:['home.html','org.html','events.html','circle.html'],
            //配置显示范围
            range:[0,3]
        });
    本插件依赖与common.js
    页面跳转需调用tools.goSkip();

# 相关文档
模板引擎    
ART-TEMPLATE
https://aui.github.io/art-template/zh-cn/index.html

统一弹出层   
Layer For Mobile2.0
http://layer.layui.com/mobile/

触摸滑动插件  
Swiper
http://www.swiper.com.cn/

ajax文件上传或提交表单   
jquery.form.js
http://www.h-ui.net/lib/jQuery.form.js.shtml