.sh-content { padding: 25rpx; background-color: #fff; display: flex; flex-direction: column; .u-form-item { padding: 5rpx 0px; } .u-input__input { background-color: #ffffff; } .sh-search { display: flex; padding: 10rpx 20rpx; flex:60px; // background-color: #F2F2F2; .sh-form { width: 100%; } .sh-sub-search { display: flex; align-items: center; padding: 15rpx 0 15rpx 15rpx; .sh-search-button { height: 100%; } } } .all-card{ display: flex; flex-direction:column; height: 340px; flex: 380px; overflow: auto; .sh-card { // background-color: red; margin-top: 16rpx; // padding: 20rpx 0rpx; border: 0.5px solid #797979; border-radius: 20rpx; line-height: 60rpx; .sh-card-title { display: flex; flex-direction: column; position: relative; padding: 0 20px; background-color: #f2f2f2; border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; .sh-button{ position: absolute; width: 38px; height: 28px; line-height: 28px; border-radius: 50%; top: 0; right: 0; } .receipt-number { display: flex; .receipt-number-title { color: #333333; font-size: 24rpx; } .receipt-number-value { color: #333333; font-size: 28rpx; font-weight: 600; margin-left: 20rpx; } } } .sh-card-title-two{ display: flex; flex-direction: column; padding: 0 20px; background-color: #d7d7d7; border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; .receipt-number { display: flex; .receipt-number-title { color: #333333; font-size: 24rpx; } .receipt-number-value { color: #333333; font-size: 28rpx; font-weight: 600; margin-left: 20rpx; } } } .borderBottom { border-bottom-left-radius: 20rpx; border-bottom-right-radius: 20rpx; } .sh-card-title-border { border-bottom: 2px dashed #797979; } .sh-card-content { position: relative; margin: 16rpx 0; padding: 0rpx 70rpx; .detail-icon { position: absolute; right: 10rpx; top: 90rpx; } .goods-card-content { display: flex; justify-content: space-between; align-items: center; .goods-card-content-item { display: flex; align-items: center; width: 70%; .goods-title { font-size: 36rpx; color: #555555; } .goods-value { font-size: 32rpx; color: #666666; margin-left: 20rpx; } } } } .goods-no{ font-weight: bold; margin-right: 20rpx; } .pad-content { padding-bottom: 16rpx; } .card-content { display: flex; justify-content: space-between; align-items: center; .card-content-item { width: 90%; display: flex; // align-items: center; // position: relative; .item-title { font-size: 36rpx; color: #555555; width: 165rpx; text-align: right; // right: 0; } .item-value { font-size: 36rpx; color: #666666; margin-left: 14rpx; } } .card-content-item:first-child{ width: 100%; } .sh-bold { font-weight: bold; word-break: break-all; } } } margin-bottom: 100px; } // .sh-card:first-child{ // margin-bottom: 50px; // } .loadmore-data{ padding-top: 30rpx; } .recommend { text-align: center; height: 50rpx; margin-top: 10rpx; } .recommend-title { display: table; width: 100%; line-height: 50rpx; white-space: nowrap; border-spacing: 2rem 0; font-size: 30rpx; color: gray } .recommend-title::before, .recommend-title::after { display: table-cell; content: ""; width: 50%; background: linear-gradient(#eee, #eee) repeat-x center; background-size: 0.1rem 0.1rem; } .bottom{ display: flex; flex: 110px; position:fixed; height: 40px; width: 100%; bottom:58px; button{ height: 100%; margin-top: 20px; line-height: 40px; width: 60%; font-size: 16px; } .foot{ position: fixed; bottom: 15px; margin-left: 1%; .size { transform: scale(0.5,0.5); font-size: 24px; } } } }