会员权益

unpackage/dist/build/mp-weixin/pagesTools/component/album/index.js

@@ -0,0 +1,10 @@
+(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["pagesTools/component/album/index"],{"269a":function(t,e,n){"use strict";var r=n("98d5"),o=n.n(r);o.a},"950d":function(t,e,n){"use strict";var r=n("47a9");Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o=r(n("7ca3")),a=n("8f59");function c(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var i={name:"componentAlbum",props:["showData"],computed:function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?c(Object(n),!0).forEach((function(e){(0,o.default)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},(0,a.mapState)({themeColor:function(t){return t.app.themeColor}})),methods:{splitImages:function(t){try{return t?t.split(","):[]}catch(e){return[]}},toDetails:function(t){this.$util.toPage({mode:1,path:"/pagesTools/album/details?id="+t})}}};e.default=i},9571:function(t,e,n){"use strict";n.r(e);var r=n("fcb7"),o=n("dc00");for(var a in o)["default"].indexOf(a)<0&&function(t){n.d(e,t,(function(){return o[t]}))}(a);n("269a");var c=n("828b"),i=Object(c["a"])(o["default"],r["b"],r["c"],!1,null,null,null,!1,r["a"],void 0);e["default"]=i.exports},"98d5":function(t,e,n){},dc00:function(t,e,n){"use strict";n.r(e);var r=n("950d"),o=n.n(r);for(var a in r)["default"].indexOf(a)<0&&function(t){n.d(e,t,(function(){return r[t]}))}(a);e["default"]=o.a},fcb7:function(t,e,n){"use strict";n.d(e,"b",(function(){return r})),n.d(e,"c",(function(){return o})),n.d(e,"a",(function(){}));var r=function(){var t=this,e=t.$createElement,n=(t._self._c,t.__map(t.showData,(function(e,n){var r=t.__get_orig(e),o=e.files&&1==e.type?t.splitImages(e.files).length:null,a=e.files&&1==e.type&&1!=o?e.files.length:null,c=e.files&&1==e.type&&1!=o&&a?t.splitImages(e.files):null;return{$orig:r,g0:o,g1:a,l0:c}})));t.$mp.data=Object.assign({},{$root:{l1:n}})},o=[]}}]);
+;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
+    'pagesTools/component/album/index-create-component',
+    {
+        'pagesTools/component/album/index-create-component':(function(module, exports, __webpack_require__){
+            __webpack_require__('df3c')['createComponent'](__webpack_require__("9571"))
+        })
+    },
+    [['pagesTools/component/album/index-create-component']]
+]);

unpackage/dist/build/mp-weixin/pagesTools/component/album/index.json

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

unpackage/dist/build/mp-weixin/pagesTools/component/album/index.wxml

@@ -0,0 +1 @@
+<view class="component-album" style="{{'--theme-color:'+(themeColor)+';'}}"><block wx:for="{{$root.l1}}" wx:for-item="item" wx:for-index="__i0__" wx:key="id"><view data-event-opts="{{[['tap',[['toDetails',['$0'],[[['showData','id',item.$orig.id,'id']]]]]]]}}" class="album-item" bindtap="__e"><view class="item-date">{{item.$orig.release_date}}</view><view class="item-title">{{item.$orig.name}}</view><block wx:if="{{item.$orig.files}}"><view class="item-content flex"><view class="content-timeline"><view class="timeline-point"></view><view class="timeline-line"></view></view><view class="content-box flex-item"><block wx:if="{{item.$orig.type==1}}"><block><block wx:if="{{item.g0==1}}"><view class="box-single"><image class="image" src="{{item.$orig.files}}" mode="aspectFill"></image></view></block><block wx:else><block wx:if="{{item.g1}}"><view class="box-multiple"><block wx:for="{{item.l0}}" wx:for-item="img" wx:for-index="index" wx:key="index"><view class="multiple-image"><image class="image" src="{{img}}" mode="aspectFill"></image></view></block></view></block></block></block></block><block wx:else><block wx:if="{{item.$orig.type==2}}"><view class="box-cover"><image class="cover-image" src="{{item.$orig.image}}" mode="aspectFill"></image><image class="cover-play" src="/static/play.png" mode="aspectFit"></image><view class="cover-mask"></view></view></block></block></view></view></block></view></block></view>

unpackage/dist/build/mp-weixin/pagesTools/component/album/index.wxss

@@ -0,0 +1 @@
+.component-album .album-item{margin-top:32rpx}.component-album .album-item:first-child{margin-top:0}.component-album .album-item .item-date{color:#5a5b6e;font-size:28rpx;font-weight:600;line-height:32rpx}.component-album .album-item .item-title{margin-top:16rpx;color:#8d929c;font-size:28rpx;line-height:40rpx}.component-album .album-item .item-content{margin-top:16rpx}.component-album .album-item .item-content .content-timeline{display:flex;flex-direction:column}.component-album .album-item .item-content .content-timeline .timeline-point{width:20rpx;height:20rpx;border-radius:4rpx;background:var(--theme-color)}.component-album .album-item .item-content .content-timeline .timeline-line{width:2rpx;height:100%;flex:1;background:#f0f0f0}.component-album .album-item .item-content .content-box{margin-left:64rpx}.component-album .album-item .item-content .content-box .box-single{width:100%;height:240rpx;border-radius:16rpx;overflow:hidden}.component-album .album-item .item-content .content-box .box-multiple{display:flex;flex-wrap:wrap;-webkit-column-gap:2%;column-gap:2%;row-gap:16rpx}.component-album .album-item .item-content .content-box .box-multiple .multiple-image{width:32%;height:0;padding-top:32%;border-radius:16rpx;overflow:hidden;position:relative}.component-album .album-item .item-content .content-box .box-multiple .multiple-image .image{position:absolute;top:0;left:0;width:100%;height:100%}.component-album .album-item .item-content .content-box .box-cover{width:100%;height:240rpx;background:rgba(0,0,0,.3);border-radius:16rpx;overflow:hidden;position:relative}.component-album .album-item .item-content .content-box .box-cover .cover-image{width:100%;height:100%}.component-album .album-item .item-content .content-box .box-cover .cover-play{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:64rpx;height:64rpx;border-radius:50%}.component-album .album-item .item-content .content-box .box-cover .cover-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3)}