小程序购物车页面wxss部分代码

最新推荐文章于 2024-03-31 12:29:22 发布

wu520xin

最新推荐文章于 2024-03-31 12:29:22 发布

阅读量503

点赞数 2

文章标签：小程序 css css3

本文链接：https://blog.csdn.net/wu520xin/article/details/123428147

版权

本文分享了关于小程序购物车页面的wxss实现代码，主要涉及CSS和CSS3技术，探讨了如何利用这些技术创建功能性和视觉效果良好的购物车界面。

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

.mescroll{
  font-size: 24rpx;
  padding-bottom: 108rpx;
  position: fixed;
  /* margin-top: -0.88rpx; */
  top: 80rpx;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow-y: auto;
  /* position: relative; */
}
.mescroll::-webkit-scrollbar{
  display: none;
}
.mescroll{
  background: #F6F6F6;
}
.mescroll .drop-down{
  height: 0;
  font-size: 30rpx;
  overflow: hidden;
  text-align: center;
  line-height: 88rpx;
}
.mescroll .stay{
  height: 90rpx;
  background: linear-gradient(90deg,#FF1839,#FF0F5E);
  color: #FEFEFE;
  font-size: 60rpx;
  font-weight: bold;
  padding: 0 24rpx;
}
.mescroll .trolley{
  padding: 0 24rpx;
  margin-top: -90rpx;
}
.mescroll .trolley .theme{
  padding: 0 0 0 24rpx;
  /* box-shadow:0 0 0.16rpx 0 rgba(157,157,157,0.2); */
  border-radius:30rpx;
  background: #FFFFFF;
  color: #252A2E;
  margin-bottom: 24rpx;
}
/* .mescroll .trolley .theme:first-child{
  margin-top: 0;
} */
/* 购物车信息头部店铺信息 */
.mescroll .trolley .theme .header{
  height: 90rpx;
  /* border-bottom: 0.012rpx solid rgba(0, 0, 0, 0.1); */
  line-height: 90rpx;
  display: flex;
  justify-content: space-between;
  position: relative;
  background: #FFFFFF;
  padding-right: 24rpx;
}
.mescroll .trolley .theme .header .left{
  margin-left: 76rpx;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mescroll .trolley .theme .login_btn_Unselected{
  width: 60rpx;
  height: 60rpx;
  background: url("") no-repeat;
  background-size: 60rpx 60rpx;
  position: absolute;
}
.mescroll .trolley .theme .active{
  background: url("") no-repeat;
  background-size: 60rpx 60rpx;
  
}
.mescroll .trolley .theme .header .selected{
  width: 60rpx;
  height: 60rpx;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -30rpx;
}
/* .mescroll .trolley .theme .header .selected input{
  position: absolute;
  height: 60rpx;
  width: 60rpx;
  opacity: 0;
} */
.mescroll .trolley .theme .header .left .store-image{
  width: 36rpx;
  height: 36rpx;
  border-radius: 50%;
  vertical-align: middle;
  /* margin-left: 0.34rpx; */
}
.mescroll .trolley .theme .header .left t