评论

wxParser实现音频视频等其他自定义模块解析

wxParser实现音频视频等其他自定义模块解析

在实际业务中我们可能需要wxParser解析音频视频等其他我们想要自定义的样式,那么就需要对wxParser源码进行改造

本人使用的是17年下载的wxParser,但是原理都大差不差。

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>

然后我们在循环模板中增加一个判断


这样我们就新增了一个标签解析 当然可以自定义任何想要的标签名称 只要你有固定的模板对应 模板里面我们就可以自由发挥了

如果觉得不错 点个赞哦

最后一次编辑于  05-22  
点赞 0
收藏
评论

1 个评论

登录 后发表内容