52 lines
3.6 KiB
Plaintext
52 lines
3.6 KiB
Plaintext
<!--trees 递归子组件-->
|
|
<wxs module="handler">
|
|
module.exports = {
|
|
visited: function (e, owner) {
|
|
if (!e.instance.hasClass('_visited'))
|
|
e.instance.addClass('_visited')
|
|
owner.callMethod('linkpress', e);
|
|
},
|
|
useRichText: function (item, inlineTags) {
|
|
return !item.c && !inlineTags[item.name] && (item.attrs.style || '').indexOf('display:inline') == -1
|
|
}
|
|
}
|
|
</wxs>
|
|
<block wx:for="{{nodes}}" wx:key="index" wx:for-item="n">
|
|
<!--图片-->
|
|
<view wx:if="{{n.name=='img'}}" id="{{n.attrs.id}}" class="_img {{n.attrs.class}}" style="{{n.attrs.style}}" data-attrs="{{n.attrs}}" bindtap="imgtap">
|
|
<rich-text nodes="{{[{attrs:{src:lazyLoad&&!n.load?placeholder:n.attrs.src,alt:n.attrs.alt||'',width:n.attrs.width||'',style:'max-width:100%;display:inherit'+(n.attrs.height?';height:'+n.attrs.height:'')},name:'img'}]}}" />
|
|
<image class="_image" src="{{lazyLoad&&!n.load?placeholder:n.attrs.src}}" lazy-load="{{lazyLoad}}" show-menu-by-longpress="{{!n.attrs.ignore}}" data-i="{{index}}" data-source="img" bindload="loadImg" binderror="error" />
|
|
</view>
|
|
<!--文本-->
|
|
<text wx:elif="{{n.type=='text'}}" decode>{{n.text}}</text>
|
|
<text wx:elif="{{n.name=='br'}}">\n</text>
|
|
<!--链接-->
|
|
<view wx:elif="{{n.name=='a'}}" class="_a {{n.attrs.class}}" hover-class="_hover" style="{{n.attrs.style}}" data-attrs="{{n.attrs}}" bindtap="{{canIUse?handler.visited:'linkpress'}}">
|
|
<trees nodes="{{n.children}}" />
|
|
</view>
|
|
<!--视频-->
|
|
<block wx:elif="{{n.name=='video'}}">
|
|
<view wx:if="{{n.lazyLoad}}" id="{{n.attrs.id}}" class="_video {{n.attrs.class}}" style="{{n.attrs.style}}" data-i="{{index}}" bindtap="loadVideo" />
|
|
<video wx:else id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}" poster="{{n.attrs.poster}}" src="{{n.attrs.source[n.i||0]}}" unit-id="{{n.attrs['unit-id']}}" data-i="{{index}}" data-source="video" binderror="error" bindplay="play" />
|
|
</block>
|
|
<!--音频-->
|
|
<myAudio wx:elif="{{n.name=='audio'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" author="{{n.attrs.author}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" name="{{n.attrs.name}}" poster="{{n.attrs.poster}}" src="{{n.attrs.source[n.i||0]}}" data-i="{{index}}" data-source="audio" binderror="error" bindplay="play" />
|
|
<!--广告-->
|
|
<ad wx:elif="{{n.name=='ad'}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" unit-id="{{n.attrs['unit-id']}}" data-source="ad" binderror="error" />
|
|
<!--列表-->
|
|
<view wx:elif="{{n.name=='li'}}" class="{{n.attrs.class}}" style="{{n.attrs.style}};display:flex">
|
|
<view wx:if="{{n.type=='ol'}}" class="_ol-bef">{{n.num}}</view>
|
|
<view wx:else class="_ul-bef">
|
|
<view wx:if="{{n.floor%3==0}}" class="_ul-p1">█</view>
|
|
<view wx:elif="{{n.floor%3==2}}" class="_ul-p2" />
|
|
<view wx:else class="_ul-p1" style="border-radius:50%">█</view>
|
|
</view>
|
|
<trees class="_node _li" lazy-load="{{lazyLoad}}" nodes="{{n.children}}" />
|
|
</view>
|
|
<!--自定义标签-->
|
|
<rich-text wx:elif="{{n.name=='pre'}}" class="_p" nodes="{{[n]}}" data-content="{{n.attrs['data-content']}}" bindlongpress="copyCode" />
|
|
<!--富文本-->
|
|
<rich-text wx:elif="{{handler.useRichText(n, inlineTags)}}" id="{{n.attrs.id}}" class="_p __{{n.name}}" nodes="{{[n]}}" />
|
|
<!--继续递归-->
|
|
<trees wx:else id="{{n.attrs.id}}" class="_node _{{n.name}} {{n.attrs.class}}" style="{{n.attrs.style}}" lazy-load="{{lazyLoad}}" nodes="{{n.children}}" />
|
|
</block> |