cxc/pocket-jiuzhang-miniprogram
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

bugfix

Browse Source
This commit is contained in:
quantulr
2023-09-01 17:14:27 +08:00
parent a09291a1c8
commit cf3e2db09d
27 changed files with 308 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
miniprogram/pages/stock/stock.scss
View File

@ -5,92 +5,47 @@
page {
padding-top: 32rpx;
}
.stock-stick {
.t-navbar__content {
--td-navbar-bg-color: rgba(0, 0, 0, 0);
}
.stock-tabs {
margin: 16rpx 32rpx 0;
.stock-tabs {
border-radius: 18rpx;
overflow: hidden;
}
border-radius: 18rpx;
overflow: hidden;
}
.stock-stick {
// TODO:
}
.stock-list {
padding: 16rpx 0 32rpx;
.scroll-container {
// height: calc(100vh - 96rpx - 64rpx - 64rpx);
.grid {
margin: 0 32rpx;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32rpx;
.card {
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1),
0 1px 2px -1px rgb(0 0 0 / 0.1);
// position: relative;
min-height: 300rpx;
background-color: #fff;
border-radius: 18rpx;
padding: 18rpx;
.prove-pic {
width: 100%;
height: 200rpx;
.description {
view {
display: flex;
align-items: center;
}
.spec {
.divider {
margin: 0 8rpx;
}
.close-button {
position: absolute;
top: -24rpx;
right: -24rpx;
}
.fields {
margin-top: 12rpx;
.field {
margin-top: 12rpx;
display: flex;
.indicator {
margin-top: 12rpx;
height: 24rpx;
width: 8rpx;
background-color: #ea7e41;
border-radius: 50rpx;
margin-right: 12rpx;
}
.content {
display: flex;
flex-direction: column;
.title {
font-size: large;
}
.value {
margin-top: 6rpx;
font-size: small;
}
}
&:nth-of-type(1) {
.indicator {
background-color: #ea7e41;
}
}
&:nth-of-type(2) {
.indicator {
background-color: #12b3a8;
}
}
&:nth-of-type(3) {
.indicator {
background-color: #dc7d85;
}
}
&:nth-of-type(4) {
.indicator {
background-color: #e0d2fd;
}
}
&:nth-of-type(5) {
.indicator {
background-color: #dc7d85;
}
}
}
}
.date {
text {
margin-left: 12rpx;
}
}
}
.description {
// font-size: small;
}
.note.storage {
color: #38a169;
}
.note.in {
color: #38a169;
}
.note.out {
color: #dd6b20;
}
}
}