本文目录一览：
vant用法?
1、vant的安装和使用步骤通过vue-cli3创建项目，用vueui命令打开图形化界面，点击安装依赖按钮，然后搜索vant，安装。安装完vant后，引入组件，才能使用。这里我选择自动按需引入组件，这也是官方推荐的一种引入方式。
2、Vant 0不再支持通过Less变量定制主题，转而采用基于CSS变量的定制方式。这使得主题定制更加灵活。Vant 0将不再包含.less样式源文件，仅提供编译后的.css样式文件。用户可使用ConfigProvider全局配置进行主题替换。本次更新同步发布了Vant CLI 0版本，Vant CLI是Vant项目底层的组件库构建工具。
3、按需引入方式调整方面，Vant 0 不再使用 babel-plugin-import 实现按需引入。这带来了包体积方面的优化，移除 babel-plugin-import 对项目的 JS 体积没有影响，而 CSS 代码可通过 unplugin-vue-components 插件实现按需引入。
4、vanter sa marchandise 夸自己的货色 se vanter v. pr. 自吹自擂， 吹牛 se vanter de 夸耀， 吹嘘， 以…自豪：Il ny a pas de quoi se vanter. 这没什么可吹的。Et je men vante ！ 我还感到自豪呢！Il se vante de réussir. 他夸口说一定能够成功。
微信小程序怎么制作自己的小程序
1、首先是需要注册小程序帐号，百度找到微信公众平台，单击右上角的“立即注册”。点击“立即注册”之后，进入如下页面，选择“小程序”模块，进入小程序注册页面，填写好资料注册好小程序。然后是打开浏览器，复制或者输入免费小程序.网站，然后点击免费制作。
2、制作自己的微信小程序主要是分为两部分：第一部分是注册微信小程序账号；第二部分是做微信小程序。
3、在微信公众平台的官网界面中，将光标移动到小程序的模块，接着点击查看详情的按钮，进入新界面。在新界面中，下滑到最底端，接着点击前往注册的按钮，进入新界面。在新界面中，按要求输入自己的邮箱以及密码，接着勾选你已阅读并同意。
微信小程序瀑布流最好最简单的解决方案
最简单的方案仅需 CSS 属性实现。利用 `column-count` 设置列数，一般瀑布流为2列，定义样式类即可。界面简洁，`goodsList` 为展示数据，`goodsCard` 为卡片。卡片需设置为内联元素，使用 `display： inline-block`；图片组件设置 `mode=widthFix` 保持宽高比。
首先，定义一个基本的HTML结构，然后使用CSS设置列的宽度与高度，并使用JavaScript遍历区块获取每个列表项的高度，计算并设置每个列表项的位置。每次仅加载新数据，将其追加到父节点中。最终，生成的瀑布流布局如下图所示。在微信小程序中实现瀑布流，同样分为三步。定义wxml结构，使用wxss设置样式。
实现瀑布流布局时，需在 wxml 文件中设置 scroll-view 组件与显示内容的 view 组件。JS 文件内，定义 contentArray 存储所有内容，并利用 onLoad 和 onReachBottom 方法动态加载内容。实现此功能需掌握微信小程序渲染机制、布局方法与事件传递知识。
创建投票时，选择模板填写名称即可完成。评选模式下，选手展示方式包括瀑布流、卡片模式和列表模式，供用户根据喜好选择。最后，视频投票在图片投票基础上增加了视频展示功能。视频清晰度较高，适合需要展示视频内容的场景。以上就是当前微信小程序中全面的6种投票创建方式。
当然是做小程序好，小程序 不需要下载安装即可使用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。
微信小程序实现列表分页功能
1、微信小程序列表分页功能主要实现列表展示、上下页点击等功能，具体实现方式未使用API，而是通过手动控制。主要内容包括数据的初始化、页面数据的筛选以及上下页按钮的点击事件处理。初始化列表分页时，首先定义了一系列变量，如上一页、下一页是否存在，当前页、总页数、每页条数等。
2、首先，我们通过一个直观的示例来展示效果：每页显示10条数据，滑动到底部时加载下一页，当数据总量为21条时，会提示已加载全部数据。分页的基础是预先准备数据，这部分数据已在文章末尾提供，详情见数据源和源码下载链接。
3、可以使用微信小程序中的scroll-view组件实现分页，可以设置其中的scroll-x属性来实现横向滚动。拓展：此外，还可以使用swiper组件来实现分页，它可以通过设置swiper-item的宽度属性来实现多页展示。此外，也可以使用view组件来实现分页，只需要设置view的width属性为100%，那么每个页面就可以占满一页。
4、这样触底加载功能就实现了。在实际开发过程中遇到的问题也分享一下，如测试时第一次分页加载实现，后面未实现，在排查后发现经过第一次分页后this.data.page即当前页变为了3，刷新页面后未重新初始化为1，需在每次关闭页面后将页数重新赋值为1。
微信小程序实现触底加载
1、触底加载的优点在小程序中如果数据量过大，一次性获取会加重dom渲染的负担，不仅如此，响应的速度也会如龟速一样，所以为了用户的体验，良好的响应式交互是必要的，通过触底交互，按量加载数据，如下，我每次触底会加载八份数据，然后直到所有数据加载完毕，为空。
2、微信小程序的触底加载实现方式，在前端通过wx：for指令将获取的数据展示在界面上。首先，在wxml文件中定义view元素，使用wx：for指令遍历数据，展示在界面上。在页面的js文件中，通过封装好的请求路径来获取数据，设置当前页数和总页数，然后通过调用封装好的接口获取数据，将获取到的数据设置到页面的数据中。
3、首先需要在data中初始化分页的页数和获取的数据数组。编写触底后加载新数据并保留老数据的方法。我将加载第一页数据和触底加载新数据写在一个方法里，方法中加入布尔型参数reachBottom，onLoad事件中参数为false，只加载第一页；onreachBottom事件中参数为true，加载新的数据。
