doc\doc\cmp_doc_all\cmp-imgCache-doc.js 文件

  1. /**
  2.  * 该模块是图片懒加载适配方案，其特点，是listview或js原生滚动滚动到某个位置，自动检测图片位置，并加载出来，并将新加载的图片进行缓存<br>
  3.  *  <strong>
  4.  *          页面需要导入的文件
  5.  *          <ul>
  6.  *              <li>cmp-imgCache.js</li>
  7.  *          </ul>
  8.  *      </strong>
  9.  * @module imgCache
  10.  * @subtitle 图片懒加载
  11.  */
  12.  
  13. /**
  14.  * 图片懒加载<br>
  15.  * @class imgCache
  16.  * @namespace cmp
  17.  * @type {{}}
  18.  */
  19.  
  20. /**
  21.  * 图片懒加载组件（根据配置，适配普通图片懒加载和v5图片懒加载）<br>
  22.  *     <div style="color:red">注：该组件需要配合html的标签</div>
  23.  * @class imgCache
  24.  * @namespace cmp
  25.  * @constructor
  26.  * @param {String} container 懒加载图容器的id或class
  27.  * @param {Object} options 配置参数
  28.  *         @param {Number} options.type 图片资源类型<br>
  29.  *             <ul>
  30.  *                 <li>1:任何图片</li>
  31.  *                 <li>2:，v5格式的人员头像图片）</li>
  32.  *             </ul>
  33.  *         @param {Boolean} options.imgCache  是否启用将图片保存到手机本地(默认true)
  34.  *         @param {Object} options.offset 图片检测范围，其中<br>
  35.  *             <ul>
  36.  *                 <li>x:屏幕的x坐标(默认：0，即屏幕最左边)</li>
  37.  *                 <li>y:屏幕的y坐标(默认：0，即屏幕最上边)<br>
  38.  *                       <div style="color:red">注：弹层情况的范围检测，由于弹层一般是从底部或者从右边弹出来，那么，x，y需要设置成弹层未弹出来时的坐标位置，不能是transForm后的坐标</div>
  39.  *                     </li>
  40.  *             </ul>
  41.  * @demo cmp-listview-imgcache.html
  42.  * @return 图片懒加载对象，返回inspect方法，用于动态加载的html的图片懒加载检测
  43.  */
  44.  
  45. /**
  46.  * 图片懒加载组件延伸，当有动态加载的html需要检测图片懒加载时，提供一个检测工具<br>
  47.  *     <div style="color:red">注：该方法是适用于容器存在于body里面的，并且图片类型是V5头像的类型</div>
  48.  * @class detect
  49.  * @namespace cmp.IMG
  50.  * @constructor
  51.  * @example
  52.  * ```
  53.  * <script>
  54.  *     cmp.IMG.detect();
  55.  * </script>
  56.  * ```
  57.  */
  58.
Top