加入购物车的底部pop

最新推荐文章于 2024-09-14 17:51:25 发布

小小淼兮

最新推荐文章于 2024-09-14 17:51:25 发布

阅读量357

点赞数

分类专栏： uni-app 文章标签： html js css flex vue

本文链接：https://blog.csdn.net/weixin_45030838/article/details/108399404

版权

这个博客展示了如何使用HTML、CSS和JavaScript实现移动端购物车的底部弹框，包括商品图片、价格、数量选择和操作按钮。通过Vue.js组件进行交互逻辑处理，如添加到购物车和取消操作，并提供了相应的样式设计。

摘要由CSDN通过智能技术生成

<view class="bottom" v-show="showFlag">
           <view>
               <view class="content-block-bottom">
                   <view class="content-left-bottom">
                       <image src="../../static/pic/food.jpg" class="content-food-img-bottom">
                       </image>
                       <view class="content-view-bottom">
                           <text class="content-price-bottom">￥{ {priceShop}}</text>
                           <text class="content-num-bottom">
                               { {remaining}} { {lastNum}} { {aNum}}
                           <