diff --git a/pages/queryContainer/index.scss b/pages/queryContainer/index.scss new file mode 100644 index 0000000..72db624 --- /dev/null +++ b/pages/queryContainer/index.scss @@ -0,0 +1,205 @@ +.sh-content { + padding: 25rpx; + background-color: #fff; + display: flex; + flex-direction: column; + font-family:test1-icon; + .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{ + + + .sh-card { + // background-color: red; + margin-top: 30rpx; + // padding: 20rpx 0rpx; + border: 0.5px solid #797979; + border-radius: 20rpx; + line-height: 60rpx; + + .sh-card-title { + display: flex; + flex-direction: column; + padding: 0 20px; + background-color: #f2f2f2; + 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; + } + } + } + .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: 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: 100%; + display: flex; + align-items: center; + .item-title { + + font-size: 32rpx; + color: #555555; + } + .item-value { + font-size: 32rpx; + color: #666666; + // margin-left: 20rpx; + } + } + // .card-content-item:first-child{ + // width: 80%; + // } + .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{ + position:fixed; + height: 40px; + width: 100%; + bottom:38px; + button{ + height: 100%; + line-height: 40px; + width: 60%; + font-size: 16px; + } + } +} + diff --git a/pages/queryContainer/index.vue b/pages/queryContainer/index.vue new file mode 100644 index 0000000..22d28da --- /dev/null +++ b/pages/queryContainer/index.vue @@ -0,0 +1,195 @@ + + + + +