提纲挈领:
1》将 资料
目录中的 cart_empty@2x.png
图片复制到项目的 /static/
目录中
2》改造 cart.vue
页面的 UI 结构,使用 v-if
和 v-else
控制购物车区域和空白购物车区域的按需展示:
3》美化空白购物车区域的样式:
最终效果图:
①:cart为空的情况: ②:cart有商品的情况:
提纲挈领:
1》将 资料
目录中的 cart_empty@2x.png
图片复制到项目的 /static/
目录中
2》改造 cart.vue
页面的 UI 结构,使用 v-if
和 v-else
控制购物车区域和空白购物车区域的按需展示:
3》美化空白购物车区域的样式:
最终效果图:
①:cart为空的情况: ②:cart有商品的情况: