.swiper-tab { width: 100%; /* height: 40px; */ text-align: center; line-height: 80rpx; background: white; display: flex; flex-direction: row; justify-content: space-around; border-bottom: 0.2rpx solid rgb(236, 231, 231); } .swiper-tab-list { font-size: 30rpx; width: 25%; color: #777; } .on { border-bottom: 1.5px solid #2E8CF5 ; color: #2E8CF5; } .swiper-box { margin-top: 3px; display: block; width: 100%; overflow: hidden; } .swiper-items1 { height: 100%; } .swiper-items2 { height: 100%; } .scroll-views { height: 100%; width: 100%; display: flex; flex-direction: column; } .listItem{ /* width: 100%; */ height: 100rpx; display: flex; flex-direction: column; background-color: #fff; padding: 20rpx 20rpx 20rpx 20rpx; border-bottom: 1rpx solid #ddd; background: white; } .orderID{ height: 50%; width: 100%; } .bottomView{ height: 50%; width: 100%; display: flex; flex-direction: row; } .goodsNum{ height: 100%; width: 50%; } .goodsMoney{ height: 100%; width: 50%; } .goodsIDText{ font-size: 16px; } .goodsNumText{ font-size: 14px; color: #666; } .goodsMoneyText{ font-size: 14px; color: #666; } page{ background-color: #F0EFF5; height: 100%; } .xinjian{ width: 160rpx; height: 160rpx; position: fixed; bottom: 60rpx; right: 20rpx; } .chose{ width: 100%; height: 40px; position: fixed; bottom: 0rpx; }