Vant 是有赞前端团队开源的移动端组件库，于 2016 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。目前 Vant 官方提供了 Vue 版本和微信小程序版本，并由社区团队维护 React 版本。
Vant特性
? 性能极佳，组件平均体积小于 1KB（min+gzip）? 70+ 个高质量组件，覆盖移动端主流场景? 零外部依赖，不依赖三方 npm 包? 使用 TypeScript 编写，提供完整的类型定义? 单元测试覆盖率超过 90%，提供稳定性保障? 提供丰富的中英文文档和组件示例? 提供 Sketch 和 Axure 设计资源? 支持 Vue 2、Vue 3 和微信小程序? 支持主题定制，内置 700+ 个主题变量? 支持按需引入和 Tree Shaking? 支持无障碍访问（持续改进中）? 支持深色模式（从 Vant 4 开始支持）? 支持服务器端渲染? 支持国际化，内置 20+ 种语言包
网址预览
数据评估
本站 稀饭网址提供的 Vant UI都来源于网络，不保证外部链接的准确性和完整性，同时，对于该外部链接的指向，不由 稀饭网址实际控制，在 2023年9月27日 下午3:38收录时，该网页上的内容，都属于合规合法，后期网页的内容如出现违规，可以直接联系网站管理员进行删除， 稀饭网址不承担任何责任。
相关导航
安装包，双击安装包，按照提示选择安装目录即可。第三步：fiddler抓包工具的设置打开fiddler，左上方工具栏，选中Tools==》Options<img decoding="async" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221118140744-364ee.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Fiddler" />接下来进入这样一个弹出框如下：<img decoding="async" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221118140745-52014.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Fiddler" />需要设置的是HTTPS和Connection两个选项。<img decoding="async" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221118140745-d5901.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Fiddler" />设置完成后，点击Actions（右上），然后一路同意就好了<img decoding="async" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221118140745-903ef.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Fiddler" />端口在允许范围内可以自己设置，注意不要占用其他的端口，然后重启fiddler。手机设置和电脑同一无线网，手机代理设置。<img decoding="async" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221118140745-beb73.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Fiddler" /><img decoding="async" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221118140745-9742a.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Fiddler" />ip地址可以cmd中输入ipconfig进行获取，注意端口要和自己设置的保持一致。然后打开手机浏览器，输入ip:port(每个人的不一样，这里参数代替)，会出现下面的界面：<img decoding="async" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221118140746-1dd8b.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Fiddler" />点击下载就可以了，接下来是安装证书，可能有的手机会出现在浏览器直接点击安装报错，不让安装或者安装不成功的提示，这样你就需要在类似（不同手机会有不同设置名称）如下的界面里安装：<img decoding="async" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221118140746-748df.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Fiddler" /><img decoding="async" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221118140747-e5ce9.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Fiddler" />找到以后点击，会出现命名提示，随便命名，然后确认即可。如果一切顺利的话就不需要下面的步骤了，但是如果出现翻车，接下来讲一下出现的问题和处理的方法。第四步：出现的问题和解决方法上一步讲到，证书无法安装，已解决安装fiddler并打开后电脑浏览器无法上网，可以在浏览器设置里，高级--》隐私和安全---》打开代理设置---》局域网设置---》代理服务器，把选中的对号取消，保存即可。手机证书安装以后无法上网，解决方式如下：（1）输入regedit打开注册表，输入路径：计算机HKEY_CURRENT_USERSoftwareMicrosoftFiddler2后回车<img decoding="async" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221118140749-dd708.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Fiddler" />（2）新建QWORD，值设置80<img decoding="async" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221118140749-4c0b2.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Fiddler" />（3）打开fiddler，进入Rules -->Customize Rules，<img decoding="async" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221118140750-b4933.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Fiddler" />（4）ctrl+f，搜索OnBeforeRequest<img decoding="async" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221118140750-d46f7.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Fiddler" />（5）回车后在这个位置<img decoding="async" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221118140750-97e61.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Fiddler" />（6）拉到这个方法的最后面，添加后保存if (oSession.host.toLowerCase() == "webserver:8888") { oSession.host = "webserver:80"; }（7）重启fiddler，手机可以上网啦~以上就是遇到的问题的一些总结
苹果CMS程序是一套采用PHP+MYSQL环境下运行的完善而强大的快速建站系统。管理后台界面大方、操作简单、功能齐全、模块众多、双端管理，只要你会电脑或手机就会使用。支持任何操作系统（Windows、Mac、Linux）在PHP+MYSQL环境下可以快速键安装部署。内置了丰富的cms标签并支持thinkphp框架标签完美融合，可以调取系统内所有的数据，只要你懂一些前端知识就可以快速的开发自己的模板功能。苹果CMS v10采用tp5.x内核进行开发，扩展了模板处理引擎，将后台程序与html模板简单的分离出来，让设计人员与程序人员最大限度的发挥自己的优势而互不干扰，大大加快了项目有序、快速的完成。经过近多年的开发经验和技术积累，苹果CMS程序已逐步走向成熟，在易用性和功能上已经成为同行中的佼佼者，并且能够随着流行趋势加入更多当下流行的功能。
提供了可选的语言包，其中就包括简体中文。那这一篇就来详细的介绍如何配置中文界面吧~<img decoding="async" class="rich_pages" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221120124506-67182.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Eclipse" />1.复制Eclipse中文包链接官网说明：www.eclipse.org/babel/downloads.php找到最新的语言包版本链接，复制即可：<img decoding="async" class="rich_pages __bg_gif" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221120124506-5307a.gif" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Eclipse" />2.打开Help—>Install New Software-导入链接2019年12月版：https://download.eclipse.org/technology/babel/update-site/R0.17.1/2019-12/2019年6月版：https://download.eclipse.org/technology/babel/update-site/R0.17.1/2019-06/<img decoding="async" class="rich_pages __bg_gif" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221120124507-2a5c2.gif" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Eclipse" />3.安装语言包导入语言包链接后，等待窗口中加载出可选的语言包，我们找到并选中:Babel language Packs in Chinese(Simplified)<img decoding="async" class="rich_pages" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221120124507-1d343.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Eclipse" />4.一路Next，等待即可<img decoding="async" class="rich_pages" data-src="https://img.zhanlian.net/wp-content/uploads/2022/11/20221120124507-ec22d.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="Eclipse" />Tips：因为Eclipse是外国网站，所以安装速度受网速影响安装成功后重启Eclipse即可安装失败可重新安装或者下载离线语言包
