Browse Source

新增购物车入口

master
邓平艺 4 years ago
parent
commit
d4411f0cdd
  1. 42
      pages/index/index/index.vue

42
pages/index/index/index.vue

@ -371,6 +371,13 @@
</view> </view>
</view> </view>
</view> </view>
<!-- 悬浮购物车入口 -->
<view class="fixed-right">
<view class="fixed-btn" hover-class="lf-opacity" @click="$url('/pages/store/cart/cart')">
<text class="lf-iconfont icon-daishouhuo lf-font-50"></text>
<view class="angle-mark">99+</view>
</view>
</view>
<!-- ad广告弹出组件 TODO 暂时先注释 --> <!-- ad广告弹出组件 TODO 暂时先注释 -->
<!-- <lf-ad-modal :value.sync="show_ad"></lf-ad-modal> --> <!-- <lf-ad-modal :value.sync="show_ad"></lf-ad-modal> -->
<!-- 回到顶部组件 --> <!-- 回到顶部组件 -->
@ -1186,4 +1193,39 @@
margin-bottom: 30rpx; margin-bottom: 30rpx;
margin-top: 60rpx; margin-top: 60rpx;
} }
.fixed-right{
position: fixed;
right: 32rpx;
bottom: 300rpx;
width: max-content;
height: max-content;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
z-index: 9;
.fixed-btn{
width: 100rpx;
height: 100rpx;
border-radius: 50%;
background-color: #15716E;
display: flex;
justify-content: center;
align-items: center;
color: #FFFFFF;
position: relative;
.angle-mark{
position: absolute;
right: 4rpx;
top: 4rpx;
width: 40rpx;
height: 40rpx;
background-color: #007AFF;
border-radius: 50%;
font-size: 20rpx;
display: flex;
justify-content: center;
align-items: center;
}
}
}
</style> </style>
Loading…
Cancel
Save