From 0056dec32f8abde1987d8db32d4920eabdcc4012 Mon Sep 17 00:00:00 2001
From: haoyahui <2032914783@qq.com>
Date: 星期一, 27 十一月 2023 10:00:30 +0800
Subject: [PATCH] 列表样式
---
admin-web/src/styles/store.scss | 360 ++++++++++++++++++++++++++++++-----------------------------
1 files changed, 182 insertions(+), 178 deletions(-)
diff --git a/admin-web/src/styles/store.scss b/admin-web/src/styles/store.scss
index 3227b22..9cd1dc6 100644
--- a/admin-web/src/styles/store.scss
+++ b/admin-web/src/styles/store.scss
@@ -1,127 +1,126 @@
.stock-container {
- .ml-20 {
- margin-left: 20px;
- }
- .card,.list-item {
- display: flex;
- flex-wrap: wrap;
- margin: 0px !important;
+ .ml-20 {
+ margin-left: 20px;
+ }
+ .card,
+ .list-item {
+ display: flex;
+ flex-wrap: wrap;
+ margin: 0px !important;
+ width: 100%;
+ .cm-item {
width: 100%;
- min-height: 100%;
- .cm-item {
- width: 100%;
- }
- .cm-item .el-card__body {
- padding-bottom: 5px;
- }
}
- .card-data {
- width: 100%;
- position: relative;
- margin-top: 8px;
- .card-container {
- .card-header {
- height: 48px;
- display: flex;
- align-items: center;
- justify-content: space-between;
- background: #f3f9fe;
- padding: 0 32px 0 15px;
- box-sizing: border-box;
+ .cm-item .el-card__body {
+ padding-bottom: 5px;
+ }
+ }
+ .card-data {
+ width: 100%;
+ position: relative;
+ margin-top: 8px;
+ .card-container {
+ .card-header {
+ height: 48px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ background: #f3f9fe;
+ padding: 0 32px 0 15px;
+ box-sizing: border-box;
+ }
+ .card-header-left {
+ display: flex;
+ align-items: center;
+ color: #999999;
+ font-family: 'Microsoft YaHei UI';
+ font-size: 18px;
+ font-weight: 700;
+ .value {
+ color: #3d3d3d;
}
- .card-header-left {
- display: flex;
- align-items: center;
+
+ .states {
+ width: 54px;
+ height: 22px;
+ line-height: 22px;
+ text-align: center;
+ border-radius: 4px;
+ border: 1px solid #f9675b99;
+ background: rgba($color: #f9675b99, $alpha: 0.1);
+ font-family: 'Microsoft YaHei';
+ color: #f9675b;
+ font-size: 13px;
+ font-style: normal;
+ font-weight: 400;
+ margin-left: 8px;
+ }
+ .states-success {
+ border: 1px solid #39ad6199;
+ background: rgba($color: #39ad6199, $alpha: 0.1);
+ color: #39ad61;
+ }
+ .states-info {
+ border: 1px solid #999999;
+ background: rgba($color: #999999, $alpha: 0.1);
color: #999999;
- font-family: 'Microsoft YaHei UI';
- font-size: 18px;
- font-weight: 700;
- .value {
- color: #3d3d3d;
+ }
+ .states-warning {
+ border: 1px solid #e6a23c;
+ background: rgba($color: #e6a23c, $alpha: 0.1);
+ color: #e6a23c;
+ }
+ }
+ .one-hed {
+ margin-top: 15px;
+ padding: 0 32px 0 15px;
+ box-sizing: border-box;
+ .box {
+ display: inline-block;
+ margin-right: 20px;
+ }
+ .span-two {
+ color: #83919e;
+ font-size: 14px;
+ }
+ }
+ .card-end {
+ font-size: 14px;
+ color: #3d3d3d;
+ margin-top: 15px;
+ display: flex;
+ flex-wrap: wrap;
+ font-family: 'Microsoft YaHei UI';
+ padding: 0 16px;
+ box-sizing: border-box;
+ .item {
+ width: 379px;
+ height: 60px;
+ padding: 8px 12px 9px 12px;
+ box-sizing: border-box;
+ align-items: center;
+ gap: 8px;
+ flex-shrink: 0;
+ background: #f9f9f9;
+ margin-right: 15px;
+ margin-bottom: 15px;
+ &:last-child {
+ margin-right: 0;
}
-
- .states {
- width: 54px;
+ .name {
height: 22px;
line-height: 22px;
- text-align: center;
- border-radius: 4px;
- border: 1px solid #f9675b99;
- background: rgba($color:#f9675b99,$alpha:0.1);
- font-family: 'Microsoft YaHei';
- color: #f9675b;
- font-size: 13px;
- font-style: normal;
- font-weight: 400;
- margin-left: 8px;
}
- .states-success {
- border: 1px solid #39ad6199;
- background: rgba($color:#39ad6199,$alpha:0.1);
- color: #39ad61;
- }
- .states-info {
- border: 1px solid #999999;
- background: rgba($color:#999999,$alpha:0.1);
- color: #999999;
- }
- .states-warning {
- border: 1px solid #e6a23c;
- background: rgba($color:#e6a23c,$alpha:0.1);
- color: #e6a23c;
- }
- }
- .one-hed {
- margin-top: 15px;
- padding: 0 32px 0 15px;
- box-sizing: border-box;
- .box {
- display: inline-block;
- margin-right: 20px;
- }
- .span-two {
- color: #83919e;
- font-size: 14px;
- }
- }
- .card-end {
- font-size: 14px;
- color: #3d3d3d;
- margin-top: 15px;
- display: flex;
- flex-wrap: wrap;
- font-family: 'Microsoft YaHei UI';
- padding: 0 16px;
- box-sizing: border-box;
- .item {
- width: 379px;
- height: 60px;
- padding: 8px 12px 9px 12px;
- box-sizing: border-box;
- align-items: center;
- gap: 8px;
- flex-shrink: 0;
- background: #f9f9f9;
- margin-right: 15px;
- margin-bottom: 15px;
- &:last-child {
- margin-right: 0;
- }
- .name {
- height: 22px;
- line-height: 22px;
- }
- .value-box {
- display: flex;
- .value-box-item {
- margin-right: 20px;
- .label {
- color: #99999999;
- line-height: 22px;
- }
- .value {
- color: #ff3131;
- }
+ .value-box {
+ display: flex;
+ .value-box-item {
+ margin-right: 20px;
+ .label {
+ color: #99999999;
+ line-height: 22px;
+ }
+ .value {
+ color: #ff3131;
}
}
}
@@ -129,73 +128,78 @@
}
}
}
- .no-data{
- margin-top: 100px;
- text-align: center;
- color: #909399;
+ .el-pagination {
+ display: flex;
+ justify-content: flex-end;
}
-
- /*缂栬緫*/
- .stock-edit{
- .main-w {
- width: 88%;
+}
+.no-data {
+ margin-top: 100px;
+ text-align: center;
+ color: #909399;
+}
+
+/*缂栬緫*/
+.stock-edit {
+ .main-w {
+ width: 88%;
+ }
+ .goods-card {
+ position: relative;
+ background: #f6f6f6;
+ padding: 20px;
+ box-sizing: border-box;
+ border-radius: 4px;
+ background-color: #f9f9f9;
+ margin-top: 20px;
+ &:nth-of-type(1) {
+ margin-top: 0;
}
- .goods-card {
- position: relative;
- background: #f6f6f6;
- padding: 20px;
- box-sizing: border-box;
- border-radius: 4px;
- background-color: #f9f9f9;
- margin-top: 20px;
- &:nth-of-type(1) {
- margin-top: 0;
- }
- }
- .btn-group {
- width: 80px;
- position: absolute;
- right: -94px;
- bottom: 0px;
- .el-button {
- margin-bottom: 10px;
- margin-left: 0;
- display: block;
- &:last-child {
- margin-bottom: 0;
- }
+ }
+ .btn-group {
+ width: 80px;
+ position: absolute;
+ right: -94px;
+ bottom: 0px;
+ .el-button {
+ margin-bottom: 10px;
+ margin-left: 0;
+ display: block;
+ &:last-child {
+ margin-bottom: 0;
}
}
}
-
- /*璇︽儏*/
- .stock-detail{
- .img-row {
- display: flex;
- align-content: center;
+}
+
+/*璇︽儏*/
+.stock-detail {
+ .img-row {
+ display: flex;
+ align-content: center;
+ }
+ .img-box {
+ display: inline-block;
+ width: 80px;
+ height: 80px;
+ background: #f9f9f9;
+ margin-right: 20px;
+ cursor: pointer;
+ .img {
+ width: 100%;
}
- .img-box {
- display: inline-block;
- width: 80px;
- height: 80px;
- background: #f9f9f9;
- margin-right: 20px;
- cursor: pointer;
- .img {
- width: 100%;
- }
+ }
+
+ .goods-card {
+ position: relative;
+ background: #f6f6f6;
+ padding: 20px;
+ box-sizing: border-box;
+ border-radius: 4px;
+ background-color: #f9f9f9;
+ margin-top: 20px;
+ &:nth-of-type(1) {
+ margin-top: 0;
}
-
- .goods-card {
- position: relative;
- background: #f6f6f6;
- padding: 20px;
- box-sizing: border-box;
- border-radius: 4px;
- background-color: #f9f9f9;
- margin-top: 20px;
- &:nth-of-type(1) {
- margin-top: 0;
- }
- }
- }
\ No newline at end of file
+ }
+}
--
Gitblit v1.9.1