某款神秘APP开发文档

IOS

图片命名规则:类型_页面_名称_状态(共用型图片省略页面名称)

IOS加上相应的@2x、@3x尺寸,@1x可以省略

APP
├── home/首页
│   ├── btn_home_xxx.png      //一般按钮图片
│   ├── btn_home_xxx_h.png    //点击时按钮图片
│   ├── btn_home_xxx_d.png    //不能点击时按钮图片
│   ├── btn_home_xxx_s.png    //选中时按钮图片
│   ├── bg_home_xxx.png       //背景图片
│   ├── img_home_xxx.png      //图片
│   ├── pho_home_xxx.png      //照片
│   ├── tab_home_xxx.png      //TabBar上的icon
│   └── icon_home_xxx.png     //一般的icon
│
├── find/发现页
│   ├── btn_find_xxx.png      //一般按钮图片
│   ├── btn_find_xxx_h.png    //点击时按钮图片
│   ├── btn_find_xxx_d.png    //不能点击时按钮图片
│   ├── btn_find_xxx_s.png    //选中时按钮图片
│   ├── bg_find_xxx.png       //背景图片
│   ├── img_find_xxx.png      //图片
│   ├── pho_find_xxx.png      //照片
│   ├── tab_find_xxx.png      //TabBar上的icon
│   └── icon_find_xxx.png     //一般的icon
│
├── mytask/我的页
│   ├── btn_mytask_xxx.png    //一般按钮图片
│   ├── btn_mytask_xxx_h.png  //点击时按钮图片
│   ├── btn_mytask_xxx_d.png  //不能点击时按钮图片
│   ├── btn_mytask_xxx_s.png  //选中时按钮图片
│   ├── bg_mytask_xxx.png     //背景图片
│   ├── img_mytask_xxx.png    //图片
│   ├── pho_mytask_xxx.png    //照片
│   ├── tab_mytask_xxx.png    //TabBar上的icon
│   └── icon_mytask_xxx.png   //一般的icon
│
└── 共用/
    ├── btn_xxx.png           //一般按钮图片
    ├── btn_xxx_h.png         //点击时按钮图片
    ├── btn_xxx_d.png         //不能点击时按钮图片
    ├── btn_xxx_s.png         //选中时按钮图片
    ├── bg_xxx.png            //背景图片
    ├── img_xxx.png           //图片
    ├── pho_xxx.png           //照片
    ├── tab_xxx.png           //TabBar上的icon
    └── icon_xxx.png          //一般的icon

Android

规则同IOS


活动页Js交互文档


范例

<!--head部分开始-->

<!--APP分享参数-->
<meta id="podinnShare" content="布丁酒店是全国快捷连锁酒店">

<script type="text/javascript">
  //机型和版本判断
  function CanShare() {
    var ua = navigator.userAgent;
      // 判断是否 iPhone 或者 iPod
      if((navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i))) {
        // 判断APP版本号是否大于630
        if (/podinn\/(\S+)/i.test(ua)) {
          var ver = RegExp['$1'];
          if(parseFloat(ver) >= 630)
          return true;
        }
        return false;
      } else {
        //安卓系统
        if (/podinn\/(\S+)/i.test(ua)) {
          var ver = RegExp['$1'];
          if(parseFloat(ver) >= 630)
          return true;
        }
        return false;
      }
    }

  //跳转到酒店列表页
  function toPodHotelListActivity(startDate,endDate,cityId,cityName,brand,fun,isDistance,plorder,porder,isHour,isNight){
    podinnJsObject.startToPodHotelListActivity(startDate,endDate,cityId,cityName,brand,fun,isDistance,plorder,porder,isHour,isNight);
    }

  //跳转到酒店详情页
  function toPodHotelDetailActivity(hotelId,isHour,isNight,startDate2,endDate2){
    podinnJsObject.startToPodHotelDetailActivity(hotelId,isHour,isNight,startDate2,endDate2);
    }

  //微信分享调用
  function toShare(sharePlatform,shareTitle,shareContent,shareImageUrl,shareTargetUrl){
    podinnJsObject.shareWebPage(sharePlatform,shareTitle,shareContent,shareImageUrl,shareTargetUrl);
    }
</script>

<!--head部分结束-->

<!--body部分开始-->

<div id="divbutton1"><!--老版本显示部分-->
  <a href="http://h5.podinns.com/hotelList?cityId=2&pageIndex=1"><button type="button">杭州</button></a>
  <a href="http://h5.podinns.com/hoteldetail?hotelNo=cnzjhzbd05"><button type="button">西湖文化广场店</button></a>
  <a href="http://www.podinns.com/Hotel/HotelSearch?hdCity=2"><button type="button">杭州</button></a>
  <a href="http://www.podinns.com/Hotel/HotelDetail/cnzjhzbd05.html"><button type="button">西湖文化广场店</button></a>
</div>

<div id="divbutton2" style="display:none"><!--新版本显示部分-->
  <a onclick="toPodHotelListActivity('2017-01-01','2020-12-31','2','杭州','','M','true','0','0','false','false')"><button type="button">杭州</button></a><!--门店列表按钮-->
  <a onclick="toPodHotelDetailActivity('cnzjhzbd05','false','false','2017-01-01','2020-12-31')"><button type="button" >西湖文化广场店</button></a><!--门店详情按钮-->
  <a onclick="toShare('wxCircleShare','测试','我爱测试','','http://www.baidu.com/')"><button type="button">分享到微信</button></a><!--微信朋友圈分享按钮-->
  <a onclick="toShare('wxFriendShare','测试','我爱测试','','http://www.baidu.com/')"><button type="button">分享到微信</button></a><!--微信好友分享按钮-->
</div>

<!--判断部分显示-->
<script>
  $(function()
{
  if(CanShare())
  {
  $("#divbutton1").hide();
  $("#divbutton2").show();
  }
});
</script>

<!--body部分结束-->
  

参数说明

APP
│   ┌── startDate,endDate,cityId,cityName,brand,fun,isDistance,plorder,porder,isHour,isNight
├── 跳转到酒店列表页(共11个参数,按顺序来)
│   ├── startDate             //活动开始时间 | 2015-01-01或为空
│   ├── endDate               //活动结束时间 | 2015-01-01或为空
│   ├── cityId                //城市编号ID   | 1
│   ├── cityName              //城市名称     | 北京
│   ├── brand                 //品牌         | 0或为空 (布丁0,智尚1,漫果2,驿佰居3)
│   ├── fun                   //活动类型     | C或为空
│   ├── isDistance            //按距离排序   | true或false
│   ├── plorder               //按评分排序   | 0 (0或为空,1从高到低)
│   ├── porder                //按价格排序   | 0 (0或为空,1从小到大,2从大到小)
│   ├── isHour                //是否钟点房   | true或false
│   └── isNight               //是否夜宵房   | true或false
│
│   ┌── hotelId,isHour,isNight,startDate2,endDate2
├── 跳转到酒店详情页(共5个参数,按顺序来)
│   ├── hotelId               //酒店编码     | cnzjhzbd05
│   ├── isHour                //是否钟点房   | true或false
│   ├── isNight               //是否夜宵房   | true或false
│   ├── startDate2            //活动开始时间 | 2015-01-01
│   └── endDate2              //活动结束时间 | 2015-01-01
│
│   ┌── sharePlatform,shareTitle,shareContent,shareImageUrl,shareTargetUrl
└── 分享到微信(共5个参数,按顺序来)
    ├── sharePlatform         //分享途径     | wxFriendShare(朋友)或wxCircleShare(朋友圈)
    ├── shareTitle            //分享标题     | 文本
    ├── shareContent          //分享描述     | 文本
    ├── shareImageUrl         //分享图片地址 | URL
    └── shareTargetUrl        //分享跳转地址 | URL
浙ICP备14019900号-1