vue项目之购物车下载

weixin_39821746 2020-06-23 02:30:23

使用vue构建的项目，主要实现购物车逻辑功能。使用vant 框架配合开发。
相关下载链接：//download.csdn.net/download/qq_39197547/10591343?utm_source=bbsseo

...全文

36 回复打赏收藏举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

文章目录前言一、批量下载iconfont1.创建一个项目2.批量加入购物车 前言本文主要是iconfont图标批量下载，以及使用到vue中。一、批量下载iconfont 1.创建一个项目打开网站iconfont，登陆，顶部菜单打开【资源管理】–>【我的项目】–>【新建项目】填写项目名字，其他默认 2.批量加入购物车 使用谷歌浏览器打开自己喜欢的图标页面，右键检查，在检查面板``console`中输入代码 var list = document.querySelectorA

打开阿里图标库官网阿里图标库官网随便里面很多类型的图标，找一个点击进去把鼠标放在想要的图标上面，点击购物车添加入库 . 选择后后点击自己的购物车，添加的都在这里了点击下载代码下载下来的是一个压缩包，解压把红框的两个文件添加到vue项目中，建议放在assets下面因为字体图标也是静态文件修改iconfont.css的路径注意这里的路径是找寻iconfont.ttf的路径，因为我的在同一路径，根据自己的存放修改 @font-face { font-family: .

1、打开iconFont官网选择自己喜欢的图标，并且添加购物车 2、点击购物车，添加至项目 3、下载至本地 4、把我们下载好的文件iconfont.css和iconfont.ttf放到项目assets文件夹下（可创建一个css文件或iconfont文件） 5、在main.js中引入iconfont.css样式 import './assets/iconfont/iconfont...

1.打开iconfont阿里巴巴官网https://www.iconfont.cn 2.新建项目(这样方便后期维护图标库) image.png 3.把需要的图标添加到购物车 image.png 4.打开购物车并选择添加至项目，然后确定 image.png 5.这时候可以在项目中看到你选中的svg图标，这时候可以点击下载至本地 image.pn...

总结:之前一直未写过同时实习跳转当前页面和跳转新页面的项目,要么是当前，要么是新页面,今天更新一个两个同时实现的项目。：相信很多人都遇到过router-link通过to跳转页面有时候会不显示内容的bug。上传不了完整效果图视频.请见谅哈. 直接上代码:（完整代码）效果图:（实现效果可直接复制粘贴）主页面：导航条：超级周末页面 购物车页面: 大额券页面: 其它我就省略了… 功能描述: 1.仿美团导航切换功能 2.淘宝购物车功能，加入购物车，加购功能, 3.轮播图效果 4.循环遍历路由导航

下载资源悬赏专区

13,652

社区成员

12,568,452

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章