VANT 第28页

三种常用的UI库的安装使用：iview，element与vant

，我们可能会用到直接封装好的UI库，用UI库的好处是可以快速的实现某些需求，更重要的是样式效果也很美观，像我们开发PC端项目用得较多的UI框架就是iview和element，而开发移动端用得较多的就是vant

百思不得小李·2023-08-18 14:36

小程序-基于vant的Picker组件实现省市区选择

一、原因因@vant/area-data部分的市/区数据跟后台使用的高德/腾讯省市区有所出入，故须保持跟后台用同一份数据，所以考虑以下几个组件1、Area2、Cascader3、Picker因为使用的是高德地图的省市区

余温无痕·2023-08-18 08:21

vue3 挂载全局组件，函数方式调用

/Sign.vue";import{createApp,h}from"vue";importVantfrom"vant";import{ref}from"vue-demi";exportconstopenSign

安和桥北AN·2023-08-18 03:16

Vue3 + Vite +TS 项目问题总结

1、H5项目1.1自适应屏幕宽度H5项目UI用的是vant-ui，首先说一下H5项目的屏幕适配问题，可以借助postcss插件，安装pos

伊路顺峰·2023-08-17 23:51

微信小程序使用vant报错[ WXML 文件编译错误] ./miniprogram_npm/@vant/weapp/field/index.wxml

/miniprogram_npm/@vant/weapp/field/index.wxml这个报错很奇怪，之前我用来都好好的，今天升级了下微信开发工具，之后就烂掉了。

chduguxue·2023-08-17 19:41

Vue——父子组件 & 第三方组件库element-ui组件库 / iview组件库 / Vant组件库

一、父子组件传值（1）父传子$parent：可以获取父组件的实例，还可以继续获取它的父级组件。$root：获取根组件对象。(例如：this.$parent.$parent.house可以直接写this.$root.house)//Child1组件Vue.component('Child1',{//通过$parent返回的是父组件对象template:`房产信息{{$parent.house.add

叽里咕呱·2023-08-17 13:02

具体调用vue预览的功能

上传文件加载中...import{Toast}from'vant';exportdefault{name:'chooseProples',data(){return{showPicture:false,

小鲤鱼ya·2023-08-17 11:25

vue移动端实现文件上传、下载、删除

vue项目使用的插件vant，一个开发移动端很好用的组件这个组件中自带了上传文件的方法，我们直接调用即可。上传文件fileList是文件上传的列表，我们上传的文件会暂时存放在这里面。

小鲤鱼ya·2023-08-17 11:24

Windows anaconda python3 import ssl报错的解决方案

depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task在环境变量中加入

耳语吖·2023-08-17 05:03

表示各类人的词缀划分

表示"……地方的人，精通……的人”American,historian,2)-al,表示"具有……职务的人"principal,3)-ant,-ent,表示"……者”merchant,agent,servant

noo_one·2023-08-17 01:51

Vant2

Vant2组件库链接https://vant-contrib.gitee.io/vant/v2/#/zh-CN/

虾小眠0526·2023-08-16 19:07

CSS图片间隙产生的原因及解决方法

utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromBaidu-1.control&depth_1-utm_source

泊多前端·2023-08-16 19:12

Language-04

1.Irrelevantinformation2.Irrelevantinformation3.Avoidaccusationsofplagiarism4.Avoidaccusationsofplagiarism5

浩葛格·2023-08-16 16:58

uniApp引入vant2

uniApp引入vant21、cnpm下载：cnpmivant@latest-v2-S2、main.js文件引入importVantfrom'.

周亚鑫·2023-08-16 14:53

萨马拉城之约

AmerchantinBaghdadsendshisservanttothemarketplaceforprovisions.Soonafterward,theservantcomeshomewhiteandtremblingandtellshimthatinthemarketplacehewasjostledbyawoman

穿紫色洋装的太宰治233·2023-08-16 12:09

vant --- DropdownMenu下拉菜单有白边问题

解决代码：.van-dropdown-menu__bar{box-shadow:unset!important;/*解决van-dropdownMenu下拉菜单有白边问题*/}例子：

就叫小黄好了鸭·2023-08-16 09:22

vant 时间组件在苹果手机弹出问题

vant最大时间与最小时间可用newDate(xxxx,xx,xx)来进行设置而重点就在这里如果设置的值为newDate(‘xxxx,xx,xx’)，带字符串的，安卓手机没有问题，但是苹果手机会存在问题

不二家大哥哥·2023-08-16 09:52

vant下拉组件在van-tabs时出现无下拉数据

因为van-tabs的animated属性影响去掉即可或者在van-dropdown-item上添加get-container="body"属性。

qq_42749712·2023-08-16 09:50

关于vant2 组件van-dropdown-item，在IOS手机上，特定条件下无法点击问题的探讨

情景重现先贴有问题的代码加载中...{{hospitalName}}暂无排队记录{{item.patientName}}{{userPhone.replace(/(\d{3})\d{4}(\d{4})/,"$1****$2")}}{{item.deptName}}{{item.orgName}}0">{{item.seeingName}}{{item.seeingNo}}{{item.seeing

韩zj·2023-08-16 09:17

微信小程序中pdf的上传和下载

微信小程序中pdf的上传和下载上传两种方法：上传1：1.用vantweapp组件：//pdf上传--vantweapp组件page({data:{fileList:[],//pdf上传}})afterReadFile

joan_85·2023-08-16 08:15

postcss-px-to-viewport插件移动端自适应（兼容vant）

1.下载插件npminstallpostcss-px-to-viewport--save2.在vue-cli根目录创建postcss.config.js文件这是不兼容vant组件库的（配置后重启项目）这时候

没经验的开发者·2023-08-16 07:17

【postcss】解决vite中使用postcss-px-to-viewport无法使用vant等多种设计尺寸问题|postcss-plugins

cnjm-postcss-px-to-viewport基于postcss-px-to-viewport插件稍加改造的和使用postcss-px-to-viewport是基本一样的，只是多处理了vant等

cnjm undefined·2023-08-16 07:47

解决vue@cli 5版本使用postcss-px-to-viewport适配vant问题

在postcss.config.js配置一直报错,换到vue.config.js里进行配置,代码如下:const{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({transpileDependencies:true,css:{loaderOptions:{postcss:{postcssOptions:lo

weixin_45965766·2023-08-16 07:47

vue中自适应rem的设置及vant组件库px自动修改为相对大小的方法两则（postcss-pxtorem和postcss-px-to-viewport）

一、vue中自适应rem的设置新建文件src/libs/rem.jsfunctionsetRem(){//750px为设计稿视口宽度字体大小默认18px;constscreenWidth=750constscale=screenWidth/18consthtmlWidth=document.documentElement.clientWidth||document.body.clientWidth

weixin_41990749·2023-08-16 07:47

vue+vant2 babel-plugin-import插件按需引入组件 + postcss-px-to-viewport屏幕适配，详细步骤（第一步）

1.在vue2项目中通过npm的下载安装vant2#安装VueClinpminstall-g@vue/cli#创建一个项目vuecreatehello-world#安装vant2npmivant@latest-v2

nihaoya~·2023-08-16 07:46

vite3+vant移动端适配

vw配置安装插件npmi-Dautoprefixer@^10.4.7npmi-Dpostcss-px-to-viewport-8-plugin@^1.1.3创建配置文件根目录创建postcss.config.cjsmodule.exports={plugins:{'postcss-px-to-viewport':{//设计稿宽度viewportWidth:375,},},};Rem配置引入rem适

cooldrw2012·2023-08-16 07:46

vue+vant2—篇4—用viewport 单位适配浏览器

Vant默认使用px作为样式单位，如果需要使用viewport单位(vw,vh,vmin,vmax)，推荐使用postcss-px-to-viewport进行转换。

有蝉·2023-08-16 07:46

移动端布局之postcss-px-to-viewport（兼容vant）

主角是谁在今天这篇文章中，我并不会在这里讲一些移动端视口的概念，包括物理像素和逻辑像素，理想视口，dpr等等等等，我只介绍这样一种非常不错的移动端适配方案：post-css-to-viewport痛点在哪里在之前有一种流行已久的移动端适配方案，那就是rem，我想下面这两句代码，有不少老移动端都不会陌生：constdeviceWidth=document.documentElement.client

康康不是只喵·2023-08-16 07:16

vue2.0_移动端自适应布局之 postcss-px-to-viewport（兼容vant-ui）

前言一般我们在做vue的移动端项目时，为了能够自适应不同分辨率，就需要根据UI设计稿的宽高进行px与rem、em的比例换算。但是这样做非常繁琐，为了解决这个问题，我们直接使用当前比较流行的插件postcss-px-to-viewport去配置相应的属性来进行自适应布局的构建。关于px、em、rem的区别详解可点击此处了解postcss-px-to-viewport(将px单位自动转换成view

QiuRenBB·2023-08-16 07:45

vite项目 postcss-px-to-viewport适配vant

关于vite项目postcss-px-to-viewport适配vant的问题，网上很多文章都已经过时或者都是基于webpack的配置，很少vite相关的配置教程，故做一下笔记希望帮到正在踩坑的同学。

YongChao_bms·2023-08-16 07:45

基于react18+react-vant仿微信聊天IM实例

·2023-08-16 00:59

vue3+vite配置vantUI主题

❓在项目中统一配置UI主题色，各个组件配色统一修改vantUI按需安装参考vantUI文档创建vantVar.less文件夹进行样式编写vantVar.less:root:root{//导航--van-nav-bar-height

啥时候能干全栈·2023-08-15 21:10

vue - Vant库 - popup弹出框实现两秒后自动关闭

2021-06-29vue-Vant库-popup弹出框实现两秒后自动关闭取消预约//弹出框内容根据自己需要填写已超过取消预约时间，无法取消喽~data(){return{show:false,}},methods

Augenstern、·2023-08-15 17:59

v3s平台学习

utm_medium=distribute.pc_relevant.none-task-blog-2default

sqeasww·2023-08-15 12:27

Making the talk to convince

enthusiasmFirstWinconfidencebydeservingit.Wemustfirstbeconvincedbeforeweattempttoconvinceothers.词汇：outset开始SecondGetayes-responseIsitnotmuchmoreadvantageoustobeginbystressingsome

Justawriter·2023-08-15 12:34

【Vue2】Vant2上传文件使用formData方式，base64图片转Blob再转File上传

文章目录前言一、base64转换为Blob对象的方法二、使用步骤1.引入工具类js2.编写formData上传方法3.api方法中的request代码三、实际操作1.html代码2.js代码总结前言vant2

阿民不加班·2023-08-15 10:20

【Vue】Vue2创建移动端项目实战教程，创建移动端项目保姆级教程，设置axios，utils工具包，vue.fonfig.js配置项（下）

（上）【Vue】Vue2创建移动端项目实战教程，创建移动端项目保姆级教程，接上一篇创建Vue2项目（中）提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、安装vant21

阿民不加班·2023-08-15 10:47

Joey-晓得-19.5.4

YourlowlyservantZiWeikowtowsuponseeingYourMajesty.--臣遵旨。You

晓楠得一录·2023-08-15 05:04

vue项目创建，vant项目创建，vant项目打包，HBuilder打包vue项目，HBuilder打包vant项目

#通过npm安装有赞（vant）npmivant-S7.运行项目npmrundev以上步骤说明你已经成功创建一个vue

吴乐要奋斗·2023-08-15 03:16

蒙特霍尔三门问题及其实现1.0

蒙特霍问题或蒙提霍尔悖论，出自美国的电视游戏节目Let’smakeadeal.来自CraigF.Whitaker于1990年寄给《展示杂志》（ParadeMagazine）玛丽莲·沃斯·莎凡特（MarilynvosSavant

CaCu999·2023-08-15 02:22

盘点12个Vue 3的高颜值UI组件库

全文大纲Vuetify是一个纯手工精心打造的Material样式的VueUI组件库Vant3.0有赞前端

短暂又灿烂的·2023-08-15 00:39

vue3如何使用vant中IndexBar索引栏？

在我们开发移动端的时候，有时候会遇到制作通讯录或者城市索引栏，这种时候我们就可以使用vant中快捷方便的IndexBar索引栏来完成这个功能。

东方青云、·2023-08-14 18:01

移动端-vant组件库按需导入配置

vant官方文档:https://vant-contrib.gitee.io/vant/#/zh-CN/home其他vue相关的移动端组件库:vux,mint(饿了么),cube-ui(滴滴)...项目基本目录结构在

Nanshannan·2023-08-14 10:51

雇工模式（Employee Pattern）

本文节选自《设计模式就该这样学》1雇工模式的定义雇工模式（EmployeePattern）也叫作仆人模式（ServantPattern），属于行为型设计模式，它为一组类提供通用的功能，而不需要类实现这些功能

Tom弹架构·2023-08-14 08:58

微信小程序－vant-weapp日期选择器的使用（年月日时分）

小程序vant-weapp的日期选择器的使用（年月日时分）话不多说，记录一下这个框架的使用~小程序使用轻量、可靠的小程序UI组件库vant-weappGithub源码：https://github.com

祈澈菇凉·2023-08-14 06:19

vant List组件实现上拉加载中首次进行load事件执行两次的问题

需求：进行tab切换时，其中一次tab下有上拉加载的功能问题：在第一次切换到带有上拉加载列表功能的tab，执行加载list的load事件执行了两次造成数据的重复加载，另外如果这个list的高度全部在可视范围内，首次就会加载两次load事件，如果可视范围只有tab切换的区域则不会出现这种情况如图所示，tab3下的是具有上拉加载功能的list解决：方法一：分开load绑定的事件和第一次加载数据执行事件

zuo-yiran·2023-08-13 23:03

图片预览插件vue-photo-preview的使用

移动端项目中需要图片预览的功能，但本身使用mintui，vantui中虽然也有，但是为了一个组件安装这个有点儿多余，就选用了vue-photo-preview插件实现（其实偷懒也不想自己写）。

zuo-yiran·2023-08-13 23:01

HBuilder X中uniapp使用Vant Weapp、uView UI

1、使用VantWeapp安装：npminit-ynpmi@vant/weapp@1.3.3-S--production在项目目录中新建目录wxcomponents，把node_modules中的**@

嘿………·2023-08-13 16:11

解决微信小程序vant组件库距离底部有安全距离

把这个放到app.wxss文件中即可解决.van-popup--bottom.van-popup--safe{padding-bottom:0!important;}

前端若水·2023-08-13 13:33

移动端Vue组件库-vant

Vant是有赞前端团队开源的移动端vue组件库，适用于手机端h5页面。

梦之归途·2023-08-13 09:58

推荐频道

VANT