vant-weapp源码解析（一）_vant weapp

作者：Li_阴宅 | 2024-07-14 04:23:07

踩

vant weapp

想每天做点新东西，因此有此记录

在这里插入图片描述

这是进入的第一个页面，里面有引入list，page。

在这里插入图片描述

options,就算引入这个page.js页面所传递的数据

在这里插入图片描述

点击进入导航，看第一个按钮组件

button

这是button组件的代码路径

在这里插入图片描述

这是按钮组件外层的框组件，不是一个具体的组件，是一个包含组件，起着统一边距，标题的作用。

在这里插入图片描述

这个是一个组件外层引入的js,componet统一配置js
mapKeys的方法是变换属性名称

在这里插入图片描述

这是button的页面结构，其中我框出来的这2个，可以动态设置元素的样式

在这里插入图片描述

这个join方法是用来拼接类名的

在这里插入图片描述

这个方法是用来处理传过来的数据,转化得到数组

在这里插入图片描述

这个方法是个入口和出口，得到了，拼接后的类名

在这里插入图片描述

  style="{{ computed.rootStyle({ plain, color, customStyle }) }}"
1

这个页面来处理元素的style

在这里插入图片描述

这个style方法是用来转换样式的格式问题

在这里插入图片描述

本文内容由网友自发贡献，转载请注明出处：https://www.wpsshop.cn/w/Li_阴宅/article/detail/823119