hulimall/pages/order/order.wxss

/* pages/order/order.wxss */
page{
  background: #F5F5F5;
}
.tab-view{
  position: fixed;
  width: 100%;
  height: 100rpx;
  background-color: #fff;
  white-space: nowrap;
}
.tab-itemActive{
  color: #454553;
  width: 20%;
  height: 100rpx;
  line-height: 100rpx;
  text-align: center;
  font-size: 30rpx;
  font-weight: bold;
  display: inline-block;
}
.tab-item {
  color: #9fa5b6;
  width: 20%;
  height: 100rpx;
  line-height: 100rpx;
  text-align: center;
  font-size: 30rpx;
  display: inline-block;
}
.tab-lineActive{
  width: 78rpx;
  height: 6rpx;
  margin-top: -10rpx;
  margin-left: 25%;
  background-color: #F95B43;
  z-index: 655;
}
.tab-badge{
  position: absolute;
  margin-top: -80rpx;
  margin-left: 45rpx;
  width: 35rpx;
  height: 35rpx;
  border-radius: 17.5rpx;
  line-height: 35rpx;
  font-size: 28rpx;
  text-align: center;
  font-weight: normal;
  color: white;
  background-color: red;
}
.tab-line{
  width: 100%;
  height: 2rpx;
  margin-top: -8rpx;
  background-color: #fff;
}
/*list*/
.list-container{
  background: #F5F5F5;
}
.list-cell{
  display: inline-table;
  width: 95%;
  margin:20rpx 2.5% 0rpx 2.5%; /*上-右-下-左*/
  padding-bottom: 15rpx;
  background: white;
  /* box-shadow:0 6rpx 10rpx 2rpx #807e7a99; */
  border-radius: 10rpx;
}
.list-cell image{
  width: 345rpx;
  height: 345rpx;
}
.list-cell .imageSrc{
  position: absolute;
  margin-top: 20rpx;
  margin-left: 20rpx;
  width: 104rpx;
}
.shopView {
  display:flex;
  align-items: center;
  height: 85rpx;
}
.shopView image {
  width: 40rpx;
  height: 40rpx;
  margin-left: 25rpx;
}
.shopView text{
  margin-left: 12rpx;
  font-size: 32rpx;
  color: #333333;
}
.shopView .jiantou-img {
  width: 25rpx;
  height: 25rpx;
  margin-left: 20rpx;
}
.shopView .statusLabel{
  position: absolute;
  right: 45rpx;
  color: #FA5151;
  font-size: 30rpx;
  height: 40rpx;
  line-height: 40rpx;
}
.goodsView{
  display: flex;
  flex-direction: row;
}
.goodsView .goodsImg {
  margin-left: 20rpx;
  width: 150rpx;
  height: 150rpx;
}
.goodsView .content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 25rpx;
}
.content .title{
  /* margin-top: 10rpx; */
  color: #333333;
  font-size: 36rpx;
  max-width: 480rpx;
  overflow: hidden;
  text-overflow: ellipsis; /*超出省略号*/
  white-space: nowrap;
  font-weight: bold;
  height: 40rpx;
  line-height: 40rpx;
  /*-webkit-line-clamp: 2; /*控制行数*/
}
.content .spec{
  margin-top: 25rpx;
  color: #999999;
  font-size: 30rpx;
  max-width: 480rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 40rpx;
  line-height: 40rpx;
}
.priceView{
  margin-top: 30rpx;
  display: flex;
  height: 40rpx;
}
.priceView .price{
  color: #FA5151;
  font-size: 36rpx;
  line-height: 40rpx;
}
.priceView .quantity{
  position: absolute;
  right: 45rpx;
  color: #9d9d9d;
  font-size: 28rpx;
  line-height: 40rpx;
}
.bottomView{
  display: flex;
  flex-direction: row;
  margin-top: 15rpx;
  margin-bottom: 15rpx;
  align-items: center;
  box-sizing: border-box;
  height: 70rpx;
}
.normalBtn{
  position: absolute;
  right: 225rpx;
  padding: 5rpx 22rpx;
  font-size: 28rpx;
  color: #999999;
  border: 1px solid #FA5151;
  height: 50rpx;
  line-height: 50rpx;
  border-radius: 50rpx;
}
.confirmBtn{
  position: absolute;
  right: 45rpx;
  padding: 5rpx 22rpx;
  font-size: 28rpx;
  color: #FA5151;
  border: 1px solid #FA5151;
  height: 50rpx;
  line-height: 50rpx;
  border-radius: 50rpx;
}
.deleteBtn{
  position: absolute;
  right: 410rpx;
  padding: 5rpx 22rpx;
  font-size: 28rpx;
  color: #999999;
  border: 1px solid #FA5151;
  height: 50rpx;
  line-height: 50rpx;
  border-radius: 50rpx;
}
.noMoreData{
  padding-top: 100rpx;
  line-height: 100rpx;
  height: 100rpx;
  width: 100%;
  font-size: 32rpx;
  text-align: center;
  color: #454553;
}
.scrollView {
  flex-grow: 1;
  padding:0rpx;
  padding-top: 100rpx;
}
.loading,.complete {
  width: 100%;
  padding: 30rpx 0rpx;
  text-align: center;
  font-size: 24rpx;
  color: #9fa4b6;
}