.zaiui-nav-view { position: sticky; transition: all .25s; padding-bottom: 3.63upx; z-index: 9999; width: 100%; } .zaiui-goods-list-view { position: relative; margin: 27.27upx; padding: 27.27upx; border-radius: 9.09upx; .zaiui-checked { position: absolute; visibility: hidden; } .zaiui-goods-list-box { position: relative; padding: 27.27upx 0; .cu-avatar { position: absolute; height: 127.27upx; width: 127.27upx; transition: left .15s; } .img-lower-box { position: absolute; height: 90.9upx; width: 90.9upx; background-color: rgba(0, 0, 0, 0.6); border-radius: 181.81upx; text-align: center; line-height: 90.9upx; font-size: 21.81upx; color: #dedede; top: 45.45upx; left: 18.18upx; transition: left .15s; } .goods-info-view { position: relative; padding-left: 154.54upx; height: 127.27upx; transition: all .15s; .goods-info-tools { position: absolute; bottom: 0; width: calc(100% - 154.54upx); transition: width .15s; .cu-tag { position: absolute; right: 0; bottom: 3.63upx; } } } &:last-child { padding-bottom: 0; } } .zaiui-goods-list-box + .zaiui-goods-list-box { border-top: 2upx solid rgba(179, 179, 179, 0.1); } .zaiui-goods-list-box.zaiui-lower-shelf { .cu-avatar { opacity: 0.6; } .goods-info-view { opacity: 0.6; } } } .zaiui-goods-list-view.checked { .zaiui-checkbox-view { .zaiui-checked{ top: 21.81upx; transition: top .15s; } .text-black { padding-left: 59.99upx; transition: all .15s; } } .zaiui-goods-list-box { .zaiui-checked { top: 69.09upx; transition: top .15s; } .cu-avatar { left: 59.99upx; transition: left .15s; } .goods-info-view { padding-left: 209.09upx; transition: all .15s; .goods-info-tools { width: calc(100% - 209.09upx); transition: width .15s; } } } .zaiui-goods-list-box.zaiui-lower-shelf { .img-lower-box { left: 76.36upx; transition: all .15s; } } .zaiui-checked { position: absolute; visibility: visible; transform: scale(0.7); z-index: 999; } } .zaiui-footer-fixed { box-shadow: 0 -2upx 9.09upx 0 #ececec; z-index: 99999; .cu-bar { width: 100%; .checked-view { position: relative; z-index: 999; .zaiui-checked { position: relative; margin-right: 9.09upx; top: -5.45upx; transform: scale(0.7); } } } } .zaiui-add-btn-view-box { position: fixed; z-index: 999999; bottom: 181.81upx; right: 27.27upx; .cu-btn { margin: auto; width: 81.81upx; height: 81.81upx; font-weight: 800; border-radius: 50%; font-size: 36.36upx; border: 9.09upx solid #fff; box-shadow: 0 0 14.54upx 7.27upx #d0d0d0; } }