0.0.1 • Published 4 years ago

@bbtfe/moretools v0.0.1

Weekly downloads
1
License
ISC
Repository
-
Last release
4 years ago

通用更多工具组件, 一般在app外部使用

注意点

  1. 已经做了在孕育app中不显示下载bar

  2. 如果页面中没有引入deeplink,tracking和w2a的相关js的话,会自动引入

引用方式

文件被输出为umd格式,可以使用下面方式引用。

目前所有引用方式,都需要引入这个样式文件

<link href="//static02.babytreeImg.com/img/bca/moreTools/0.0.2/dist.min.css" rel="stylesheet" />

npm引用

npm i @bbtfe/moretools
import MoreTools from '@bbtfe/moretools';

script引用

支持HTTPS和HTTP,建议在通常页面中使用下面去掉协议头的形式引用即可。

<link href="//static02.babytreeImg.com/img/bca/moreTools/0.0.2/dist.min.css" rel="stylesheet" />
<script src="//static02.babytree.com/img/bca/moreTools/0.0.2/dist.min.js"></script>

1. 显示下载条

MoreTools.init([object Object]);

MoreTools.init方法的各参数的默认值为:

const options = {
    toolType: 1, // 请求用户工具接口用到的参数 1: 能不能嘱 2: 能不能做
    toolsExposureData: {
        pt: 'share_gj_nbnz_xq',
        bpi: '39653',
        ii: '01',
        an: '1',
    },  
    articleExposureData: {
        pt: 'share_gj_nbnz_xq',
        bpi: '39652',
        ii: '02',
        an: '1',
    },
    toolsTrackData: [{
        pt: 'share_gj_nbnz_xq',
        bpi: '39645',
        ii: '01',
        be: 'click_url=',
    }, {
        pt: 'share_gj_nbnz_xq',
        bpi: '39646',
        ii: '02',
        be: 'click_url=',
    }, {
        pt: 'share_gj_nbnz_xq',
        bpi: '39647',
        ii: '03',
        be: 'click_url=',
    }, {
        pt: 'share_gj_nbnz_xq',
        bpi: '39648',
        ii: '04',
        be: 'click_url=',
    }, {
        pt: 'share_gj_nbnz_xq',
        bpi: '39649',
        ii: '05',
        be: 'click_url=',
    }], 

    articleTrackData: [{
        pt: 'share_gj_nbnz_xq',
        ii: '06',
        bpi: '39650',
        be: 'click_url=',
    }, {
        pt: 'share_gj_nbnz_xq',
        ii: '07',
        bpi: '39651',
        be: 'click_url=',
    }],

    dpParams: {
          autoDp: false,
          schemeUrl: 'bbtrp://com.babytree.pregnancy/home/homepage',
          download: {
               android: 'http://r.babytree.com/8iSVC2b',
               ios: 'http://r.babytree.com/8iSVC2b',
          },
          coverImage: {
               canClose: true,
               ios: '//static02.babytreeimg.com/img/preg-fe/caneat/common/ios-cover.png',
               android: '//static02.babytreeimg.com/img/preg-fe/caneat/common/android-cover.png',
          },
          yybUrl: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.babytree.apps.pregnancy&ckey=CK1351100144579',
    },
    dpSDKV: '1.1.7',
    trackSDKV: '0.2.1',
}

2. MoreTools.init方法各参数含义:

  1. toolType: 请求用户工具接口用到的参数 1: 能不能嘱 2: 能不能做
  2. dpSDKV: deeplink sdk的版本号, 默认为: '1.1.7',
  3. trackSDKV: tracking埋点sdk的版本号,默认为: '0.2.1',
  4. toolsExposureData: 用户工具曝光埋点,非必填
  5. toolsTrackData: 用户推荐文章曝光埋点,非必填
  6. articleExposureData: 用户工具点击埋点,如果有值,顺序及个数要一一对应
  7. articleTrackData: 用户推荐文章点击埋点,如果有值,顺序及个数要一一对应
  8. dpParams: dp时所需要的一些参数,object

    1.schemeUrl: 需要dp起来的app的路由,默认: 'bbtrp://com.babytree.pregnancy/home/homepage', 2.download:ios和android下载的链接,默认: 3.coverImage:在ios和安卓中弹出的遮罩和是否可以关掉该遮罩, 4.yybUrl:应用宝下载链接, 默认为:'http://a.app.qq.com/o/simple.jsp?pkgname=com.babytree.apps.pregnancy&ckey=CK1351100144579',