VANT 第27页

【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/[email protected]在项目目录中新建目录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组件库时构建npm报错

在跟着vant官方进行使用步骤一步步操作时，由于要构建NPM，但NPM包在App配置文件的外部所以在做下图这一步时：接着再进行npm构建时会报错message:发生错误Error:F:\前端学习\前端框架

申申呢？·2023-08-13 08:26

静态时序分析——多周期、半周期和伪路径

尽管后一个寄存器会在每一个的时钟的上升沿尝试捕获（capture）数据，但我们会在STA中指定个时钟周期后的上升沿（relevantcaptureedge）去捕获数据。以上图为例，组合路径的延时为三

沧海一升·2023-08-13 06:04

GIT-HUB上传大文件.docx

spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefau

Runningwind2012·2023-08-13 03:50

2019-01-17

FiertéJ'aifaituneprésentationde10minutesdevantunevingtainedecollègues,etmonN+2trouvantintéressant,proposequejeprésenteàlaréuniondépartementaledevant80personnes.MerciConfianceetbienveillancedemescollèg

自制荔枝汁·2023-08-13 01:31

微信小程序周边配套的实现

一需求分析：以该小区为中心，实现周边配套的检索，切换不同种类的检索条件，刷新页面，并以气泡的方式显示出来，效果如下~屏幕快照2019-09-21上午11.25.45.png二实现方式：底部我是用的vant

DevinZ·2023-08-12 19:53

第三章：前端UI框架介绍

文章目录一、Bootstrap1.1Bootstrap简介及版本1.2Bootstrap使用二、AntDesign2.1简介2.2基本使用2.3antdpro三、ElementUI3.1简介3.2基本使用四、Vant4.1

Sophie_U·2023-08-12 13:47

IDEA 中有文件变黄，无法Git上传

utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.add_param_isCf&

huayal·2023-08-12 09:14

被有赞vant的图片上传组件坑过的前端同学

首先，有赞我很少用，只是接手的项目用的vant，以下是使用图片上传遇到的坑，讲实话有点惨图片上传回显fileList:[{url:'https://img.yzcdn.cn/vant/cat.jpeg'

雨未浓·2023-08-12 08:10

用 vant 定制主题

vue-cli3使用vant定制主题方法参考链接:https://youzan.github.io/vant/#/zh-CN/theme(一)创建我的主题样式文件拷贝vant默认配置样式到项目制定目录,

北冥有鱼_425c·2023-08-12 07:29

微信小程序构建NPM包

微信小程序构架NPM包的时候报没有找到可以构建的NPM包image.png进入到这个目录下就是你的项目目录下执行下面的三个命令vant-weapp(为小程序UI组件库)这里是做的一个示例，你可以引入你自己需要的组件库

Luyc_Han·2023-08-12 06:54

vant 标签栏+上拉加载+下拉刷新demo van-tabs+van-pull-refresh+van-list demo

思路页面结构van-tabs在最上面van-pull-refresh在van-tabs下面van-list在van-pull-refresh里面css关键给van-pull-refresh设置高度为calc(100%-44px)，其中44px是van-tabs的高度，同时给van-pull-refresh设置overflow:hidden;overflow-y:scroll;这样就能滚动起来加载更

多思考多学习·2023-08-12 06:22

vant ui中 pullRefresh+list与tabs相结合使用导致一直触发load的一种比较简单的解决办法

先说办法(比较直接比较笨的):不把van-pull-refresh以及van-list放在van-tab标签当中其原因可能是在tab里定位触底判断有问题网上搜了好多,很多说是overflow的问题,但我改了没什么用就直接不放在tab里只用他判断切换数据示例代码{{trialItem}}exportdefault{props:{},name:"test",//变量书写对象data(){return{

非线性定语从句·2023-08-12 06:52

Vant Tab标签页+下拉刷新+上拉加载

VantTab标签页+下拉刷新+上拉加载{{motorcadeName}}{{item.rentName}}{{item.rentPhone}}待提交审批退回审批中审批完成{{item.carType}

十一郎678·2023-08-12 06:52

vant 结合 tabs 实现上拉加载下拉刷新

vant结合tabs实现上拉加载下拉刷新importdayjsfrom'dayjs'exportdefault{name:"index",components:{},data(){return{//tabs

伟笑·2023-08-12 06:22

使用 Vant van-pull-refresh van-list van-tab van-search遇到的问题总结

使用Vantvan-pull-refreshvan-listvan-tabvan-search遇到的问题总结通过mixin封装van-pull-refresh+van-list,实现下拉刷新+上拉加载，

J1a_l3·2023-08-12 06:22

van-list 分页查询，节流处理

1.代码环境vue2+vant2版本使用的是van-list和van-pull-refresh组件2.业务需求若涉及tabs，请点击->如图所示：1.第一次进入记录页面，只显示第一页的数据；2.只要是下拉刷新的操作

s小布丁·2023-08-12 06:51

vue 配合 vant组件开发路由懒加载切换路由回到页面顶部

成果展示，上拉下拉皆可刷新请求数据，可通过点击首页，我的可切换路由引入vant组件库npmivant-S引入main.js引入tabbarimportVuefrom'vue';import{Tabbar

道长道长IOT·2023-08-12 06:51

vant-ui 使用(3)

vant-ui使用(3)记录近期所使用vantui组件的过程使用过程中用到的vant文档https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart#tong-guo-npm-an-zhuang7

kjs--·2023-08-12 06:51

van-list 分页查询，节流处理（含tabs）

1.代码环境vue2+vant2版本使用的是van-tabs，van-list和van-pull-refresh组件2.业务需求如图所示：1.点击不同的tabs时进入记录页面，都只显示第一页的数据；2.

s小布丁·2023-08-12 06:21

使用vant中tabs、van-pull-refresh、van-list实现上拉加载下拉刷新功能

暂无数据{{item.projectName}}/{{item.managerName}}{{item.contactPhone}}{{item.projectDescribe}}{{tag}}无￥{{item.estimatedTotalPrice}}人员安排登记工时工时流水data(){return{loading:false,finished:false,//是否已加载完成，加载完成后不再触

feifeifeiCSND·2023-08-12 05:50

vant组件list上拉刷新加载的问题

vant组件list的一些问题在这一次的小程序开发中，使用vant的list列表，刚开始都是在网上找的很多例子参考，但是他们的都会出现很多小问题，还有的会重复加载数据和多次请求接口。

昨夜小楼又东风。·2023-08-12 05:50

推荐频道

VANT