wxParser实现音频视频等其他自定义模块解析
在实际业务中我们可能需要wxParser解析音频视频等其他我们想要自定义的样式,那么就需要对<span style="font-size: 16px;">wxParser源码进行改造</span>
本人使用的是17年下载的<span style="font-size: 16px;">wxParser,但是原理都大差不差。</span>
wxParser的模板解析在index.wxml文件中
根据上图我们可以看到在index.wxml中,实际上是通过对整合的标签数组进行循环,根据循环的标签来使用wxml顶部定义的不同的template
所以只要我们跟后端约定好固定的标签名称 比如video,我们需要在顶部自己定义一个模板 类似于下面
<template name="wxParserVideo">
<!-- 增加video标签支持,并循环添加 -->
<view class="{{item.classStr}} wxParser-{{item.tag}}" style="{{item.styleStr}}">
<video class="{{item.classStr}} wxParser-{{item.tag}}-video" src="{{item.attr.src}}"></video>
</view>
</template>
然后我们在循环模板中增加一个判断
这样我们就新增了一个标签解析 当然可以自定义任何想要的标签名称 只要你有固定的模板对应 模板里面我们就可以自由发挥了
如果觉得不错 点个赞哦
1 回复