diff --git a/pages/inventory/implement1.vue b/pages/inventory/implement1.vue new file mode 100644 index 0000000..411f9eb --- /dev/null +++ b/pages/inventory/implement1.vue @@ -0,0 +1,310 @@ + + + + + diff --git a/pages/inventory/index.scss b/pages/inventory/index.scss new file mode 100644 index 0000000..d1dfd10 --- /dev/null +++ b/pages/inventory/index.scss @@ -0,0 +1,260 @@ +.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: 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: 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: 240rpx; + font-size: 26rpx; + color: #666666; + margin-left: 20rpx; + } + } + .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; + border: 1px solid #ccc; + } + .bottom-button{ + height: 100%; + margin-top: 10px; + line-height: 30px; + width: 60%; + font-size: 16px; + color:rgb(18, 150, 219); + // border: 1px solid #ccc; + 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; +// } +// } +} + diff --git a/pages/inventory/index1.vue b/pages/inventory/index1.vue new file mode 100644 index 0000000..97969be --- /dev/null +++ b/pages/inventory/index1.vue @@ -0,0 +1,109 @@ + + + + + diff --git a/static/icon/down.png b/static/icon/down.png new file mode 100644 index 0000000..f50a647 Binary files /dev/null and b/static/icon/down.png differ