Skip to content

O
offical_web
Commit e8226ee2 by qinjianhui
Options

feat: 一件定制页面

parent 2107f255
Showing with 1589 additions and 259 deletions
package-lock.json
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
"@antv/g2": "~4.1.6", "@antv/g2": "~4.1.6",
"@sentry/tracing": "~6.1.0", "@sentry/tracing": "~6.1.0",
"@sentry/vue": "~6.1.0", "@sentry/vue": "~6.1.0",
"autoprefixer": "^9.8.8",
"axios": "~0.19.2", "axios": "~0.19.2",
"core-js": "^3.6.5", "core-js": "^3.6.5",
"echarts": "~5.0.2", "echarts": "~5.0.2",
...@@ -22,7 +23,9 @@ ...@@ -22,7 +23,9 @@
"lodash": "~4.17.20", "lodash": "~4.17.20",
"moment": "~2.24.0", "moment": "~2.24.0",
"object-assign": "~4.1.1", "object-assign": "~4.1.1",
"postcss": "^7.0.39",
"pure-color": "~1.3.0", "pure-color": "~1.3.0",
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17",
"v-ctrl": "~1.1.0", "v-ctrl": "~1.1.0",
"v-emoji-picker": "~2.3.0", "v-emoji-picker": "~2.3.0",
"vue": "~2.6.11", "vue": "~2.6.11",
......
postcss.config.js 0 → 100644
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
src/assets/css/common.css
html, html,
body { body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
button,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
input {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
...@@ -12,385 +81,977 @@ html, ...@@ -12,385 +81,977 @@ html,
body { body {
width: 100%; width: 100%;
height: 100%; height: 100%;
/* font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
"Microsoft YaHei", "微软雅黑", Arial, sans-serif; */
color: #222; color: #222;
} }
div { @media screen and (min-width: 768px) {
box-sizing: border-box; ::-webkit-scrollbar {
width: 10px;
height: 10px;
background-color: transparent;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: rgba(221, 221, 221, 1);
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
::-webkit-scrollbar-track {
border: none;
outline: none;
background-color: rgba(0, 0, 0, 0);
}
} }
/* @font-face
{
font-family: Alibaba PuHuiTi;
src: url(../fonts/Alibaba-PuHuiTi-Light.ttf),url(../fonts/Alibaba-PuHuiTi-Heavy.ttf),url(../fonts/Alibaba-PuHuiTi-Light.ttf),url(../fonts/Alibaba-PuHuiTi-Medium.ttf),url(../fonts/Alibaba-PuHuiTi-Regular.ttf);
} */
ul li { .el-form-item--mini.el-form-item,
list-style: none; .el-form-item--small.el-form-item {
margin-bottom: 10px;
} }
.mt-10 { .el-dialog__header {
margin-top: 10px; padding: 8px 20px 5px 20px;
} }
.mt-20 { .el-dialog__body {
margin-top: 20px; padding: 10px 20px 0;
} }
.mt-30 { .el-dialog__footer {
margin-top: 30px; padding: 10px 20px 10px 20px;
text-align: center;
} }
.mt-80 { .plTableBox .el-table--mini td,
margin-top: 80px; .plTableBox .el-table--mini th {
padding: 3px 0 !important;
} }
.mb-8 { .el-table--mini td,
margin-bottom: 8px; .el-table--mini th {
padding: 3px 0;
} }
.mb-10 { .el-tabs--border-card>.el-tabs__content {
padding: 10px;
}
.el-tabs__header {
margin-bottom: 10px; margin-bottom: 10px;
} }
.mb-20 { .el-table .cell {
margin-bottom: 20px; padding-left: 6px;
padding-right: 6px;
white-space: nowrap;
} }
.mb-30 { .el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
margin-bottom: 30px; background-color: #35e6dc !important;
} }
.mr-10 { .height>td {
margin-right: 10px; background-color: #ff4747 !important;
color: #fff;
} }
.mr-20 { /* .el-table tr:hover>td{
margin-right: 20px; background-color: #35e6dc !important;
} */
.my-table .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
background-color: #67c23a;
border-color: #67c23a;
} }
.mr-30 { .menu-disabled-view .el-dropdown-menu__item.is-disabled {
margin-right: 30px; color: #303133;
font-weight: 600;
border-bottom: 1px solid #ebeef5;
} }
.ml-10 { .el-dropdown-menu--medium .el-dropdown-menu__item {
margin-left: 10px; padding: 0 15px;
} }
.ml-20 { .menu-disabled-view .menu-cherd {
margin-left: 20px; padding-left: 35px;
} }
.ml-30 { .el-form-item--mini .el-form-item__content,
margin-left: 30px; .el-form-item--mini .el-form-item__label {
line-height: 26px;
} }
.flex { .el-form-item--mini .el-form-item__label {
display: flex; padding-right: 5px;
} }
.flex-center { .el-input--mini .el-input__inner {
justify-content: center; height: 26px;
align-items: center; line-height: 26px;
padding: 0 8px;
} }
.flex-between { .el-input--prefix .el-input__inner {
justify-content: space-between; padding-left: 26px;
align-items: center;
} }
.items-center { /* .e .el-input__inner {
align-items: center; padding: 0 8px ;
} */
.el-input__suffix {
right: 2px;
}
.el-input__icon {
width: 18px;
} }
.justify-center { .el-input--suffix .el-input__inner {
padding-right: 18px;
}
.el-input-number--mini {
line-height: 24px;
}
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
content: '*';
color: #f55555;
font-size: 18px;
font-weight: 600;
}
.el-button+.el-button,
.el-button+.el-dropdown {
margin-left: 5px;
}
.el-button--mini,
.el-button--mini.is-round {
padding: 6px 8px;
}
/* 全局样式 */
.image-view-c {
display: flex;
justify-content: center; justify-content: center;
align-items: center;
} }
.justify-between { .flex-column {
justify-content: space-between; display: flex;
flex-direction: column;
height: calc(100% - 10px);
} }
.flex-1 { .erp-index-container {
flex: 1; width: 100%;
background-color: #eff3f6;
height: calc(100vh - 120px);
box-sizing: border-box;
padding: 0 15px;
} }
.flex-col { .footerWidth {
flex-direction: column height: calc(100vh - 140px);
} }
.py-10 { .footerWidth2 {
padding: 10px 0; height: calc(100vh - 322px);
} }
.px-10 { .tree-tabs-conter .el-tabs__item,
padding: 0 10px; .footer-edit .el-tabs__item {
line-height: 25px;
height: 25px;
font-weight: 600;
} }
.py-20 { .erp-index-container-h {
padding: 20px 0; height: calc(100vh - 85px);
padding-top: 10px;
}
.erp-select-item {
padding-top: 10px;
}
.addBtn {
width: 80px;
height: 30px;
display: inline-block;
background: rgba(29, 138, 207, 1);
border-radius: 2px;
color: #ffffff;
text-align: center;
line-height: 30px;
margin-right: 20px;
cursor: pointer;
} }
.px-20 { .otherBtn {
padding: 0 20px; min-width: 80px;
height: 30px;
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(239, 239, 239, 1);
border-radius: 2px;
color: #222222;
margin-right: 20px;
text-align: center;
line-height: 30px;
display: inline-block;
cursor: pointer;
padding: 0 15px;
} }
.py-30 { .otherBtn:hover {
padding: 30px 0; background: rgba(255, 255, 255, 1);
border: 1px solid rgba(29, 138, 207, 1);
color: rgba(29, 138, 207, 1);
} }
.px-30 { .index-tableOperate {
padding: 0 30px; font-size: 14px;
flex-wrap: wrap;
} }
.py-24 { .tableOperate {
padding: 24px 0; font-size: 14px;
} }
.px-24 { .index-tableOperate>div {
cursor: pointer;
border-radius: 4px;
height: 40px;
line-height: 40px;
color: #ffffff;
font-weight: bold;
padding: 0 24px; padding: 0 24px;
margin-right: 20px;
margin-bottom: 20px;
} }
.mt-16 { ul li {
margin-top: 16px; list-style: none;
} }
.font-light { /* 公用 */
font-weight: 300; .height-100 {
height: 100%;
}
.my-flex {
display: flex;
}
.my-flex-1 {
flex: 1;
} }
.font-size-18 { .pageinationCon {
position: relative;
box-sizing: border-box;
width: 100%;
display: flex;
justify-content: center;
margin: 0 auto;
padding: 3px 15px;
/* background-color: #eff3f6; */
height: 40px;
}
.tree-view {
padding-top: 10px;
min-width: 168px;
max-width: 200px;
overflow: auto;
position: relative;
height: 100%;
padding-bottom: 10px;
box-sizing: border-box;
}
.tree-view-show {
width: 15px;
height: 30px;
margin: auto;
right: 10px;
cursor: pointer;
text-align: center;
}
.tree-view-show i {
color: #409eff;
font-size: 18px; font-size: 18px;
line-height: 30px;
font-weight: bold;
}
.tree-view-show i:hover {
color: #1d8acf;
}
.pop-tree-view .el-checkbox:last-of-type {
margin-right: 8px;
}
.tree-view .el-tree {
height: 100%;
overflow: auto;
border: 1px solid #e4e7ed;
box-sizing: border-box;
}
.my-table-cont {
padding: 0;
overflow: auto;
width: 100%;
position: relative;
/* user-select:none */
}
.my-flex-table {
position: relative;
overflow: auto;
width: calc(100% - 230px);
}
.my-table {
width: 99.9% !important;
} }
.font-size-16 { .file-view {
width: 220px;
min-height: 440px;
padding: 20px;
background: #fff;
color: #333;
font-size: 14px;
}
.icon-view {
width: 23px;
height: 23px;
font-size: 16px; font-size: 16px;
line-height: 23px;
border-radius: 4px;
text-align: center;
display: inline-block;
color: #fff;
cursor: pointer;
vertical-align: middle;
}
.icon-view:not(:first-child) {
margin-left: 5px;
}
.icon-edit-view {
background-color: #ff9900;
}
.icon-edit-view:hover {
background-color: #ffd36a;
} }
.font-size-14 { .icon-del-view {
background-color: #f56c6c;
}
.icon-del-view:hover {
background-color: #f78989;
}
.icon-tools-view {
background-color: #8cc34b;
}
.icon-tools-view:hover {
background-color: #85ce61;
}
.icon-primary-view {
background-color: #409eff;
}
.icon-primary-view:hover {
background-color: #66b1ff;
}
.text-red {
color: #d50000;
}
.menu {
z-index: 999;
width: 80px;
padding: 10px;
position: absolute;
background-color: #fff;
box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.21);
}
.menu_item {
text-align: center;
cursor: pointer;
font-size: 14px; font-size: 14px;
line-height: 25px;
color: #333333;
} }
.w-full-70 { .menu_item:hover {
width: 70vw; background-color: #409eff;
color: #fff;
} }
.mx-auto { .pop-p {
margin: 0 auto; position: relative;
min-height: 24px;
margin-top: 3px;
margin-bottom: 10px;
font-size: 14px;
line-height: 28px;
color: #333;
font-weight: bold;
text-align: center;
} }
.gap-100 { .my-table-title {
gap: 100px; background-color: #fff;
border: 1px solid #ebeef5;
padding: 5px;
} }
.text-textContent { .picture-img-title {
--tw-text-opacity: 1; line-height: 60px;
color: rgba(92, 94, 102, var(--tw-text-opacity)); margin-right: 8px;
width: 60px;
text-align: right;
}
.footer-edit {
position: relative;
height: auto;
background-color: #fff;
}
.tree-tabs-conter {
background: #fff;
height: 280px;
}
.table-setting {
position: absolute;
left: 0;
top: 5px;
z-index: 998;
}
.tabcolounm-checkbox {
width: 500px;
}
.tabcolounm-checkbox li {
float: left;
width: 150px;
box-sizing: border-box;
}
.tabcolounm-checkbox .el-checkbox__label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 90px;
vertical-align: middle;
}
.el-button--warning:focus,
.el-button--warning:hover {
background-color: rgb(253, 183, 77);
border-color: rgb(253, 183, 77);
}
.el-button--warning:active {
background-color: rgb(250, 167, 43);
border-color: rgb(250, 167, 43);
}
.pop-form-body .el-dialog__body {
padding: 0px 20px;
} }
.lx-title { /* .pop-form-body .el-dialog__footer {
font-size: 36px; text-align: left;
color: #1a2035; } */
.my-table .el-input__inner {
border: none;
}
.show-column {
position: absolute;
z-index: 5;
right: 0px;
top: 6px;
}
.custom-tree-node {
font-size: 14px;
}
.el-tree-node__content {
height: 28px;
}
.el-tree-node__content strong {
font-weight: 500; font-weight: 500;
text-align: center; color: #303133;
--tw-text-opacity: 1;
color: rgba(26, 32, 53, var(--tw-text-opacity));
letter-spacing: 1px;
} }
.text-sm { .el-dialog {
font-size: 18px; padding-bottom: 10px;
} }
.w-full { .rotate-90 {
transform: rotate(90deg);
}
.rotate-270 {
transform: rotate(270deg);
}
.router-but-view {
display: inline-block;
padding: 0 7px;
border-radius: 2px;
line-height: 23px;
cursor: pointer;
background-color: #409eff;
color: #fff;
height: 23px;
}
.router-icon {
margin-left: 1px;
margin-top: 3px;
display: inline-block;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADT0lEQVRoQ+1ZTYhOYRR+noWS/G2IiRolC1N+Itkoo/yMWMmEFArFUCIWLJgFG1OKSUSRYmSkidIwqVnYMZOIyMJPIkR+srF5dL7e+/XOO/f7/2Zud3xnee655z3P+5xzz3nfS6RcmPL4kX4Ako4BOJpSJlopSSkNPhN2DUCZ7N0B0A/gLYDVANY7P4X0XwAcBFAfrZsUA40key0ISRsBXHMBFaPfCuBS0gAmk/zqANhuvnEBlapPrAZaSJ51AA4AaHMAitHb7hsLiRfxRwB//Xx2MeXTjwIwya+7pGqgzNof/NqIA9Bata0ZWkfZyWEAAyRTMRv500MNwNBmSrz3GgNJ7Lq/5v/NgKQVAOYAaIjpornI+QCgD8Bzkj2SbPrcHRj/dhPqSwDdJH/kclY2A5IOAzheYQp1kNzkQNzI4cuGu/0ku+KelwWg2ic36zmSWgC059mQzSSvhs9LBiDJ5nWb26spR0iekHQBwPY8jutJviu7iCUtB3A/WMBGji6ST4pBJGmaCzK8PGgi2e3G6vEAlrkLhnme31sk11UCYA+AM56DTpLNgcNxAGyu9+U0ye+B3RoAdmyMpI2kHRGzImkqgMcA6pzyM8kplQA4D2Cn56CB5IvA4SwArzxdplDj2JH0HsB096yf5ILQTlIHgA2efgZJOz9npKQakHQbwFrP2QSSvwIAFoTtWiQnSR7KAeA1gJnuWS/JxhgApwDs8/SLSD4qF0B48dVMsjMAMAbAH093j+SqmMCaANz19BdJ7oixs5qz2otkLMms/1IZMCqNUl/qSH4KQNg1yXxP10rSwGdF0tIw2Oh2wtvdAbcOAJ6SnBv4yV7GFRynJY126WGd15frXt4/BGCLRIfzyK7Hui+An3HpFOiMRevwKwP9FpJXygZgL0qa7QLJFUcfyYUx9VJE3HlN2knujUmx4hnwqLXPmzW0QWngbDIpI8makjWnSuUcyV1xTkqqgRj0ltfWcJbEOL9McpukxQBscbOzJlas2KfyAYCbUYOrOgCPkYkA/I6ZXcsvTElmY7aF5BvJZ4WMXEqXnkLFOB4um4pSaLiCzLdODUDSLNQYqDFQ4Q7kTKEK/Sby+oi4Xk/3j+5EeK/ioqn4H5APb+oB/APRHiipvXbpTgAAAABJRU5ErkJggg==);
width: 16px;
height: 16px;
background-size: 100% 100%;
}
.el-table .el-image__error {
font-size: 12px;
line-height: 14px;
}
.text-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.calcul-tat-bar {
width: 220px;
margin-right: 6px;
border: 1px solid #e5e5e5;
border-radius: 10px 10px 0 0;
height: 100%;
box-sizing: border-box;
}
.calcul-tat-bar li {
height: 30px;
line-height: 30px;
}
.calcul-tat-bar ul {
overflow: auto;
background: #fff;
}
.tabt-bar-nav {
background-color: #cccccc;
color: #fff;
border-radius: 10px 10px 0 0;
cursor: pointer;
overflow: hidden;
width: 100%; width: 100%;
height: 40px;
line-height: 40px;
} }
.font-size-24 { .tabt-bar-nav2 {
font-size: 24px; background-color: #ebeef5;
width: 100%;
color: #333;
height: 40px;
line-height: 40px;
} }
.high-light { .calcul-tat-bar .active {
color: #2554fe; background: #4267b2;
} }
.font-bold { .calcul-tat-bar span {
font-weight: bold; text-align: center;
font-size: 14px;
}
.calcul-tat-bar-li {
cursor: pointer;
border-bottom: 1px solid #ebeef5;
box-sizing: border-box;
}
.billInfo {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
height: 20px;
background: rgba(242, 242, 242, 1);
color: #999999;
font-size: 12px;
line-height: 20px;
text-align: center;
}
.supply-list {
border-bottom: 1px solid #dcdfe6;
padding: 8px 0;
} }
.font-medium { .supply-list li {
color: #303133;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: inline-block;
}
.supply-list li:not(:first-child) {
padding: 0 6px;
font-weight: 500; font-weight: 500;
font-size: 12px;
line-height: 24px;
margin-left: 8px;
background: #fff;
color: #606266;
border: 1px solid #dcdfe6;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
} }
.font-light { .attribute-checkbox .el-checkbox {
font-weight: 300; min-width: 110px;
border: 1px solid #dcdfe6;
box-sizing: border-box;
border-radius: 4px;
padding-left: 5px;
padding-right: 5px;
margin-right: 10px;
margin-bottom: 10px;
} }
.text-colorPrimary-100 { .attribute-checkbox .el-checkbox__label {
--tw-text-opacity: 1; vertical-align: middle;
color: rgba(37, 84, 254, var(--tw-text-opacity)); display: inline-block;
width: 120px;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.text-xl { .pop-p-but {
font-size: 20px; position: absolute;
display: inline-block;
right: 0;
top: 0;
height: 20px;
} }
.px-15px { /* .pop-p-but .el-button--mini {
padding-left: 15px; padding: 3px 5px;
padding-right: 15px; } */
.my-table-column {
color: #f56c6c;
font-size: 16px;
} }
.py-12 { .tooltip-ul li {
padding-top: 3rem; padding: 2px;
padding-bottom: 3rem;
} }
.bg-white { .text-ellipsis {
--tw-bg-opacity: 1; overflow: hidden;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); text-overflow: ellipsis;
white-space: nowrap;
} }
.text-textContent { .box .el-tabs__content {
--tw-text-opacity: 1; height: calc(100% - 25px);
color: rgba(92, 94, 102, var(--tw-text-opacity)); box-sizing: border-box;
} }
.mt-4 { .box .el-tab-pane {
margin-top: 1rem; height: 100%;
} }
.text-sm { .box .el-tabs__item {
font-size: .875rem; line-height: 25px;
height: 25px;
font-weight: 600;
} }
.font-light { .summary-but {
font-weight: 300; position: relative;
top: 2px;
margin-right: 10px;
margin-bottom: -4px;
cursor: pointer;
display: inline-block;
width: 24px;
height: 24px;
background-image: url(data:image/png;base64,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);
/* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAYAAAC4wJK5AAADsklEQVRoQ+1Y4VnbMBB9lwUKExQmKExQMUHpBCVO/wMTFCYA/jdJmaB0gooJGiaomaDpArl+Z8uOpMi2jGNI+eJfEJ9Penenu6dHeAUPvQIM2ILYlCxuM7GuTKgpHxDjTeGPCY96SGms/xfLhJryHhY4BeEYwF5gwzMQvgG41UOa1wFaAaHGfAHC++wjRooBLttEJSZ6Zo0vMbYAUixwrj/TXZW9A0JN+BrAqWec6oT2fQdqyooYHHLMhIdQ9NSUd8D4DkA53zH+gjCzfsuDaD+EMz2km9B6Logxz0HL2iw/IBzpIenifzVh+Xt1oeUK4ufQz6CasETzg7WRexAubN/yLgO7yMpMquJtac8Y6hFJiXn4rH/VhIORxSqIsJ0bORd4XqbLEmJc6hFd1JWUyZwAXwaMsO8H56mZkGh8qtwA4wEDqKKkzGZ+A9gxZ60RQJn1PCsahHfmN60TOnLjZWdizGcgXHmbu9cJuTVcF77AO2X7ZTzqEYW6UaXXrJMxJAj542VjtTtNWWEBBYJ8ONMjksPe6VFjlnaZR7KirpsWcM4T49ze17PMCeesEXab+n4IkBrzCQhT886pjmcHoRN60prS0sH4+SIgvHoOzpymUpL3Lwoi24DVuv/LTGQgxpyWQ8ubOTFZMIGw2cSNTuhs2axivXSw8+jMrU7opI27lTmzwEebSzURwDkGOO9KAAN93pnmTYCcIATmzLMRQDVhe8oLtxIgNukLYvFaK+BlIZ991qN6JICG1MnQKwidABHyF2Sm5r5xZe4bxS5/6ISEGDqPn4neCKBpkweGB5W3uOy+wNAYICXGjAlic+BtXia9w8dsFH4mll3EtapnpH5oahY0Eb6zCF3TkZD3t8jvE8Ebng+iFwJYSSP8+0IYjtNOQybVBDC3nq+DANaFWkQCcwGSEyrUQmi3sNyC6s90Qod1Pp7EY2Ly38XGzIU/pY/ARajyTHRZeN3felfZ2pLayExknewrH2OQiQry1BLHjQWRAbHnVg3n2mwQ7pSv5FybDUI6F+OXKam5Tmi3scVmXUHEM87ELRG6RAHsTAC7HHqHxkfqTkEF0AhhzrSsUwC7bNoXkz3JM4I7xRJAW73osuPwt456GKDxK0JDHAH06G+lUrguQL7iaAct0KViCaDoqiX3b6lqt4Um+uyxTfYMNRE5Uy5ppbJYOPZB2NpOYdNZAWyLoq19EwFMQyp020X6tt/oORELfgsiNlJ9220z0XeEY/1vMxEbqb7tXkUm/gFlj+ZA0z+8UQAAAABJRU5ErkJggg==); */
background-size: 100% 100%;
} }
.mt-6 { .summary-but.issummary {
margin-top: 1.5rem; background-image: url(data:image/png;base64,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);
} }
.ml-2 { .el-table-column1 {
margin-left: .5rem; font-size: 12px;
line-height: 20px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
} }
.text-xs { .el-table thead {
font-size: .75rem; color: #666 !important;
} }
.text-textTitle { .el-table th>.cell {
--tw-text-opacity: 1; padding-left: 3px;
color: rgba(26, 32, 53, var(--tw-text-opacity)); padding-right: 3px;
/* line-height: 20px; */
} }
.text-textSup { .plTableBox .el-table th>.cell {
--tw-text-opacity: 1; padding-left: 3px !important;
color: rgba(155, 158, 169, var(--tw-text-opacity)); padding-right: 3px !important;
/* line-height: 20px; */
}
.el-table .cell,
.el-table--border td:first-child .cell,
.el-table--border th:first-child .cell {
padding-left: 3px;
}
.func-btn-wrap {
display: inline-block;
padding-top: 1px;
overflow: hidden;
vertical-align: top;
}
.func-btn-wrap>div,
.func-btn-wrap>button {
margin-left: 5px;
display: inline;
}
.highlight::after {
position: absolute;
top: -2px;
right: -2px;
content: '';
background: red;
height: 10px;
width: 10px;
border-radius: 5px;
box-shadow: 1px 1px 8px 2px rgb(4, 197, 255);
}
.el-color-picker__panel .el-button--mini {
padding: 0 8px !important;
}
.table_wrap {
flex: 1;
width: 100%;
padding: 0 10px;
box-sizing: border-box;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
.narrow_spacing .el-form-item {
margin-bottom: 5px !important;
} }
.mt-0\.5 { .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
margin-top: .125rem; background-color: #aad2ff;
} }
.text-center { .account_operation span {
display: inline-block;
text-align: center; text-align: center;
cursor: pointer;
} }
.footer-bg {
background: linear-gradient(180deg, #2554fe, #3572ff); .account_operation span:nth-of-type(1) {
width: 16px;
} }
@media screen and (max-width: 1100px) { .account_operation span:nth-of-type(2) {}
.lx-title {
font-size: 20px;
}
.text-sm { .account_operation span:nth-of-type(3) {
font-size: 12px; width: 16px;
}
} }
@media (min-width: 1024px) { .el-input.is-disabled .el-input__inner {
.lg\:font-medium { cursor: text;
font-weight: 500; }
}
.lg\:text-lg { .el-table th.gutter {
font-size: 1.125rem; display: table-cell !important;
} }
.lg\:flex-row { .el-table colgroup.gutter {
flex-direction: row; display: table-cell !important;
} }
.lg\:px-0 { .el-table .warning-row {
padding-left: 0; background: oldlace;
padding-right: 0; }
}
.lg\:text-left { .el-table .success-row {
text-align: left; background: #f0f9eb;
} }
.lg\:text-4xl { .statistical .el-table__footer-wrapper tbody td {
font-size: 36px; background-color: #ddd;
} }
.lg\:block { .statistical .el-table__footer-wrapper tbody td .cell {
display: block; font-weight: bolder;
} font-size: 14px;
}
.lg\:text-base { .el-image-viewer__close .el-icon-circle-close {
font-size: 1rem; color: #efefef;
} }
.lg\:font-normal { .reject .el-message-box__content {
font-weight: 400; padding: 5px 15px 0;
} }
.lg\:py-30 { .reject .el-message-box__input {
padding-top: 7.5rem; padding-top: 0;
padding-bottom: 7.5rem; }
}
.\!lg\:leading-\[54px\] { .reject .el-input--mini .el-input__inner {
line-height: 54px !important; height: 34px;
} }
.lg\:block { .vxe-header--column,
display: block; .vxe-body--column {
} vertical-align: middle;
}
.lg\:mt-3 { /* .page_content{
margin-top: 12px; display: flex;
} height: 100%;
flex-direction: column;
} */
.el-cascader-panel .el-cascader-menu {
width: 230px;
}
.lg\:font-normal { .el-message {
font-weight: 400; z-index: 7000 !important;
} margin-top: 400px !important;
}
.lg\:text-textTitle { .el-select.green .el-input__inner {
--tw-text-opacity: 1; color: green;
color: rgba(26, 32, 53, var(--tw-text-opacity)); font-weight: bold;
} }
.lg\:text-base { .el-select.red .el-input__inner {
font-size: 16px; color: red;
} font-weight: bold;
}
.lg\:mt-10 { .status_circle {
margin-top: 2.5rem; width: 10px;
} height: 10px;
display: inline-block;
/* background-color: green; */
border-radius: 5px;
margin-right: 5px;
}
.lg\:ml-5 { .el-cascader-panel .el-cascader-menu__wrap {
margin-left: 1.25rem; height: auto;
} max-height: 500px;
}
.lg\:mt-2 { .account_popper {
margin-top: .5rem; box-sizing: border-box;
} }
.lg\:text-sm { .el-input-number.is-without-controls .el-input__inner {
font-size: .875rem; text-align: left;
} padding: 0 8px;
}
.lg\:font-normal { .el-dialog__footer .el-button {
font-weight: 400; width: 100px;
} }
.operate-popper {
min-width: 100px;
}
.w-full-70 {
width: 70vw;
}
.text-textContent {
--tw-text-opacity: 1;
color: rgba(92, 94, 102, var(--tw-text-opacity));
}
.high-light {
--tw-text-opacity: 1;
color: rgba(37, 84, 254, var(--tw-text-opacity));
} }
\ No newline at end of file
src/assets/images/product/design.svg 0 → 100644
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1734750538790" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5521" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><path d="M962.048 196.593371l-141.897143-141.750857c-28.672-29.257143-75.776-29.257143-104.886857 0l-144.384 144.384 246.784 247.222857 144.384-144.822857c29.110857-29.257143 29.110857-75.776 0-105.033143z" fill="#AEC9FF" p-id="5522"></path><path d="M137.186743 632.802743l56.32-56.32 246.784 247.369143-55.734857 55.734857c-15.36 15.36-33.792 26.185143-54.272 32.768l-223.232 61.001143c-9.801143 3.072-20.48 3.072-30.281143 0-26.624-8.777143-41.398857-36.864-33.206857-63.488l60.854857-223.232c6.729143-20.041143 17.993143-38.912 32.768-53.833143z m175.689143-561.590857l647.168 646.582857a80.954514 80.954514 0 0 1 0 114.688l-134.144 134.144-0.585143 0.585143a81.495771 81.495771 0 0 1-114.688-0.585143l-68.608-68.608 117.76-116.736a40.3456 40.3456 0 0 0 0-57.344 40.608914 40.608914 0 0 0-57.344 0l-117.174857 117.321143-57.344-57.344 0.438857-0.585143 69.632-69.046857a40.3456 40.3456 0 0 0 0-57.344 40.360229 40.360229 0 0 0-57.344 0l-69.046857 69.632-0.585143 0.438857-57.782857-58.368 118.784-116.736a40.608914 40.608914 0 0 0 0-57.344 40.608914 40.608914 0 0 0-57.344 0l-117.321143 117.76-57.344-57.344 69.632-70.070857a40.3456 40.3456 0 0 0 0-57.344l-0.438857-0.585143a39.950629 39.950629 0 0 0-56.905143 0.585143l-70.070857 70.070857-57.344-57.344 117.76-117.174857a40.608914 40.608914 0 0 0 0-57.344 40.3456 40.3456 0 0 0-57.344 0l-117.76 118.198857-63.488-63.926857a80.969143 80.969143 0 0 1 0-114.688l133.558857-133.705143 0.585143-0.438857c31.744-31.744 83.382857-31.744 114.688 0z" fill="#1870FD" p-id="5523"></path></svg>
\ No newline at end of file
src/assets/images/product/fh.svg 0 → 100644
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1734750809525" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19050" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><path d="M132.824 492.655l131.252-57.685 95.548-137.296h131.928v244.595h403.624v109.403H132.824z" fill="#03A7FE" p-id="19051"></path><path d="M895.883 652.379H132.117V492.193l0.422-0.186 131.069-57.604 95.646-137.436h133.004v244.594h403.624v110.818z m-762.352-1.414h760.938V542.976H490.845V298.381H359.994l-95.451 137.156-131.011 57.579v157.849z" fill="#FFFFFF" p-id="19052"></path><path d="M234.817 655.796a67.851 67.06 0 1 0 135.702 0 67.851 67.06 0 1 0-135.702 0Z" fill="#03A7FE" p-id="19053"></path><path d="M302.668 727.032c-39.717 0-72.029-31.956-72.029-71.236s32.312-71.236 72.029-71.236 72.029 31.956 72.029 71.236-32.312 71.236-72.029 71.236z m0-134.119c-35.11 0-63.674 28.209-63.674 62.883s28.564 62.883 63.674 62.883 63.674-28.209 63.674-62.883-28.563-62.883-63.674-62.883z" fill="#FFFFFF" p-id="19054"></path><path d="M614.743 655.796a68.682 67.06 0 1 0 137.364 0 68.682 67.06 0 1 0-137.364 0Z" fill="#03A7FE" p-id="19055"></path><path d="M683.425 727.032c-40.175 0-72.858-31.956-72.858-71.236s32.684-71.236 72.858-71.236 72.858 31.956 72.858 71.236-32.683 71.236-72.858 71.236z m0-134.119c-35.568 0-64.505 28.209-64.505 62.883s28.937 62.883 64.505 62.883 64.505-28.209 64.505-62.883-28.937-62.883-64.505-62.883z" fill="#FFFFFF" p-id="19056"></path><path d="M388.511 341.698h59.22v102.986H324.38c-8.762 0-13.992-11.964-9.139-20.906l28.639-52.768c9.938-18.31 26.69-29.312 44.631-29.312z" fill="#FFFFFF" p-id="19057"></path><path d="M448.461 445.415H324.38c-3.812 0-7.267-2.132-9.478-5.848-2.878-4.838-2.997-11.171-0.303-16.137l28.639-52.768c10.092-18.593 27.016-29.694 45.273-29.694h59.95v104.447z m-59.95-102.987c-17.712 0-34.157 10.815-43.989 28.931l-28.639 52.768c-2.454 4.521-2.347 10.289 0.274 14.692 1.941 3.263 4.938 5.134 8.223 5.134H447V342.428h-58.489z" fill="#03A7FE" p-id="19058"></path><path d="M668.552 371.951h143.926v176.416H668.552zM579.368 442.766h86.152v105.601h-86.152z" fill="#03A7FE" p-id="19059"></path></svg>
\ No newline at end of file
src/assets/images/product/kd.svg 0 → 100644
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1734750652048" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7610" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><path d="M85.333333 490.666667a405.333333 405.333333 0 1 1 810.666667 0 405.333333 405.333333 0 0 1-810.666667 0z" fill="#2171FE" p-id="7611"></path><path d="M794.325333 840.618667c-8.661333 16.298667-23.552 26.837333-39.68 30.378666-2.432 0-6.144 1.152-9.898666 1.152-27.221333 0-43.349333-19.84-43.349334-49.024 0-37.376 23.552-54.869333 53.248-63.061333 16.128-3.498667 34.730667-4.693333 53.333334-4.693333v14.08c0 26.837333 1.194667 47.786667-13.653334 71.168z m13.653334-138.88c-16.128 1.152-34.730667 2.304-53.333334 4.608-28.458667 3.584-56.96 8.192-80.469333 18.730666-45.824 17.493333-76.842667 54.869333-76.842667 109.653334C597.333333 903.68 644.437333 938.666667 703.957333 938.666667c19.754667 0 35.882667-2.346667 50.688-5.802667 23.637333-7.04 43.392-19.882667 66.901334-43.221333 13.653333 17.493333 17.408 25.685333 40.917333 44.373333 6.186667 2.304 12.416 2.304 17.322667-1.152 18.432-14.506667 36.608-29.312 54.528-44.373333 6.229333-4.693333 4.992-11.733333 1.237333-17.493334-13.653333-16.384-27.306667-30.378667-27.306667-61.866666V704c0-44.373333 3.797333-85.205333-30.890666-115.541333-28.501333-24.448-73.130667-33.834667-107.818667-33.834667h-14.890667c-63.146667 3.413333-130.005333 29.141333-144.938666 102.698667-2.474667 9.386667 4.992 12.8 9.941333 13.994666l69.376 8.192c7.424-1.194667 11.178667-7.04 12.373333-12.8 6.186667-25.728 28.501333-38.570667 53.248-40.917333h4.992c14.933333 0 30.976 5.845333 39.68 17.493333 9.856 14.037333 8.661333 32.725333 8.661334 49.066667v9.386667-0.042667z" fill="#74E7C4" p-id="7612"></path><path d="M769.536 554.666667c34.688 0 79.317333 9.386667 107.818667 33.834666 1.92 1.706667 3.754667 3.413333 5.461333 5.162667a404.565333 404.565333 0 0 1-85.333333 161.877333c-15.018667 0.384-29.738667 1.706667-42.837334 4.522667-29.696 8.192-53.248 25.685333-53.248 63.061333 0 4.608 0.426667 9.002667 1.194667 13.098667a402.346667 402.346667 0 0 1-97.152 43.306667 117.76 117.76 0 0 1-8.106667-44.8c0-54.784 31.018667-92.16 76.8-109.653334 23.552-10.538667 52.053333-15.146667 80.512-18.730666 18.602667-2.304 37.205333-3.456 53.333334-4.608v-9.301334c0-16.384 1.194667-35.072-8.661334-49.066666-8.704-11.690667-24.746667-17.493333-39.68-17.493334h-4.992c-24.746667 2.304-47.061333 15.146667-53.248 40.874667l-0.853333 2.858667a14.506667 14.506667 0 0 1-11.52 9.941333l-69.376-8.192c-4.949333-1.152-12.373333-4.608-9.941333-13.994667 14.933333-73.557333 81.792-99.242667 144.938666-102.698666z" fill="#00ACFF" p-id="7613"></path><path d="M682.24 243.328c3.626667-20.650667-17.962667-36.522667-36.949333-27.306667l-462.933334 227.072a21.333333 21.333333 0 0 0-2.730666 36.352l101.589333 73.045334c10.026667 4.864 19.968 4.864 29.994667-4.864L576 311.765333l10.026667 4.864-239.786667 250.581334c-5.034667 4.864-5.034667 9.813333-5.034667 14.72v108.074666c0 9.856 4.992 19.712 14.933334 24.576 10.026667 4.906667 19.968 0 25.002666-4.864l59.946667-59.008 125.738667 72.533334c9.344 5.376 21.248 0 23.296-10.496l92.16-469.418667z" fill="#FFFFFF" p-id="7614"></path></svg>
\ No newline at end of file
src/assets/images/product/sc.svg 0 → 100644
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1734750749287" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12926" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><path d="M847.872 859.648c-4.096 0-7.68-1.536-10.752-4.096l-225.792-179.2c-14.848 6.144-27.648 10.752-41.984 10.752-84.48 8.704-162.816-52.736-171.008-137.216-2.048-18.944 0-37.888 4.096-54.784 2.048-6.144 6.656-10.752 12.8-12.8 5.632-1.536 11.776-1.024 16.896 2.048l92.672 75.776 48.64-59.392L480.256 424.96c-4.096-4.608-6.656-10.752-6.144-16.896 0-6.144 4.096-10.752 10.752-14.848 16.896-8.192 35.84-14.848 52.736-16.896 84.48-8.192 162.816 52.736 171.008 137.216 2.048 14.848 2.048 29.696-2.048 44.544l225.792 179.712c4.096 2.048 6.144 8.192 6.144 12.8 0 4.096 0 10.752-4.096 12.8l-69.632 88.576c-6.656 5.632-10.752 7.68-16.896 7.68z" fill="#1890FF" opacity=".5" p-id="12927"></path><path d="M613.376 973.824H425.472c-8.192 0-16.896-6.144-18.944-16.896L397.824 870.4c-8.704-2.56-17.408-6.144-25.6-10.752l-67.584 54.784c-6.144 6.144-16.896 6.144-25.6-2.048L140.288 773.12c-6.144-6.144-6.144-16.896 0-25.6l56.832-67.584c-4.096-8.704-6.144-16.896-10.752-25.6l-86.528-8.704c-8.704 0-16.896-8.192-16.896-18.944V431.104c0-8.704 6.144-16.896 16.896-18.944l86.528-8.192c2.048-8.704 6.144-16.896 10.752-25.6L142.336 310.784c-6.144-6.144-6.144-16.896 2.048-25.088l139.264-139.264c6.144-6.144 16.896-6.144 25.6 0l67.584 56.832c8.192-4.096 16.896-6.144 25.6-10.752l8.192-86.528c0-8.192 8.192-16.896 18.944-16.896h196.608c8.192 0 16.896 6.144 18.944 16.896l8.192 86.528c8.704 2.048 16.896 6.144 25.6 10.752L746.496 148.48c8.704-6.144 18.944-6.144 25.6 2.048l152.064 173.056c4.608 4.096 6.144 10.752 4.096 16.896-2.048 6.144-6.656 10.752-12.8 12.8-124.416 35.84-158.208 46.592-168.96 48.64-12.8 4.096-20.992-4.096-50.688-33.792l-10.752-10.752c-82.432-63.488-208.896-63.488-297.472 2.048-50.688 35.84-78.336 95.232-78.336 166.912C307.2 655.36 404.48 752.64 524.8 752.64h6.144c6.144 0 14.848 4.096 16.896 10.752l82.432 185.856c2.048 6.144 2.048 12.8-2.048 16.896-2.048 5.632-8.704 7.68-14.848 7.68z" fill="#1890FF" p-id="12928"></path></svg>
\ No newline at end of file
src/components/head.vue
...@@ -251,6 +251,16 @@ export default { ...@@ -251,6 +251,16 @@ export default {
align-items: center; align-items: center;
height: 100%; height: 100%;
} }
.logo {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
height: 100%;
img {
height: 40px;
}
}
@media screen and (max-width: 1500px) { @media screen and (max-width: 1500px) {
.navbar_item_wrap { .navbar_item_wrap {
gap: 40px !important; gap: 40px !important;
......
src/components/headerNavMobile.vue
...@@ -106,6 +106,7 @@ export default { ...@@ -106,6 +106,7 @@ export default {
.header-nav-mobile_logo img { .header-nav-mobile_logo img {
width: 100%; width: 100%;
object-fit: contain; object-fit: contain;
height: 100%;
} }
.header-nav-mobile_login { .header-nav-mobile_login {
......
src/components/product-intro.vue
...@@ -5,7 +5,8 @@ ...@@ -5,7 +5,8 @@
<h3 class="text-textContent lx-title mb-8" style="text-align: center"> <h3 class="text-textContent lx-title mb-8" style="text-align: center">
核心功能 核心功能
</h3> </h3>
<div class="text-sm font-light text-textContent text-center"> <div
class="max-w-840px text-sm px-15px lg:text-lg lg:px-0 font-light text-textContent text-center">
打通跨境电商业务全流程，闭环管理业务，实现业绩增长 打通跨境电商业务全流程，闭环管理业务，实现业绩增长
</div> </div>
</div> </div>
...@@ -245,9 +246,7 @@ export default { ...@@ -245,9 +246,7 @@ export default {
{ {
icon: 'icon-dingdanguanli35', icon: 'icon-dingdanguanli35',
title: '订单管理', title: '订单管理',
texts: [ texts: [{ text: '订单批量审核，异常状态标识归纳，超时自动拆单发货' }],
{ text: '订单批量审核，异常状态标识归纳，超时自动拆单发货' },
]
}, },
{ {
icon: 'icon-cangku_cangchuguanli_o', icon: 'icon-cangku_cangchuguanli_o',
...@@ -656,7 +655,25 @@ export default { ...@@ -656,7 +655,25 @@ export default {
.reason-list { .reason-list {
margin-top: 80px; margin-top: 80px;
} }
.lx-title {
font-size: 2.25rem;
color: #1a2035;
font-weight: 500;
font-size: 1.25rem;
line-height: 1.75rem;
margin-bottom: 0.25rem;
max-width: 840px;
text-align: center;
--tw-text-opacity: 1;
color: rgba(26, 32, 53, var(--tw-text-opacity));
letter-spacing: 1px;
}
@media (min-width: 1024px) {
.lx-title {
font-size: 2.25rem;
line-height: 2.75rem;
}
}
@media screen and (max-width: 1100px) { @media screen and (max-width: 1100px) {
.function_bg { .function_bg {
width: 90vw; width: 90vw;
......
src/components/productDesc.vue
<template> <template>
<div class="home-module"> <div class="home-module">
<div <div
class="home-module-item flex justify-center" class="home-module-item flex"
v-for="(item, index) in moduleItems" v-for="(item, index) in moduleItems"
:data-id="item.id" :data-id="item.id"
:key="index"> :key="index">
<div class="content flex w-full-70 gap-100 fade-up-animation"> <div class="content mx-auto flex w-full-70 gap-100 fade-up-animation gap-20">
<div class="img"> <div class="img">
<img :src="item.img" /> <img :src="item.img" />
</div> </div>
......
src/router/index.js
...@@ -8,6 +8,7 @@ import demandPage from '../views/demand/demandPage.vue' ...@@ -8,6 +8,7 @@ import demandPage from '../views/demand/demandPage.vue'
import aboutPage from '../views/aboutus/aboutPage' import aboutPage from '../views/aboutus/aboutPage'
import helpPage from '../views/helpPage' import helpPage from '../views/helpPage'
import productionManagement from '../views/product/productionManagement.vue' import productionManagement from '../views/product/productionManagement.vue'
import ProductionCustom from '../views/product/productionCustom.vue'
Vue.use(VueRouter) Vue.use(VueRouter)
...@@ -52,6 +53,11 @@ const routes = [ ...@@ -52,6 +53,11 @@ const routes = [
path: '/product/production', path: '/product/production',
name: 'production', name: 'production',
component: productionManagement, component: productionManagement,
},
{
path:'/product/custom',
name:'custom',
component:ProductionCustom,
} }
], ],
}, },
......
src/styles/index.scss
:root { :root {
--primary-color:#f19240; --primary-color:#f19240;
} }
\ No newline at end of file
@tailwind base;
@tailwind components;
@tailwind utilities;
src/views/homePage/index.vue
...@@ -14,10 +14,10 @@ ...@@ -14,10 +14,10 @@
style="width: 100vw; height: 100%; object-fit: cover" /> style="width: 100vw; height: 100%; object-fit: cover" />
</el-carousel-item> </el-carousel-item>
</el-carousel> --> </el-carousel> -->
<div class="banner-container"> <div class="banner-container gap-20">
<div class="left-content"> <div class="left-content">
<h3 class="left-content-title">在以亚马逊为主的跨境电商ERP中</h3> <h3 class="left-content-title font-bold">在以亚马逊为主的跨境电商ERP中</h3>
<h2 class="left-content-title-high-light">九猫ERP市占率第一</h2> <h2 class="left-content-title-high-light font-bold">九猫ERP市占率第一</h2>
<p class="left-content-description"> <p class="left-content-description">
<span class="high-light">60万+</span> <span class="high-light">60万+</span>
<span>跨境卖家的一致选择，支持</span> <span>跨境卖家的一致选择，支持</span>
......
src/views/product/productionCustom.vue 0 → 100644
<template>
<div class="production-custom">
<div class="banner-container">
<div class="content-container flex items-center gap-20">
<div class="left-content">
<h3 class="banner-title font-semibold text-4xl">
按需打印供应链平台 0基础创业
</h3>
<div
class="text-xs px-8 lg:text-lg lg:px-0 font-light text-textContent mt-[6px] mb-8">
<span>定制选品 / 高效生产 / 一件代发 / 无忧售后</span>
</div>
<div>
<span class="high-light font-bold">1,512</span>
款产品可定制，累计已设计
<span class="high-light font-bold">752,062,105</span>
次
</div>
</div>
<div class="right-image">
<video
width="100%"
class="video"
src="../../assets/video/custom-video.mp4"
autoplay
loop
muted></video>
</div>
</div>
</div>
<div class="product-custom-cont bg-colorBg py-28">
<div class="w-full-70 mx-auto">
<div class="cont-title">
<div class="flex justify-center flex-col items-center gap-2">
<h3 class="font-medium text-3xl" style="text-align: center">
按需打印商品销售全球
</h3>
<div
class="text-xs px-8 lg:text-lg lg:px-0 font-light text-textContent mt-[6px] mb-8">
0成本 · 0库存
</div>
</div>
</div>
<div class="cont-content">
<div class="cont-content-left flex items-center gap-20">
<div class="left-container flex items-center gap-10">
<div>
<div class="btn-title">您负责</div>
<div class="flex flex-col gap-5">
<div class="flex gap-4">
<div class="icon">
<img
src="../../assets/images/product/design.svg"
width="30" />
</div>
<div class="text flex flex-col gap-2">
<div class="text-lg font-bold">选品&设计</div>
<div class="text-sm text-gray-500">
海量产品批量设计，免费生成高清商品效果图
</div>
</div>
</div>
<div class="flex gap-2">
<div class="icon">
<img
src="../../assets/images/product/kd.svg"
width="30" />
</div>
<div class="text">
<div class="text-lg font-bold">刊登&销售</div>
<div class="text-sm text-gray-500">
批量汇出，主流电商一键刊登，便捷销售
</div>
</div>
</div>
</div>
</div>
<div>
<img src="../../assets/images/product/01.png" />
</div>
</div>
<div class="right-container flex items-center gap-10">
<div>
<div class="btn-title">JMDIY负责</div>
<div class="flex flex-col gap-5">
<div class="flex gap-2">
<div class="icon">
<img
src="../../assets/images/product/sc.svg"
width="30" />
</div>
<div class="text">
<div class="text-lg font-bold">生产</div>
<div class="text-sm text-gray-500">
一件起订，极速生产，一件享批发价
</div>
</div>
</div>
<div class="flex gap-2">
<div class="icon">
<img
src="../../assets/images/product/fh.svg"
width="30" />
</div>
<div class="text">
<div class="text-lg font-bold">发货</div>
<div class="text-sm text-gray-500">
高效稳定物流，一件代发，全球交付
</div>
</div>
</div>
</div>
</div>
<div>
<img src="../../assets/images/product/02.png" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<style lang="scss" scoped>
.content-container {
width: 70vw;
height: 30vw;
margin: 0 auto;
padding-top: 40px;
}
.left-content {
width: 30%;
display: flex;
flex-direction: column;
gap: 20px;
}
.right-image {
width: 70%;
position: relative;
height: 100%;
.video {
width: 100%;
height: 100%;
object-fit: fill;
}
}
</style>
src/views/product/productionManagement.vue
<template> <template>
<div class="productionManagement"> <div class="productionManagement">
<div class="banner-container"> <div class="banner-container">
<div class="content-container flex items-center"> <div class="content-container flex items-center gap-20">
<div class="left-content"> <div class="left-content">
<h3 class="banner-title">做亚马逊，用九猫ERP</h3> <h3 class="banner-title font-semibold text-4xl">
<div class="text-sm lg:text-lg"> 做亚马逊，用九猫ERP
</h3>
<div
class="text-xs px-8 lg:text-lg lg:px-0 font-light text-textContent mt-[6px] mb-8">
<span>市占率第一，亚马逊业务一体化管理，助力，</span> <span>市占率第一，亚马逊业务一体化管理，助力，</span>
<span class="high-light font-bold">60万+</span> <span class="high-light font-bold">60万+</span>
<span>卖家业务增长</span> <span>卖家业务增长</span>
...@@ -55,7 +58,7 @@ ...@@ -55,7 +58,7 @@
<ProductDesc :moduleItems="moduleItems" /> <ProductDesc :moduleItems="moduleItems" />
</div> </div>
</div> </div>
<div class="py-12 px-15px lg:py-30 lg:px-0 bg-white"> <div class="py-12 px-15 lg:py-32 bg-white">
<div class="w-full-70 mx-auto"> <div class="w-full-70 mx-auto">
<div <div
class="flex flex-col justify-between items-center lg:flex-row max-w-7xl mx-auto"> class="flex flex-col justify-between items-center lg:flex-row max-w-7xl mx-auto">
...@@ -130,7 +133,7 @@ export default { ...@@ -130,7 +133,7 @@ export default {
{ {
id: 'realtime-profit-stats', id: 'realtime-profit-stats',
img: purchaseImg, img: purchaseImg,
title: '进销存一体管理', title: '实时利润统计',
subTitle: subTitle:
'打通采购、发货、物流等环节，1688一键下单，智能提供补货建议', '打通采购、发货、物流等环节，1688一键下单，智能提供补货建议',
items: [ items: [
...@@ -155,9 +158,9 @@ export default { ...@@ -155,9 +158,9 @@ export default {
], ],
}, },
{ {
id: 'performance-report', id: 'profit-report-daily',
img: financesImg, img: financesImg,
title: '财务精准管理', title: '每日利润报表',
subTitle: subTitle:
'每日实时利润统计，订单级回款跟踪，自动提现，业财一体化管理', '每日实时利润统计，订单级回款跟踪，自动提现，业财一体化管理',
items: [ items: [
...@@ -176,9 +179,9 @@ export default { ...@@ -176,9 +179,9 @@ export default {
], ],
}, },
{ {
id: 'logistics-management', id: 'settlement-center',
img: statementsImg, img: statementsImg,
title: '多维度数据报表', title: '结算中心',
subTitle: subTitle:
'自动形成利润报表、采购报表、库存报表、业绩报表等，数据可视化', '自动形成利润报表、采购报表、库存报表、业绩报表等，数据可视化',
items: [ items: [
...@@ -200,9 +203,345 @@ export default { ...@@ -200,9 +203,345 @@ export default {
], ],
}, },
{ {
id: 'performance-report',
img: adImg,
title: '业绩报表',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'replenishment-advice',
img: adImg,
title: '补货建议',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'shipping-management',
img: adImg,
title: '发货管理',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'warehouse-management',
img: adImg,
title: '海外仓备货',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'purchasing-management',
img: adImg,
title: '采购管理',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'self-delivery',
img: adImg,
title: '自发货',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'logistics-management',
img: adImg,
title: '物流管理',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'inventory-management',
img: adImg,
title: '库存管理',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'data-decision',
img: adImg,
title: '数据决策',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'operation-tool', id: 'operation-tool',
img: adImg, img: adImg,
title: '全流程广告管理', title: '运营工具',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'ai-tool',
img: adImg,
title: 'AI工具',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'authority-management',
img: adImg,
title: '权限管理',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'terminal-applicable',
img: adImg,
title: '多终端适用',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'visualization-ad-report',
img: adImg,
title: '可视化广告报表',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'ad-analysis',
img: adImg,
title: '广告溯源分析',
subTitle: subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率', '投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [ items: [
...@@ -226,7 +565,103 @@ export default { ...@@ -226,7 +565,103 @@ export default {
{ {
id: 'keyword-management', id: 'keyword-management',
img: adImg, img: adImg,
title: '全流程广告管理', title: '关键词管理',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'ad-budget-management',
img: adImg,
title: '广告预算管理',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'ad-placement-management',
img: adImg,
title: '广告投放管理',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'ad-efficiency-tool',
img: adImg,
title: '高效投放工具',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'ad-smart-suggestion',
img: adImg,
title: '智能化建议',
subTitle: subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率', '投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [ items: [
...@@ -277,7 +712,7 @@ export default { ...@@ -277,7 +712,7 @@ export default {
{ id: 'operation-tool', name: '运营工具' }, { id: 'operation-tool', name: '运营工具' },
{ id: 'ai-tool', name: 'AI工具' }, { id: 'ai-tool', name: 'AI工具' },
{ id: 'authority-management', name: '权限管理' }, { id: 'authority-management', name: '权限管理' },
{ id: 'terminal-applicable', name: '对终端适用' }, { id: 'terminal-applicable', name: '多终端适用' },
], ],
}, },
{ {
...@@ -298,27 +733,32 @@ export default { ...@@ -298,27 +733,32 @@ export default {
}, },
mounted() { mounted() {
this.scrollParent().addEventListener('scroll', this.onScroll) this.scrollParent().addEventListener('scroll', this.onScroll)
this._intersectionObserver = new IntersectionObserver((entries) => { this._intersectionObserver = new IntersectionObserver(
entries.forEach(({ target: el, isIntersecting, intersectionRatio }) => { (entries) => {
const id = el.dataset.id entries.forEach(({ target: el, isIntersecting, intersectionRatio }) => {
if (!id) return const id = el.dataset.id
console.log(id, isIntersecting, intersectionRatio)
if (!id) return
if (!isIntersecting) { if (!isIntersecting) {
if (this._productNavIntersection?.id === id) { if (this._productNavIntersection?.id === id) {
this._productNavIntersection = undefined this._productNavIntersection = undefined
}
return
} }
return
}
if ( if (
!this._productNavIntersection || !this._productNavIntersection ||
intersectionRatio > this._productNavIntersection.intersectionRatio intersectionRatio > this._productNavIntersection.intersectionRatio
) { ) {
this._productNavIntersection = { id, intersectionRatio } this._productNavIntersection = { id, intersectionRatio }
this.activeProductNavId = id // this.activeProductNavId = id
} }
}) })
}, { rootMargin: '0px 0px -50% 0px' }) this.activeProductNavId = this._productNavIntersection?.id
},
{ rootMargin: '0px 0px -50% 0px' }
)
const elements = Array.from(this.$el.querySelectorAll('.home-module-item')) const elements = Array.from(this.$el.querySelectorAll('.home-module-item'))
elements.forEach((el) => { elements.forEach((el) => {
this._intersectionObserver.observe(el) this._intersectionObserver.observe(el)
...@@ -339,6 +779,7 @@ export default { ...@@ -339,6 +779,7 @@ export default {
}, },
handleNavClick(item, child = item.children[0]) { handleNavClick(item, child = item.children[0]) {
if (!child) return if (!child) return
console.log(11111, this.activeProductNavId)
const el = this.$el.querySelector( const el = this.$el.querySelector(
'.home-module-item[data-id="' + child.id + '"]' '.home-module-item[data-id="' + child.id + '"]'
) )
...@@ -390,14 +831,15 @@ export default { ...@@ -390,14 +831,15 @@ export default {
background-color: #fff; background-color: #fff;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
height: 62px; // height: 62px;
} }
.module-nav-item { .module-nav-item {
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 18px 0px; // padding: 18px 0px;
height: 62px;
border: 1px solid #e1e6f5; border: 1px solid #e1e6f5;
cursor: pointer; cursor: pointer;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
...@@ -417,6 +859,14 @@ export default { ...@@ -417,6 +859,14 @@ export default {
border-bottom-color: #2554fe; border-bottom-color: #2554fe;
} }
} }
.module-child-item {
height: 62px;
line-height: 62px;
padding: 0 6px;
&:hover {
font-weight: 600;
}
}
.module-nav-item:nth-child(2) { .module-nav-item:nth-child(2) {
border-left: unset; border-left: unset;
border-right: unset; border-right: unset;
...@@ -440,7 +890,11 @@ export default { ...@@ -440,7 +890,11 @@ export default {
} }
.module-child-item.active { .module-child-item.active {
color: red; color: #fff;
font-size: 16px;
font-weight: 600;
background-color: hsla(0, 0%, 100%, 0.1);
border-radius: 2px;
} }
.product-rumor { .product-rumor {
...@@ -520,6 +974,10 @@ export default { ...@@ -520,6 +974,10 @@ export default {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity)); color: rgba(255, 255, 255, var(--tw-text-opacity));
} }
.high-light {
--tw-text-opacity: 1;
color: rgba(37, 84, 254, var(--tw-text-opacity));
}
@media (min-width: 1024px) { @media (min-width: 1024px) {
.product-rumor { .product-rumor {
margin-top: 0; margin-top: 0;
......
tailwind.config.js 0 → 100644
/** @type {import('tailwindcss').Config} */
module.exports = {
purge: ['./src/**/*.{vue,js,ts,jsx,tsx}'],
theme: {
extend: {},
},
plugins: [],
}
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 to comment