
VantUI
人类高质量程序员
这个作者很懒,什么都没留下…
展开
-
VantUI做倒计时+环形进度条
本来想用VantUI做倒计时+环形进度条,在优快云搜了搜,没有我想要的答案,我就自己做了一个。话不多说,上效果:在上代码:在template标签下的:<van-cell > <template > <span> <van-count-down :time="time" format="mm 分ss" /> </span> <van-tag type="danger">原创 2021-08-22 18:14:19 · 1370 阅读 · 0 评论 -
前端处理后端JSON数据
前端人员一般接受的都是JSON,是无法直接使用的,那么咱们就将后端反应的数据转换为对象话不多说,直接上代码:强调一下,我用的是vue+VnatUI这是在template标签里面的 <van-button type="primary" @click="Dome">主要按钮</van-button> <span> {{ress}} </span>```这是在script标签里面的:data() { return { ress: ''原创 2021-08-22 17:51:47 · 3145 阅读 · 0 评论 -
Vant自定义输入框头部图标
首先说一下,Vant官方做的文档我感觉有点糙,尤其是Udine新手,有点不友好,所以我在这里演示一下如何将Field 输入框前面自定义图标。这是成品:首先,你要按照官方文档进行引入:之后,选择你想使用某一部份的代码,我选择的是能够显示字数的输入框, <van-field v-model="message" rows="2" autosize border label="留言" type="textarea" maxlength="5原创 2021-08-15 09:29:49 · 4223 阅读 · 2 评论 -
超详细在vue中配置vantUI组件
打开van的官方网站https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart这是网址点击快速上手根据你不同的脚手架版本进行安装(我使用的是脚手架2)3.直接找到引入组件4.在相应的文件进行配置注意看代码的位置,好多小伙伴直接复制粘贴是不对的,要在相应的位置进行复制粘贴这是配置好的文件(可以有一些出处)ps:我是按照按需引用来配置的,这也是官网所推荐的6.测试cd到你所创建的目录下,输入npm run dev运行无误后.原创 2021-08-13 16:58:24 · 1157 阅读 · 0 评论