uniapp使用 Vant Weapp 组件,CSS的伪类和伪元素

本文介绍了如何在uniapp中直接通过import方式使用Vant Weapp组件,避免了繁琐的页面配置步骤。通过实践证明了这种方法的可行性,并展示了成功应用的效果。同时,作者分享了自己的前端开发经历,以及为想要提升技能的前端工程师提供了一份全面的学习资料。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我把 vant 下载到 src目录下 wxcomponents 文件夹

image.png

src/wxcomponents/vant

在页面中使用这些组件, 网上看的方法都是 (可能我没找到) 要在 页面json里面配置然后才能在页面中使用. 觉得这样超级麻烦啊, 页面跳来跳去的…

image.png

image.png

办法

既然 uni 中高度接近vue, 其他组件可以使用 import 方式, 那应该引用小程序组件也可以吧
然后试了一下
image.png
果然是可以的!
看效果>>>>
image.png
uni 自动帮我们生成到配置json去了.

小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
img

最后

我可以将最近整理的前端面试题分享出来,其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等,还在持续整理更新中,希望大家都能找到心仪的工作。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

篇幅有限,仅展示部分截图:

img.cn/img_convert/b24f32dd81ead796fa80c27c763d262c.png)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值