sticky-ads v1.0.0

Yg Portal SDK

安装

npm install sticky-ads

使用

script tag

window.ygsticky.init();

amd

<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.2/require.min.js"></script>
<script>
  window.requirejs(['sticky-ads'], function(ygsticky) {
    ygsticky.init();
  });
</script>

Demo：

• SDK 配置

CDN访问慢 改成本地

目前的开发模式

1、静态页面开发 可在public中本地调试 2、集成 src/index.js中为最终版本

3、本地测试：发版后，通过http://localhost:5000/example/example

调用方式

吸底

// ygstick.init('bottom');
  ygstick.init('bottom','http://mock.ygego.dev1/mock/5c19f7b22a5da1f110c2d2a0/ygbase/activity/sticky/bottom#!method=get',{expandImg: 'expandImg',collapseImg: 'collapseImg',jumpUrl: 'jumpUrl',title: 'title'})

吸左

// ygstick.init('left');
  ygstick.init('left','http://mock.ygego.dev1/mock/5c19f7b22a5da1f110c2d2a0/ygbase/activity/sticky/left#!method=get',{expandImg: 'expandImg',collapseImg: 'collapseImg',jumpUrl: 'jumpUrl',title: 'title'})

特性

项目集成

使用形式类似于 example/example

1、根据api接口不同，返回不同数据，options负责transformer 2、由页面调用方传入 api 真实的值 3、如果已保障 api 返回值，可不传入options options

结构定义：api 和 option 为可选项 init(type,[api,option])

 {expandImg: 'expandImg字段名',collapseImg: 'collapseImg',jumpUrl: 'jumpUrl',title: 'title'}

faq

public 做什么用

public 仅限于 不启动项目 本地自调试,需要执行将dom style js 迁移至src/index 中

源码

在 src/index.js中

源码入口：

init

dev 入口

example/app.js

与其他项目集成

example/example.html

测试集成效果

serve ./
# open http://localhost:5000/example/example.html