fxc-wecat/pages/zyShop/zyShop.wxss

Page{
  background-color: #FFF;
}
.zyShopContent{
  display: flex;
  justify-content: space-between;
  padding-bottom: 60rpx;
}
.className{
  width: 25%;
}
.className view{
  padding: 40rpx 30rpx;
  text-align: center;
  background-color: #f8f8f8;
}
.active{
  background: rgba(206,205,210) !important;
}
.goods{
  width: 75%;
  padding: 20rpx;
}
.goodsInfo{
  display: flex;
  justify-content: flex-start;
  padding-bottom: 40rpx;
}
.goodsInfo image{
  width: 200rpx;
  height: 200rpx;
}
.goodsInfo .content{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 20rpx;
}
.goodsInfo .content >text{
  display: block;
}
.goodsInfo .content >text text{
  color: #e23838;
}
.goodsInfo .content > view{
  border: 3rpx solid #e23838;
  color: #e23838;
  align-self: baseline;
  padding: 3rpx 8rpx;
}
.but{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.but view{
  background: var(--color);
  color: #FFF;
  text-align: center;
  padding: 30rpx;
  margin: 0 auto;
}