update extensions

mipengine · Jun 20, 2017 · 8dbcf28 · 8dbcf28
1 parent 456aaa2
commit 8dbcf28
Show file tree

Hide file tree

Showing 4 changed files with 168 additions and 0 deletions.
diff --git a/mip-ad-link/README.md b/mip-ad-link/README.md
@@ -0,0 +1,99 @@
+# mip-ad-link
+
+mip-ad-link 康网图片增加链接代码
+
+标题|内容
+----|----
+类型|通用
+支持布局|responsive,fixed-height,fill,container,fixed
+所需脚本|https://mipcache.bdstatic.com/extensions/platform/v1/mip-ad-link/mip-ad-link.js
+
+## 示例
+
+### 基本用法
+```html
+<mip-ad-link class="detail03" id="article_body">
+        <p> 《海天盛宴&middot;韦口》、《绿茶妹》、《上位》、《莫陌》等微电影去年陆续在爱奇艺、
+             优酷与56网等视频网站播出，以&ldquo;性、爱、裸露&rdquo;为卖点，打乱了传统微电影惯有的小清新
+             风格，在网络上形成一股观赏风潮，这样的电影被外界定位为&ldquo;伪情
+             <a href='//www.cnkang.com/sex/'>色</a>
+              电影&rdquo;。而此类型电影的崛起，也给网络红人与草根演员进军微电影圈的机会：
+              郭美美、王月与赵奕欢等人在镜头前宽衣解带演起三点不露的&ldquo;动作片&rdquo;，这些人称不上专业演员，也不是AV
+              <a href='//www.cnkang.com/tags/2830.html'>女优</a>，
+              那该怎么称呼她们呢?此前，有娱乐周刊将这群体定位为&ldquo;伪情色演员&rdquo;。
+        </p> 
+             <div style="text-align: center;">
+                  <img src="//m.cnkang.com/cnkfile1/M00/00/40/oYYBAFYk766AWAaGAABuJJWSW4I264.jpg" width="400" border="0" height="300" /><br /> &nbsp;
+             </div> 
+             <p> 或许处境不同，但演员的心境都是一样，没有人不幻想自己跃上大银幕的那一天，
+                 在她们的心中，每个人都有一个成名梦。凤凰娱乐抱着众多疑问：为什么想拍伪情色影片、拍片的酬劳多寡与如何做好防
+                 <a href='//www.cnkang.com/tags/4370.html'>走光</a>
+                 措施等问题......采访多位曾拍摄此类电影的演员与导演，为我们还原出&ldquo;小电影圈&rdquo;的生态环境与乱象。
+             </p> 
+             <p style="text-align: center;">
+                  <img src="//m.cnkang.com/cnkfile1/M00/00/40/ooYBAFYk76-AHWPuAABlREgRZpY465.jpg" width="400" border="0" height="300" />
+             </p> 
+             <p> &ldquo;伪情色演员&rdquo;这几字其实已经直白告诉，她们在片中拍摄的
+                 <a href='//www.cnkang.com/sex/'>性爱</a>场面和暴露尺度仅点到为止，只让观众自己
+                 <a href='//www.cnkang.com/tags/2996.html'>意淫</a>与无限遐想。
+             </p>
+             <p> &ldquo;我们不接受别人叫我们伪情色演员&rdquo;，一听到记者这样称呼她们，17岁的张艺荠忍不住皱起眉头抗议。
+                 来自内蒙赤峰的张艺荠，身高1米75，在时尚杂志当平面模特，1年多前在朋友的介绍下，接下了第一部微电影《青春如期》
+                 的拍摄工作。
+             </p>
+             <p style="text-align: center;">
+                  <img src="//m.cnkang.com/cnkfile1/M00/00/40/oYYBAFYk76-AYhAvAABugkFe1ho218.jpg" width="400" border="0" height="300" />
+             </p> 
+             <p> &ldquo;我觉得不管小电影或大电影，有裸露戏都是很正常。但他们偏偏把这个词(伪情色演员)，
+                 套在演小电影的演员身上，这是一种偏见&rdquo;，张艺荠不满地说，汤唯拍了《色戒》中的
+                 <a href='//www.cnkang.com/tags/4103.html'>大尺度床戏</a>
+                 ，成为家喻户晓的国际影星，被外界赞赏是&ldquo;为艺术奉献&rdquo;的演员。但反观微电影的女演员们，
+                 拍了个裸背戏就被冠上&ldquo;伪情色演员&rdquo;的封号，让她们很不是滋味。
+             </p> 
+             <p style="text-align: center;">
+                  <img src="//m.cnkang.com/cnkfile1/M00/00/40/ooYBAFYk76-AQqzqAABLnSNPEmw531.jpg" width="400" border="0" height="300" />
+             </p> 
+             <p> 对&ldquo;伪情色演员&rdquo;来说，当演员是他们的梦想，也是一个长期职业，背台词、看机位、琢磨演技是日常的工作，拍摄裸戏只是演员工作的一小部分。
+                 对于外界的各种偏见与不认同，套用周迅的名言：安心走我路，不问江湖事。
+             </p>
+</mip-ad-link>
+<div class="page1">
+    <div class="pageStyle">
+       <a href="https://m.cnkang.com/sex/view/5034800.html"><p>上一篇</p></a>
+       <div>
+             <ul><p><span>1</span>/1</p></ul>
+       </div>
+       <a data-wtf="https://m.cnkang.com/sex/view/5035002.html" href="#"><p>下一篇</p></a>
+    </div>
+</div>
+```
+
+```style
+<style mip-custom>
+       .detail03 {clear: both;font-size: 18px;line-height: 32px;padding: 0px 15px 14px;word-wrap: break-word;}
+       .detail03 a {text-decoration: none;color: #007aff;}
+       img {width: 100%;margin: 0 auto;}
+       #article_body img {max-width: 100% !important;height: auto !important; margin-top: 15px;}
+       .detail03 .tianjia {display: block;color: #01c2d2;text-indent: 0;text-decoration: underline;}
+       .page1 {height: 52px;overflow: hidden;}
+       .pageStyle {clear: both;margin: 20px 10px;height: 36px;}
+       .detail .pageStyle { margin: 5px 10px 20px;}
+       .pageStyle a {display: block;float: left;width: 28%;}
+       .detail .pageStyle a {display: block;float: left;width: 34%;}
+       .pageStyle div {display: block;float: left;width: 44%;}
+       .detail .pageStyle div {width: 32%;}
+       .pageStyle a p, .pageStyle div ul {border: 1px solid #ececec;background: #f8f9fa;height: 36px;line-height: 36px;
+       text-align: center;font-size: 14px;color: #666;}
+       .pageStyle div ul {margin: 0 5px;}
+       .pageStyle div ul p {display: inline; padding-right: 20px;position: relative;color: #666;}
+       .detail .pageStyle div ul p {padding-right: 0px;}
+       .pageStyle ul p span {color: #ec1a6c;}
+       .pageStyle ul p span {color: #01c2d2;}
+       .pageStyle a p {background: #01c2d2;color: #fff;border: none;}
+</style>
+```
+
+
+
+
+
diff --git a/mip-ad-link/mip-ad-link.js b/mip-ad-link/mip-ad-link.js
@@ -0,0 +1,48 @@
+/**
+ * @file mip-ad-link 康网图片增加链接代码
+ * @author cnkang
+ */
+define(function (require) {
+    var $ = require('zepto');
+    var util = require('util');
+    var platform = util.platform;
+    var customElement = require('customElement').create();
+    customElement.prototype.build = function () {
+        $('#article_body').find('img').parent().append('<a  href="https://m.cnkang.com/pic/" class="tianjia">点击图片，查看无码私图（套图）</a>');
+        $(function () {
+            var imgs = $('#article_body img');
+            if (imgs.length) {
+                $.ajax({
+                    url: 'https://m.cnkang.com/cnkang/getarticleimglink',
+                    dataType: 'jsonp',
+                    data: '',
+                    jsonp: 'callback',
+                    success: function (data) {
+                        var urls = data.url;
+                        urls = shuffle(urls).slice(0, imgs.length);
+                        imgs.each(function (index, el) {
+                            $(this).wrap('<a href = ' + urls[index] + '></a>');
+                        });
+                    }
+                });
+            }
+            function shuffle(array) {
+                var currentIndex = array.length;
+                while (0 !== currentIndex && 0 !== undefined) {
+                    var randomIndex = Math.floor(Math.random() * currentIndex);
+                    currentIndex -= 1;
+                    var temporaryValue = array[currentIndex];
+                    array[currentIndex] = array[randomIndex];
+                    array[randomIndex] = temporaryValue;
+                }
+                return array;
+            }
+        });
+        $('[data-wtf]').on('click', function (event) {
+            event.preventDefault();
+            var jumpUrl = $(this).attr('data-wtf');
+            location.href = jumpUrl;
+        });
+    };
+    return customElement;
+});
diff --git a/mip-ad-link/mip-ad-link.less b/mip-ad-link/mip-ad-link.less
@@ -0,0 +1,7 @@
+/**
+ * @file mip-ad-link样式文件
+ */
+
+mip-ad-link {
+    // TODO
+}
diff --git a/mip-ad-link/package.json b/mip-ad-link/package.json
@@ -0,0 +1,14 @@
+{
+    "name": "mip-ad-link",
+    "version": "1.0.0",
+    "description": "康网图片增加链接代码",
+    "contributors": [
+        {
+	    "name": "sunruinian",
+	    "email": "[email protected]"
+        }
+    ],
+    "engines": {
+        "mip": ">=1.1.0"
+    }
+}