vue.js|购物车内容渲染-案例 axios
先来看一下效果：
文章图片
下面是实现代码与思路：
src/App.vue中
我的购物车
文章图片
{
{ item.name }}￥{
{ item.price }}￥
×
h2 {
text-align: center;
}
li {
position: relative;
width: 190px;
height: 240px;
list-style: none;
float: left;
box-shadow: 3px;
}
p {
color: red;
}
img {
width: 180px;
height: 200px;
}
.off {
position: absolute;
right: 20px;
top: 5px;
width: 25px;
height: 25px;
background-color: #ccc;
text-align: center;
border-radius: 15px;
}
.off:hover {
background-color: rgb(238, 14, 14);
}
【vue.js|购物车内容渲染-案例 axios】
推荐阅读
- Filecoin挖矿投资报告
- 联机共读11期-6.2-汤亚萍|联机共读11期-6.2-汤亚萍 “好的内容+多的流量=知名的品牌”
- Python专栏|数据分析的常规流程
- 内容平台做电商的三个优势
- VueX（Vuex|VueX（Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- 误删/清空.bashrc文件/内容
- vue.js|vue中使用axios封装成request使用
- 1-Java基础知识
- vue.js组件开发
- 分布式|《Python3网络爬虫开发实战（第二版）》内容介绍