【新增】1.temu条码组件 2.添加SKU

This commit is contained in:
yanran200730
2024-10-20 21:51:59 +08:00
parent 649ddc2504
commit 5157d601cc
10 changed files with 401 additions and 122 deletions

View File

@@ -1,21 +1,22 @@
@import "./styles.scss";
@font-face {
font-family: 'iconfont'; /* project id 1995974 */
font-family: 'iconfont';
/* project id 1995974 */
src: url('https://at.alicdn.com/t/font_1995974_ihzpmuv4lpk.eot');
src: url('https://at.alicdn.com/t/font_1995974_ihzpmuv4lpk.eot?#iefix') format('embedded-opentype'),
url('https://at.alicdn.com/t/font_1995974_ihzpmuv4lpk.woff2') format('woff2'),
url('https://at.alicdn.com/t/font_1995974_ihzpmuv4lpk.woff') format('woff'),
url('https://at.alicdn.com/t/font_1995974_ihzpmuv4lpk.ttf') format('truetype'),
url('https://at.alicdn.com/t/font_1995974_ihzpmuv4lpk.svg#iconfont') format('svg');
url('https://at.alicdn.com/t/font_1995974_ihzpmuv4lpk.woff2') format('woff2'),
url('https://at.alicdn.com/t/font_1995974_ihzpmuv4lpk.woff') format('woff'),
url('https://at.alicdn.com/t/font_1995974_ihzpmuv4lpk.ttf') format('truetype'),
url('https://at.alicdn.com/t/font_1995974_ihzpmuv4lpk.svg#iconfont') format('svg');
}
@font-face {
font-family: "iconfont";
src: url('https://at.alicdn.com/t/c/font_4680344_rxl7gevvsys.woff2?t=1725970465332') format('woff2'),
url('https://at.alicdn.com/t/c/font_4680344_rxl7gevvsys.woff?t=1725970465332') format('woff'),
url('https://at.alicdn.com/t/c/font_4680344_rxl7gevvsys.ttf?t=1725970465332') format('truetype');
url('https://at.alicdn.com/t/c/font_4680344_rxl7gevvsys.woff?t=1725970465332') format('woff'),
url('https://at.alicdn.com/t/c/font_4680344_rxl7gevvsys.ttf?t=1725970465332') format('truetype');
}
.iconfont {
@@ -28,8 +29,10 @@
}
html {
line-height: 1; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
line-height: 1;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
body {
@@ -43,14 +46,19 @@ h1 {
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
a {
@@ -58,10 +66,13 @@ a {
}
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
text-decoration: underline dotted;
/* 2 */
}
b,
@@ -72,8 +83,10 @@ strong {
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
small {
@@ -105,14 +118,19 @@ input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
button,
input { /* 1 */
input {
/* 1 */
overflow: visible;
font-family: SJsuqian;
}
@@ -124,7 +142,8 @@ input::placeholder {
}
button,
select { /* 1 */
select {
/* 1 */
text-transform: none;
}
@@ -156,12 +175,18 @@ fieldset {
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
progress {
@@ -175,8 +200,10 @@ textarea {
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
[type="number"]::-webkit-inner-spin-button,
@@ -185,8 +212,10 @@ textarea {
}
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
[type="search"]::-webkit-search-decoration {
@@ -194,8 +223,10 @@ textarea {
}
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
details {
@@ -214,7 +245,10 @@ template {
display: none;
}
h1, h2, h3, h4 {
h1,
h2,
h3,
h4 {
font-weight: normal;
font-size: 14px;
padding: 0;
@@ -232,7 +266,8 @@ a {
transition: all .3s ease;
}
ul, li {
ul,
li {
list-style: none;
margin: 0;
padding: 0;
@@ -246,7 +281,8 @@ img {
vertical-align: middle;
}
html, body {
html,
body {
width: 100%;
min-height: 100vh;
}
@@ -276,7 +312,8 @@ img {
display: flex;
}
.flex-align, .flex-center {
.flex-align,
.flex-center {
display: flex;
align-items: center;
}
@@ -312,11 +349,13 @@ img {
flex: 1;
}
.fade-enter-active, .fade-leave-active {
.fade-enter-active,
.fade-leave-active {
transition: opacity .3s ease-in-out;
}
.fade-enter, .fade-leave-to {
.fade-enter,
.fade-leave-to {
opacity: 0;
}
@@ -387,7 +426,8 @@ img {
line-height: 17px;
margin-bottom: 14px;
font-size: 14px;
font-family: SJsuqian;;
font-family: SJsuqian;
;
label {
margin-right: 6px;
@@ -437,7 +477,8 @@ img {
background-color: #1FBAD6;
}
.el-button--danger:focus, .el-button.el-button--danger.is-link:not(.is-disabled):hover {
.el-button--danger:focus,
.el-button.el-button--danger.is-link:not(.is-disabled):hover {
color: #fff !important;
border-color: #FA5555;
background-color: #FA5555;
@@ -478,17 +519,17 @@ img {
.search-item {
display: flex;
align-items: center;
margin: 0 16px 12px;
margin: 0 25px 10px 0;
label {
&>label {
width: 80px;
font-size: 14px;
color: #666;
font-weight: 500;
width: 100px;
}
input {
width: 240px;
// width: 240px;
}
}