Skip to content

梁建民 / wmsApp

Go to a project
Commit 38486012 by liangjianmin
Options

style(arrivalRegister): 更新样式以提升用户界面一致性和可读性 

- 调整了到货登记页面的样式，增加了内边距和字体大小，提升了整体视觉效果
- 统一了多个组件的颜色和布局，增强了用户体验
- 优化了按钮和输入框的样式，确保一致性和可用性
parent b76303e8
Inline Side-by-side
Showing with 108 additions and 1 deletions
assets/css/arrivalRegister/index.scss
.arrivalRegister {
padding: 15rpx 22rpx;
.radio-search-box {
height: 57rpx;
.total-text {
font-size: 16rpx;
color: #919399;
text {
padding: 0 5rpx;
color: #1969f9;
}
}
}
.search-all {
height: 60rpx;
.search-all-box {
height: 60rpx;
padding-left: 17rpx;
background: #ffffff;
border-radius: 10rpx;
}
.icon-juxing1 {
font-size: 30rpx;
color: #919399;
}
.icon-a-juxing11 {
font-size: 30rpx;
color: #c6c7cc;
width: 60rpx;
text-align: center;
}
.uni-input {
width: 465rpx;
font-size: 18rpx;
......@@ -36,23 +44,29 @@
margin-left: 13rpx;
}
}
.print-btn {
font-size: 23rpx;
color: #1969f9;
}
.preCheck {
margin-top: 15rpx;
.t1 {
font-size: 18rpx;
color: #292b33;
}
.t2 {
font-size: 19rpx;
color: #1969f9;
}
}
.search-box {
height: 60rpx;
.search-box-wrap {
width: 80%;
height: 60rpx;
......@@ -60,15 +74,18 @@
border-radius: 10rpx;
padding: 0 18rpx 0 0;
}
.sn {
width: 164rpx;
height: 35rpx;
border-right: 1px solid #f0f0f2;
.uni-input {
font-size: 18rpx;
color: #292b33;
font-weight: bold;
}
.uni-arrow {
width: 14rpx;
height: 9rpx;
......@@ -77,28 +94,34 @@
margin-left: 12rpx;
}
}
.search-bar {
width: calc(100% - 164rpx);
.icon-juxing1 {
font-size: 30rpx;
color: #919399;
margin-left: 17rpx;
margin-right: 13rpx;
}
.uni-input {
font-size: 18rpx;
color: #484b59;
}
.icon-a-juxing11 {
font-size: 30rpx;
color: #c6c7cc;
}
}
}
.list {
margin-top: 15rpx;
padding-bottom: 150rpx;
flex-wrap: wrap;
.box {
position: relative;
padding: 15rpx 17rpx 12rpx 17rpx;
......@@ -109,6 +132,7 @@
border-radius: 10rpx;
margin-right: 15rpx;
margin-bottom: 15rpx;
.check-box-icon {
position: absolute;
right: 18rpx;
......@@ -119,33 +143,41 @@
background-size: contain;
display: block;
}
&.curr {
border: 1px solid #1969f9;
.check-box-icon {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain;
}
}
&:nth-of-type(2n) {
margin-right: 0;
}
.bor {
height: 1px;
background-color: #f0f0f2;
margin-bottom: 10rpx;
}
.text-item {
margin-bottom: 11rpx;
}
.label {
width: 82rpx;
font-size: 16rpx;
color: #919399;
}
.t1 {
font-size: 16rpx;
color: #1969f9;
}
.tt {
width: calc(100% - 93rpx);
font-size: 16rpx;
......@@ -154,18 +186,22 @@
text-overflow: ellipsis;
overflow: hidden;
}
.mb20 {
margin-bottom: 20rpx;
}
.btn-box {
.b1 {
font-size: 15rpx;
color: #919399;
}
.b2 {
font-size: 15rpx;
color: #1969f9;
}
.btn {
width: 68rpx;
height: 30rpx;
......@@ -174,6 +210,7 @@
font-size: 15rpx;
color: #ffffff;
}
.btn1 {
width: 68rpx;
height: 30rpx;
......@@ -185,12 +222,14 @@
}
}
}
.fix-btn {
position: fixed;
bottom: 0;
width: 100%;
height: 75rpx;
left: 0;
.btn1 {
width: 248rpx;
height: 75rpx;
......@@ -198,6 +237,7 @@
font-size: 23rpx;
color: #ff3700;
}
.btn2 {
width: calc(100% - 248rpx);
height: 75rpx;
......@@ -205,17 +245,20 @@
font-size: 23rpx;
color: #ffffff;
}
.btn3 {
width: 128rpx;
height: 75rpx;
background: #ffffff;
border-right: 1px solid #f0f0f2;
.check-box-icon {
width: 20rpx;
height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain;
display: block;
&.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain;
......@@ -228,6 +271,7 @@
color: #484b59;
}
}
.btn4 {
width: calc(100% - 128rpx);
height: 75rpx;
......@@ -247,13 +291,16 @@
width: 100%;
background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx;
.tip {
color: red;
font-size: 17rpx;
margin-top: 28rpx;
}
.title {
position: relative;
.iconfont {
position: absolute;
left: 0;
......@@ -261,12 +308,14 @@
font-size: 30rpx;
color: #292b33;
}
.text {
font-size: 23rpx;
color: #292b33;
font-weight: bold;
}
}
.pp {
font-size: 20rpx;
color: #292b33;
......@@ -274,16 +323,20 @@
margin-bottom: 17rpx;
margin-top: 35rpx;
transition: all 0.2s ease;
&.pt {
margin-bottom: 35rpx;
}
text:first-child {
margin-right: 32rpx;
}
.curr {
position: relative;
color: #1969f9;
font-weight: bold;
&::after {
content: '';
background-color: #1969f9;
......@@ -297,17 +350,21 @@
}
}
}
.field-item {
flex-wrap: wrap;
margin-top: 16rpx;
.item {
flex: 0 0 50%;
margin-bottom: 8rpx;
.label {
font-size: 16rpx;
color: #919399;
white-space: nowrap;
}
.text {
font-size: 16rpx;
color: #1969f9;
......@@ -317,6 +374,7 @@
overflow: hidden;
max-width: 176rpx;
}
.tt {
font-size: 17rpx;
color: #484b59;
......@@ -328,6 +386,7 @@
}
}
}
.drawer-list {
.box {
position: relative;
......@@ -337,35 +396,43 @@
border-radius: 10rpx;
border: 1px solid #c6c7cc;
margin-bottom: 15rpx;
.top {
margin-bottom: 10rpx;
.t1 {
font-size: 17rpx;
color: #1969f9;
font-weight: bold;
}
.t2 {
font-size: 20rpx;
color: #292b33;
font-weight: bold;
margin-left: 8rpx;
}
.t3 {
font-size: 16rpx;
color: #919399;
}
.t4 {
font-size: 16rpx;
color: #484b59;
}
}
.bar {
line-height: 26rpx;
.tt {
font-size: 16rpx;
color: #919399;
white-space: nowrap;
}
.yy {
max-width: 55%;
font-size: 16rpx;
......@@ -377,23 +444,27 @@
}
}
}
.time {
margin-top: 8rpx;
font-size: 16rpx;
color: #919399;
}
.btn {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
.btn1 {
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
}
.btn2 {
height: 75rpx;
background: #ffe0d7;
......@@ -402,31 +473,37 @@
font-weight: bold;
}
}
.tip-box {
margin-top: 36rpx;
margin-bottom: 23rpx;
height: 60rpx;
background: #fff5ec;
border-radius: 30rpx 30rpx 30rpx 30rpx;
.iconfont {
font-size: 30rpx;
color: #f98119;
margin-left: 23rpx;
}
.tt {
margin-left: 12rpx;
font-size: 20rpx;
color: #f98119;
}
}
.input-wrap {
margin-bottom: 25rpx;
.label-title {
font-size: 20rpx;
color: #484b59;
font-weight: bold;
margin-bottom: 10rpx;
}
.input-box {
.uni-arrow {
width: 14rpx;
......@@ -435,6 +512,7 @@
background-size: contain;
margin-left: 12rpx;
}
.uni-input {
height: 55rpx;
background: #ffffff;
......@@ -443,6 +521,7 @@
font-size: 17rpx;
padding-left: 18rpx;
}
.uni-textarea {
width: 100%;
height: 110rpx;
......@@ -453,6 +532,7 @@
padding: 18rpx;
}
}
.sel-box {
height: 55rpx;
background: #ffffff;
......@@ -460,6 +540,7 @@
border: 1px solid #1969f9;
font-size: 17rpx;
padding-left: 18rpx;
.uni-arrow {
width: 14rpx;
height: 9rpx;
......@@ -469,23 +550,29 @@
}
}
}
.uni-swiper-wrap {
margin-top: 15rpx;
.uni-swiper-input {
margin-bottom: 15rpx;
.label {
width: 24%;
font-size: 16rpx;
color: #919399;
&.required:before {
content: ' *';
color: red;
}
}
.select-box {
position: relative;
width: 76%;
height: 45rpx;
.uni-arrow {
position: absolute;
right: 14rpx;
......@@ -494,6 +581,7 @@
background: url('https://img.ichunt.com/images/ichunt/202304/10/e4c72319ad41ce1425f71cc6ec35f111.png') no-repeat center;
background-size: contain;
}
.uni-input {
width: 100%;
height: 45rpx;
......@@ -504,9 +592,11 @@
padding-left: 18rpx;
}
}
.input-box {
position: relative;
width: 76%;
.uni-input {
width: 100%;
height: 45rpx;
......@@ -518,10 +608,20 @@
}
}
}
.uni-swiper-input-multipl {
margin-bottom: 15rpx;
.label {
width: 24%;
font-size: 16rpx;
color: #919399;
&.required:before {
content: ' *';
color: red;
}
.uni-arrow {
width: 14rpx;
height: 9rpx;
......@@ -529,12 +629,15 @@
background-size: contain;
margin-right: 10rpx;
}
.uni-input {
font-size: 17rpx;
}
}
.multipl-input {
width: 76%;
.uni-input {
width: 100%;
height: 45rpx;
......@@ -544,12 +647,14 @@
font-size: 17rpx;
padding-left: 18rpx;
}
.timesSymbol {
padding: 0 14rpx;
font-size: 24rpx;
color: #292b33;
font-weight: bold;
}
.unit {
margin-left: 10rpx;
color: #919399;
......@@ -558,7 +663,8 @@
}
}
}
.swiper {
height: 790rpx;
}
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment