摘要: 由于对于vue了解不够深入,导致今天写这个组件浪费了很多时间。后来一个大神同事给我指点了一下。 想做成如图所示的样式的步骤条,使用vue elementui的steps组件做。 最简单的在组件中插入代码实现样式的方法时行不通的 <div style="height: 300px;"> <el-ste 阅读全文
posted @ 2022-01-18 12:22 元宇宙-Metaverse 阅读(13179) 评论(1) 推荐(1)
摘要: 背景:要自定义步骤条的图片,但是官网上并没有找到相关示例,官网的自定义步骤条icon使用的是属性及vant的icons,我想要的是随便写什么,那就要用官网提供的slot 解决: 1、官网(vant官网)截图 2、实现:直接上代码,注意template的使用位置,内部使用div,用了背景图,so,完全 阅读全文
posted @ 2022-01-18 12:14 元宇宙-Metaverse 阅读(1151) 评论(0) 推荐(0)
摘要: Vant自带的图标比较少,有时候不能满足使用。 普通使用第三方图标 我一般使用阿 找到自己想要的图片 然后加入购物车 1.点击 下载代码 2.下载完成后放在项目中,如放在src/assets下,像demo.html、demo.css等示范文件可选择性删除。 3.在main.js中添加上述样式的引入代 阅读全文
posted @ 2022-01-18 12:02 元宇宙-Metaverse 阅读(2101) 评论(0) 推荐(0)
摘要: 1 问题描述 在使用vant的Tab标签制作导航栏时,Tab样式书写方式同css有些许不同,并且一些样式变量是已经自定义的。那么如何改变样式呢?为此总结了一部分较为常用的样式的代码。 2 算法描述 在对Tab标签的样式进行改变时,不仅要写类标签名(class),还要写上vant-tab的所需要部分的 阅读全文
posted @ 2022-01-18 11:55 元宇宙-Metaverse 阅读(1339) 评论(0) 推荐(0)