wxParser实现音频视频等其他自定义模块解析
发布于 4 年前 作者 chenming 2458 次浏览 来自 分享
在实际业务中我们可能需要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 回复

有成熟的组件了,还自己造轮子

Parser了解一下?

回到顶部