.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 30rpx; // 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: 420px; flex: 420px; overflow: auto; .sh-card { // background-color: red; margin-top: 30rpx; // padding: 20rpx 0rpx; border-radius: 20rpx; line-height: 60rpx; .sh-card-title { display: flex; flex-direction: column; position: relative; padding: 20rpx 20px; background-color: rgba(248, 248, 255, 0.6); box-shadow: 0rpx 0rpx 13rpx 0rpx rgba(211, 211, 211, 0.4); .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: 60%; .goods-title { font-size: 28rpx; color: #555555; } .goods-value { font-size: 28rpx; 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: 50%; display: flex; align-items: center; .item-title { width: 120rpx; font-size: 24rpx; color: #555555; } .item-value { width: 260rpx; font-size: 26rpx; color: #666666; margin-left: 6rpx; } } .card-content-item:first-child{ width: 60%; } .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: 160px; position:fixed; height: 40px; width: 100%; bottom:58px; button:first-child{ height: 100%; margin-top: 10px; line-height: 40px; width: 60%; font-size: 16px; background-color: #41ABE2; color: #fff; } .bottom-button{ height: 100%; margin-top: 10px; line-height: 30px; width: 60%; font-size: 16px; color:#41ABE2; width: 60%; margin-left: -10%; text-align: center; } button::after{ border: none; } .foot{ position: fixed; bottom: 15px; margin-left: 1%; .size { transform: scale(0.5,0.5); font-size: 24px; } } } // .bottom{ // position:fixed; // height: 40px; // width: 100%; // bottom:38px; // button{ // height: 100%; // line-height: 40px; // width: 60%; // font-size: 16px; // } // } }