第一次提交

unpackage/dist/build/mp-weixin/components/diy/special/special.js

@@ -0,0 +1,10 @@
+(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["components/diy/special/special"],{6858:function(t,i,e){"use strict";e.r(i);var n=e("d46b"),a=e.n(n);for(var s in n)["default"].indexOf(s)<0&&function(t){e.d(i,t,(function(){return n[t]}))}(s);i["default"]=a.a},cacb:function(t,i,e){"use strict";e.r(i);var n=e("cb49"),a=e("6858");for(var s in a)["default"].indexOf(s)<0&&function(t){e.d(i,t,(function(){return a[t]}))}(s);e("e6c5");var l=e("828b"),u=Object(l["a"])(a["default"],n["b"],n["c"],!1,null,null,null,!1,n["a"],void 0);i["default"]=u.exports},cb49:function(t,i,e){"use strict";e.d(i,"b",(function(){return n})),e.d(i,"c",(function(){return a})),e.d(i,"a",(function(){}));var n=function(){var t=this.$createElement,i=(this._self._c,this.listData.length);this.$mp.data=Object.assign({},{$root:{g0:i}})},a=[]},d46b:function(t,i,e){"use strict";(function(t){Object.defineProperty(i,"__esModule",{value:!0}),i.default=void 0;var e={data:function(){return{listData:[],styleValue:"",index_num:0,lineHeight:0,maxSize:0,timer:null}},props:["itemData"],created:function(){this.listData=this.itemData.data,this.init()},methods:{init:function(){var i=this;(1==this.itemData.style.display&&this.listData.length>1||2==this.itemData.style.display&&this.listData.length>2)&&t.getSystemInfo({success:function(t){i.lineHeight=t.windowWidth/750*30,i.maxSize=i.listData.length,2==i.itemData.style.display&&(i.lineHeight=2*i.lineHeight,i.maxSize=i.maxSize/2),i.timer=setInterval((function(){i.animation()}),3e3)}})},animation:function(){this.index_num++,this.index_num>=this.maxSize&&(this.index_num=0),this.styleValue=-this.lineHeight*this.index_num},gotoPageFunc:function(t){var i=null;i=t&&"undefined"!=typeof t?"pages/article/detail/detail?article_id="+t.article_id:"pages/article/list/list",this.gotoPage(i)}}};i.default=e}).call(this,e("df3c")["default"])},dd7a:function(t,i,e){},e6c5:function(t,i,e){"use strict";var n=e("dd7a"),a=e.n(n);a.a}}]);
+;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
+    'components/diy/special/special-create-component',
+    {
+        'components/diy/special/special-create-component':(function(module, exports, __webpack_require__){
+            __webpack_require__('df3c')['createComponent'](__webpack_require__("cacb"))
+        })
+    },
+    [['components/diy/special/special-create-component']]
+]);

unpackage/dist/build/mp-weixin/components/diy/special/special.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

unpackage/dist/build/mp-weixin/components/diy/special/special.wxml

@@ -0,0 +1 @@
+<block wx:if="{{$root.g0>0}}"><view class="diy-special"><view class="special-left"><image src="{{itemData.style.image}}" mode="aspectFill"></image></view><view class="right-shadow"></view><view class="{{['special-content','display_'+itemData.style.display]}}"><view class="special-content-list" style="{{('transform: translate(0,'+styleValue+'px);')}}"><block wx:for="{{listData}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['gotoPageFunc',['$0'],[[['listData','',index]]]]]]]}}" class="content-item text-ellipsis" bindtap="__e"><text>{{item.article_title}}</text></view></block></view></view><view data-event-opts="{{[['tap',[['gotoPageFunc']]]]}}" class="special-more" bindtap="__e"><text class="iconfont icon-jiantou"></text></view></view></block>

unpackage/dist/build/mp-weixin/components/diy/special/special.wxss

@@ -0,0 +1 @@
+.diy-special{background-color:#fff;padding:0 20rpx 0 24rpx;margin:20rpx;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.diy-special .special-left{width:136rpx;height:33rpx}.diy-special .special-left image{width:100%;height:100%}.diy-special .special-more .icon-jiantou{font-size:24rpx}.diy-special .special-content{flex:1;margin:0 20rpx;overflow:hidden}.diy-special .special-content-list{transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.diy-special .content-item{height:30rpx;line-height:30rpx}.diy-special .special-content.display_1{height:30rpx}.diy-special .special-content.display_2{height:60rpx}.right-shadow{width:15rpx;height:90rpx;background:linear-gradient(90deg,#e4e4e4,hsla(0,0%,100%,0));margin-left:30rpx}