html|案例: 购物车渲染
文章图片
步骤: 1. 搭一下结构,
2. 下载axios包
3. 映入axios包
4. 在created() {} 发送请求获取数据
5.将数据利用v-for循环到页面中(在data里面声明一个空数组,来装载请求回来的数据)
6. 调整样式
7. 根据索引删除当前的li
我的购物车
文章图片
{
{item.name}}
{
{item.price}}
×
h2 {
text-align: center;
}
li {
position: relative;
width: 190px;
height: 240px;
list-style: none;
float: left;
box-shadow: 3px;
}img {
width: 180px;
height: 200px;
}
.off {
position: absolute;
right: 20px;
top: 5px;
width: 30px;
height: 30px;
background-color: #ccc;
text-align: center;
}
.off:hover {
background-color: orange;
}【html|案例: 购物车渲染】
推荐阅读
- django-前后端交互
- 爬虫数据处理HTML转义字符
- HTML基础--基本概念--跟着李南江学编程
- 翼光家长沙龙复盘
- 小程序有哪些低成本获客手段——案例解析
- 3.css浮动
- 【文魁大脑实用记忆第五期】贤派张丽琼第8次案例一地理记忆有汽泡图
- React.js的表单(六)
- iOS富文本为html时，修改默认字体颜色
- 瀑布流布局