Yuan/ZangShiQi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

初始上传

Browse Source
This commit is contained in:
Mr. Hu
2026-04-04 17:27:12 +08:00
parent 4d80d28eb4
commit b7e11774ee
11191 changed files with 1588469 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

216
app/shop/view/public/css/album_manager.css Executable file
View File

@@ -0,0 +1,216 @@
#album {
padding: 10px 20px;
}
.album-box {
display: flex;
}
.album-list-box::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
.album-list-box {
scrollbar-width: none; /* firefox */
-ms-overflow-style: none; /* IE 10+ */
overflow: auto;
margin-right: 25px;
width: 180px;
height: 385px;
position: relative;
}
.album-list-box ul .layui-nav-bar{
display: none;
}
.album-list-box button {
position: absolute;
left: 40px;
bottom: 0;
}
.album-list {
width: 180px;
background-color: #F7F7F7;
}
.album-content {
flex: 1;
}
.album-img {
display: flex;
flex-wrap: wrap;
}
.album-img li {
width: 125px;
height: 155px;
margin: 0 15px 15px 0;
}
.album-img li div {
position: relative;
width: 100%;
height: 125px;
line-height: 125px;
text-align: center;
}
.album-img li div .image-box-active {
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
border: 2px solid;
}
.album-img li div .image-box-active:after {
content: '';
display: block;
position: absolute;
top: 0px;
right: 0;
border: 15px solid;
border-color: transparent;
border-top-color: var(--base-color);
border-right-color: var(--base-color);
}
.album-img li div .image-box-active i {
position: absolute;
top: 2px;
right: 2px;
color: #fff;
z-index: 2;
font-style: normal;
line-height: 1;
}
.album-img li img {
max-height: 100%;
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.album-img li video {
max-height: 100%;
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.album-img li span {
display: block;
margin-top: 10px;
height: 20px;
line-height: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.empty-data {
margin-top: 10px;
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
}
/* 本地图片上传*/
.multuple-list {
display: flex;
flex-wrap: wrap;
overflow-y: auto;
height: 300px;
padding-top: 10px;
box-sizing: border-box;
}
.multuple-list-img {
border-color: #DDDDDD!important;
}
.multuple-list li {
position: relative;
display: flex;
margin-bottom: 10px;
margin-right: 10px;
flex-direction: column;
justify-content: center;
flex-wrap: wrap;
align-items: center;
width: 120px;
height: 120px;
border: 1px solid;
}
.multuple-list li img {
max-width: 100%;
max-height: 100%;
}
.multuple-list li video {
max-width: 100%;
max-height: 100%;
}
.upload-close-modal {
display: none;
position: absolute;
top: -10px;
right: -10px;
height: 20px;
width: 20px;
font-size: 18px;
line-height: 20px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, .5);
border-radius: 50%;
z-index: 1;
}
.upload-image-curtain {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
line-height: 122px;
font-size: 18px;
color: #fff;
background-color: rgba(0, 0, 0, .5);
z-index: 1;
}
.multuple-list li:hover .upload-close-modal {
display: block;
}
.multuple-list li span {
cursor: pointer;
width: 100%;
text-align: center;
}
.multuple-list li span:first-of-type {
width: 30px;
height: 30px;
font-size: 18px;
margin-bottom: 10px;
line-height: 30px;
border-radius: 50%;
color: #fff;
}
.album-list .layui-tree-iconArrow:after{top: 5px}
.album-list .layui-tree-spread .layui-tree-iconArrow:after{transform: rotate(90deg);top: 8px;left: 0;}
.album-list .layui-tree .layui-tree-entry {padding: 0;line-height: 1;height: auto;}
.album-list .layui-tree .layui-tree-main {width: 100%;box-sizing: border-box;display: flex;align-items: center;}
.album-list .layui-tree .layui-tree-main .layui-tree-txt{width: 100%;display: flex;justify-content: space-between;padding: 12px 10px 12px 0;}

41
app/shop/view/public/css/cert_index.css Executable file
View File

@@ -0,0 +1,41 @@
.body-content{
padding: 0;
margin: 10px;
background-color: #fff;
}
.cert-box{margin: auto;width: 720px;}
/* 公共*/
h2.apply-h2-title{margin-top: 80px;margin-bottom: 80px;font-size:34px;font-weight:400;color:rgba(93,93,93,1);text-align: center;}
.apply-btn-box{margin-top: 50px;margin-bottom: 30px;text-align: center;}
.dis-input{background-color: #f7f7f7; cursor: no-drop;}
.dis-input:hover{border-color: #e6e6e6 !important;}
/* 选择店铺等级 */
.store-level{padding: 0 50px 50px;margin: auto;display: flex;flex-wrap: wrap;justify-content: center;}
.store-level > li:first-of-type{margin-left: 0;}
.store-level > li{margin-bottom: 30px;margin-left: 20px;padding: 50px 35px 30px;width: 260px;text-align: center;background-color: #fff;box-sizing: border-box;border: 1px solid #E9E9E9;border-radius: 2px;}
.store-level > li:hover{border-color: transparent; box-shadow: 0 0 20px 0 rgba(0,0,0,.07);}
.store-level .group_name{margin: 10px;font-size: 18px;font-weight: 400;line-height: 25px;color: #323233;}
.store-level .remark{display: inline-block;margin: 0 -10px 20px;font-size: 12px;line-height: 19px;color: #646566;}
.store-level-sublevel{padding-top: 20px;border-top: 1px solid #f2f2f2;}
.store-level-sublevel li{text-align: left;height: 28px;line-height: 28px;color: #646566;}
.store-level-sublevel li .is-checked{color: #ccc;}
.store-level button{margin-top: 25px;}
/* 申请类型*/
.application-type h2{margin-bottom: 80px;height:34px;font-size:34px;font-weight:400;color:rgba(93,93,93,1);}
.application-type .cert-type{display: flex;justify-content: center;}
.application-type .cert-type li{margin-left: 40px;text-align: center;}
.application-type .cert-type li:first-of-type{margin-left: 0;}
.application-type .cert-type li{font-size: 16px;color: #D0D0D0;cursor: pointer;}
.application-type .cert-type .cert-img-box{overflow: hidden;width: 81px;height: 81px;margin-bottom: 10px;}
.application-type .cert-type .cert-img-box img{position: relative;}
.application-type li:first-of-type img{left: -91px;}
h2.apply-h2-title{margin-bottom: 80px;height:34px;font-size:34px;font-weight:400;color:rgba(93,93,93,1);text-align: center;}
/* 审核*/
.audit-status .status{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 100px;}
.audit-status .status span{font-weight:400;color:rgba(93,93,93,1);}
.audit-status .status-pic{margin-right: 5px;margin-bottom: 10px;width: 100px;height: 100px;line-height: 100px;text-align: center;}
.audit-status .status-pic img{max-height: 100%;max-width: 100%;}
/* 开店成功*/
.shop-succeey{position: relative;top: 0;bottom: 0;left: 0;right: 0;margin: auto;text-align: center;}
.shop-succeey p{font-size: 16px;margin-top: 20px;}

2419
app/shop/view/public/css/common.css Executable file
View File

File diff suppressed because it is too large Load Diff

279
app/shop/view/public/css/delivery_lists.css Executable file
View File

@@ -0,0 +1,279 @@
.layui-table {margin-top: 15px;}
.layui-table thead tr {background-color: #F8F6F9;}
.layui-table th {border-width: 0; font-size: 14px!important;}
.layui-table td {padding: 3px 15px;}
.layui-table-cell {height: 40px; line-height: 40px;}
.layui-table .header-row {border-top: 1px solid #e6e6e6;background: #f7f7f7;}
.separation-row hr {margin: 0;}
.screen.layui-collapse{margin-bottom: 15px;}
.layui-table td,
.layui-table th,
.layui-table-fixed-r,
.layui-table-header,
.layui-table-page,
.layui-table-tips-main,
.layui-table-tool,
.layui-table-view,
.layui-table[lay-skin=line],
.layui-table[lay-skin=row] {
border-color: #f1f1f1 !important;
}
.layui-table thead th {
border-bottom: none;
padding-left:0;
padding-right:0;
}
.order-list-table .separation-row td {
padding: 10px 20px;
border: 0;
}
.order-list-table .separation-row:hover {
background-color: #fff;
}
.order-list-table .remark-row {
background: #FFF9DF !important;
color: #D09B4C;
}
.order-list-table .remark-row td {
padding: 5px 10px;
}
.order-list-table .header-row td:nth-child(1) {
border-right: 0;
}
.order-list-table .header-row td:nth-child(2) {
text-align: center;
border-left: 0;
}
.order-list-table .header-row span {
vertical-align: middle
}
/*.order-list-table .header-row td .order-item-header:first-child{margin-left:18px}*/
.order-list-table .header-row td .order-item-header {
text-align: left;
color: #333;
}
.order-list-table .header-row td .order-item-header.more {
cursor: pointer;
overflow: hidden;
position: relative;
}
.order-list-table .header-row td .more-operation {
display: none;
font-size: 14px;
line-height: 20px;
background-color: #fff;
border-radius: 2px;
box-shadow: 0 2px 8px 0 rgba(200, 201, 204, .5);
position: absolute;
z-index: 2000;
padding: 10px;
top: 28px;
transform: translateX(10px);
left: -12px;
width: 200px;
}
.order-list-table .header-row td .more-operation:before {
left: 8px;
top: -14px;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-bottom-color: #fff;
border-width: 8px;
}
.order-list-table .header-row td .more-operation span {
color: #333;
}
.order-list-table .header-row td{padding: 3px 15px!important;}
.order-list-table .checkbox-all .layui-table-cell {
padding: 0;
text-align: center
}
.order-list-table .product-info .layui-table-cell {
padding: 0 5px
}
.order-list-table .content-row:hover {
background-color: #fff !important;
}
.order-list-table .content-row .product-info {
border-right: 0;
}
.order-list-table .content-row .product-info .img-block {
width: 60px;
height: 60px;
float: left;
border: 1px solid #e2e2e2;
display: flex;
align-items: center;
justify-content: center;
}
.order-list-table .content-row .product-info .img-block>img {
max-width: 100%;
max-height: 100%;
}
.order-list-table .content-row .product-info .info {
margin-left: 70px
}
.order-list-table .content-row .product-info .info p {
color: #8e8c8c;
font-size: 12px
}
.order-list-table .content-row .order-price {
border-left: 0;
}
.order-list-table .content-row .product-list {
border-right-width: 1px
}
.order-list-table .content-row .product-list p {
font-size: 12px
}
.order-list-table .content-row .transaction-status {
line-height: 24px;
}
.order-list-table .content-row .buyers {
line-height: 24px;
}
.order-list-table .operation a {
font-size: 14px;
text-align: right;
}
.order-no-data-block ul {
width: 200px;
margin: 20px auto;
padding-bottom: 20px;
}
.order-no-data-block ul li {
text-align: center;
color: #c2c2c2
}
.order-no-data-block ul li:first-child {
height: 70px;
line-height: 70px
}
.order-no-data-block ul li:first-child i {
font-size: 35px
}
.footer-row {
border: 1px solid #f2f2f2
}
.screen {
margin-top: 0;
}
/*.order-money span {color: red;}*/
.sub-selected-checkbox {
display: flex;
justify-content: center;
align-items: center;
}
.sub-selected-checkbox .layui-form-checkbox[lay-skin=primary] {
padding: 0;
}
/* 批量操作 */
.order-operation {
position: relative;
height: 35px;
padding-top: 10px;
line-height: 25px;
box-sizing: border-box;
}
#delivery_page {
position: absolute;
right: 0;
top: 0;
}
.order-operation .order-operation-btn .btn-box span{
padding: 0px 5px;
font-size: 12px;
line-height: 2;
height: auto;
display: inline-block;
border: 1px solid #C9C9C9;
cursor: pointer;
}
.order-operation .order-operation-all-btn {
width: 3%;
text-align: center;
}
.order-operation .order-operation-all-btn .layui-form-checkbox {
padding-left: 0;
}
.order-operation .btn-box {
width: 96%;
}
.order-operation .order-operation-btn {
display: flex;
align-items: center;
}
.order-operation .order-operation-btn .btn-box span {
padding: 0px 5px;
font-size: 12px;
line-height: 2;
height: auto;
display: inline-block;
border: 1px solid #C9C9C9;
cursor: pointer;
}
.operation>.table-btn{
display: block;
}
.operation>.table-btn .layui-btn {
display: inline;
line-height: 23px;
padding: 0px;
margin: 0px;
padding-left:8px;
}
.address_box{width:87%; display: inline-block}
.address_input{width: 1px;height: 0px;overflow: hidden;border: 0px}
.order-list-top-line{justify-content:flex-end;}
.order-list-top-line a{padding-right: 0px !important;}

110
app/shop/view/public/css/evaluate.css Executable file
View File

@@ -0,0 +1,110 @@
.evaluate-table {
border-width: 0 !important;
}
.evaluate-table[lay-size=lg] th,
.evaluate-table[lay-size=lg] td {
padding: 13px 15px;
}
.evaluate-table[lay-size=lg] .operate{
text-align: right;
}
.evaluate-title {
display: flex;
}
.evaluate-title p {
margin-right: 30px;
}
.evaluate-title p:last-child {
margin-right: 0;
}
/* 评价等级 */
.evaluate-box {
position: relative;
padding-left: 70px;
}
.evaluate-title img {
margin-right: 5px;
}
.evaluate-box p {
line-height: 24px;
}
.evaluate-level-good span {
color: #FFCA10;
}
.evaluate-level-middel span {
color: var(--base-color);
}
.evaluate-level-bad span {
color: var(--base-color);
}
/* 追加评价 */
.evaluate-again {
margin-top: 10px;
}
.font-box {
line-height: 25px;
text-align: left;
}
/* 分页 */
#layui-laypage-1{
float: right;
}
#laypage {
overflow: hidden;
}
.evaluate-explain, .evaluate-box, .evaluate-again {
overflow: hidden;
}
.evaluate-img .title-pic {
margin-right: 5px;
margin-bottom: 5px;
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
}
.evaluate-img .title-pic img {
max-width: 100%;
max-height: 100%;
}
.evaluate p, .evaluate-explain p, .evaluate-again p, .evaluate-again-explain p {
width: 100%;
height: auto;
word-wrap: break-word;
word-break: break-all;
}
.evaluate-img p{height:30px; line-height: 30px}
.evaluate-img p img{margin-right: 8px}
.evaluate-img{padding: 5px 0px}
.evaluate-explain{font-size: 12px;}
.evaluate-explain .again-evaluate{margin-left: 8px}
.required{color:var(--base-color)}
.order-list-top-line{justify-content:flex-end;}
.order-list-top-line a{padding-right: 0px}
.layui-table{margin: 15px 0;}
.layui-inline{margin-bottom: 15px !important;}
.tab-bottom{display: flex;justify-content: space-between;}
.evaluate-table tr td:nth-child(5),.evaluate-table tr td:nth-child(6){padding-right: 0px;}
.evaluate-table tr td:nth-child(6){padding-left: 0px;}
.layui-layout-admin .layui-form-item .layui-input-inline{background-color: #fff;}
.layui-layout-admin .table-bottom{padding: 15px 0 10px;}
.title-content .sku-name {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

100
app/shop/view/public/css/express_company.css Executable file
View File

@@ -0,0 +1,100 @@
.layui-field-box {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
padding: 10px !important;
}
.express-company-block {
width: 190px;
height: 135px;
border-width: 1px;
border-style: solid;
border-radius: 3px;
padding: 9px;
margin-right: 10px;
margin-top: 10px;
box-sizing: border-box;
position: relative;
}
.express-company-top {
width: 170px;
height: 85px;
text-align: center;
line-height: 85px;
}
.express-company-top img {
max-width: 100%;
max-height: 100%;
}
.express-company-bottom {
height: 30px;
display: flex;
justify-content: space-between;
font-size: 12px;
}
.express-company-name {
text-align: center;
line-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.express-company-operation {
margin-left: 10px;
flex-shrink: 0;
}
.express-company-operation .layui-btn {
background-color: transparent;
padding: 0;
line-height: 30px;
font-size: 12px;
}
/* 公共平台 */
.express-company-box {
width: 100%;
height: 30px;
text-align: center;
}
/* 遮罩 */
.express-company-shade {
display: none;
width: 190px;
height: 135px;
border-radius: 3px;
padding: 10px;
box-sizing: border-box;
background-color: rgba(0, 0, 0, .5);
position: absolute;
top: 0;
left: 0;
text-align: center;
}
.express-company-img {
width: 100%;
height: 85px;
}
.express-company-img i {
font-size: 50px;
line-height: 85px;
color: #FFFFFF;
cursor: pointer;
}
.express-company-name-box {
height: 30px;
}
.express-company-name-box .express-company-name {
color: #FFFFFF;
}

174
app/shop/view/public/css/formSelects-v4.css Executable file
View File

@@ -0,0 +1,174 @@
/* formSelects多选css */
select[xm-select]{display: none !important;}
.xm-select-parent * {margin: 0;padding: 0;font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Tahoma, Arial, sans-serif; box-sizing: initial;}
.xm-select-parent {text-align: left;}
.xm-select-parent select {display: none;}
.xm-select-parent .xm-select-title {position: relative;min-height: 36px;}
.xm-select-parent .xm-input {cursor: pointer;border-radius: 2px;border-width: 1px;border-style: solid;border-color: #E6E6E6;display: block;width: 100%;box-sizing: border-box;background-color: #FFF;height: 36px;line-height: 1.3;padding-left: 10px;outline: 0}
.xm-select-parent .xm-select-sj {display: inline-block;width: 0;height: 0;border-style: dashed;border-color: transparent;overflow: hidden;position: absolute;right: 10px;top: 50%;margin-top: -3px;cursor: pointer;border-width: 6px;border-top-color: #C2C2C2;border-top-style: solid;transition: all .3s;-webkit-transition: all .3s}
.xm-select-parent .xm-form-selected .xm-select-sj {margin-top: -9px;transform: rotate(180deg)}
.xm-select-parent .xm-form-select dl {display: none;position: absolute;left: 0;top: 42px;padding: 5px 0;z-index: 999;min-width: 100%;border: 1px solid #d2d2d2;max-height: 300px;overflow-y: auto;background-color: #fff;border-radius: 2px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12);box-sizing: border-box;animation-fill-mode: both;-webkit-animation-name: layui-upbit;animation-name: layui-upbit;-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
@-webkit-keyframes layui-upbit {
from {-webkit-transform: translate3d(0, 30px, 0);opacity: .3}
to {-webkit-transform: translate3d(0, 0, 0);opacity: 1}
}
@keyframes layui-upbit {
from {transform: translate3d(0, 30px, 0);opacity: .3}
to {transform: translate3d(0, 0, 0);opacity: 1}
}
.xm-select-parent .xm-form-selected dl {display: block}
.xm-select-parent .xm-form-select dl dd,.xm-select-parent .xm-form-select dl dt {padding: 0 10px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.xm-select-parent .xm-form-select dl dd {cursor: pointer;height: 36px;}
.xm-select-parent .xm-form-select dl dd:hover {background-color: #f2f2f2}
.xm-select-parent .xm-form-select dl dt {font-size: 12px;color: #999}
.layui-select-disabled .xm-dis-disabled {border-color: #eee!important}
.xm-select-parent .xm-form-select dl .xm-select-tips {padding-left: 10px!important;color: #999;font-size: 14px}
.xm-unselect {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none}
.xm-form-checkbox {position: relative;display: block;vertical-align: middle;cursor: pointer;font-size: 0;-webkit-transition: .1s linear;transition: .1s linear;box-sizing: border-box;height: auto!important;line-height: normal!important;border: none!important;margin-right: 0;padding-right: 0;background: 0 0;}
.xm-form-checkbox > i {color: #FFF; font-size: 16px; width: 16px; height: 16px; position: absolute; top: 9px; border: 1px solid var(--base-color); border-radius: 3px; z-index: 2;}
.xm-form-checkbox:hover > i {border-color: var(--base-color);}
.xm-form-checkbox > span{display: block;position: relative;padding: 0 15px 0 30px;height: 100%;font-size: 14px;border-radius: 2px 0 0 2px;background-color: #d2d2d2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: 0 0;color: #666;line-height: 36px;}
.xm-select-parent dl{width: 100%;}
.xm-select-parent dl dd{position: relative;}
.xm-select-parent dl dd > i:not(.icon-sousuo){position: absolute; right: 10px; top: 0; color: #AAAAAA;}
.xm-select-parent dl dd.xm-select-this div i {border: none; color: var(--base-color); font-size: 18px;}
.xm-select-parent dl dd.xm-select-this div i:after{content: '\e613';}
.xm-select-parent dl dd.xm-dis-disabled div i {border-color: #C2C2C2;}
.xm-select-parent dl dd.xm-dis-disabled.xm-select-this div i {color: #C2C2C2;}
.xm-select-radio div.xm-form-checkbox > i {border-radius: 20px;}
.xm-select-parent dl.xm-select-radio dd.xm-select-this div i:after{content: '\e62b';}
.xm-dis-disabled,.xm-dis-disabled:hover {cursor: not-allowed!important}
.xm-form-select dl dd.xm-dis-disabled {background-color: #fff!important}
.xm-form-select dl dd.xm-dis-disabled span {color: #C2C2C2}
.xm-form-select dl dd.xm-dis-disabled .xm-icon-yes {border-color: #C2C2C2}
.xm-select-parent {position: relative;-moz-user-select: none;-ms-user-select: none;-webkit-user-select: none}
.xm-select-parent .xm-select {line-height: normal;height: auto;padding: 4px 10px 1px 10px;overflow: hidden;min-height: 36px;left: 0;z-index: 99;position: absolute;background: 0 0;padding-right: 20px}
.xm-select-parent .xm-select:hover {border-color: #C0C4CC}
.xm-select-parent .xm-select .xm-select-label {display: inline-block;margin: 0;vertical-align: middle}
.xm-select-parent .xm-select-title div.xm-select-label>span {position: relative;padding: 2px 5px;background-color: var(--base-color);border-radius: 2px;color: #FFF;display: inline-block;line-height: 18px;height: 18px;margin: 2px 5px 2px 0;cursor: initial;user-select: none;font-size: 14px;padding-right: 25px;-webkit-user-select: none;}
.xm-select-parent .xm-select-title div.xm-select-label>span i {position: absolute; margin-left: 8px; font-size: 12px; cursor: pointer; line-height: 20px;}
.xm-select-parent .xm-select .xm-select-input {border: none;height: 28px;background-color: transparent;padding: 0;vertical-align: middle;display: inline-block;width: 50px}
.xm-select-parent .xm-select--suffix input {border: none}
.xm-form-selected .xm-select,.xm-form-selected .xm-select:hover {border-color: var(--base-color)!important}
.xm-select--suffix+div {position: absolute;top: 0;left: 0;bottom: 0;right: 0}
.xm-select-dis .xm-select--suffix+div {z-index: 100;cursor: no-drop!important;opacity: .2;background-color: #FFF;}
.xm-select-disabled,.xm-select-disabled:hover {color: #d2d2d2!important;cursor: not-allowed!important;background-color: #fff}
.xm-select-none {display: none;margin: 5px 0;text-align: center;}
.xm-select-none:hover {background-color: #FFF!important}
.xm-select-empty {display: block}
.xm-span-hide {display: none!important;}
.layui-form-pane .xm-select,.layui-form-pane .xm-select:hover {border: none!important;top: 0px}
.layui-form-pane .xm-select-title {border: 1px solid #e6e6e6!important}
.xm-select-hide {display: none !important;}
div[xm-hg] .xm-select-label{white-space: nowrap; overflow: hidden; position: absolute; right: 30px; left: 0; padding-left: 10px;}
/* 颜色相关 */
div[xm-select-skin] .xm-select-title div.xm-select-label>span {border: 1px solid var(--base-color)}
div[xm-select-skin] .xm-select-title div.xm-select-label>span i:hover {opacity: .8;filter: alpha(opacity=80);cursor: pointer}
div[xm-select-skin=default] .xm-select-title div.xm-select-label>span {background-color: #F0F2F5;color: #909399;border: 1px solid #F0F2F5}
div[xm-select-skin=default] .xm-select-title div.xm-select-label>span i {color: #C0C4CC}
div[xm-select-skin=default] .xm-select-title div.xm-select-label>span i:before {content: '\e60b'; font-size: 16px; margin-left: -3px;}
div[xm-select-skin=default] dl dd:not(.xm-dis-disabled) i {border-color: var(--base-color)}
div[xm-select-skin=default] dl dd.xm-select-this:not(.xm-dis-disabled) i {color: var(--base-color)}
div[xm-select-skin=default].xm-form-selected .xm-select,div[xm-select-skin=default].xm-form-selected .xm-select:hover {border-color: #C0C4CC!important}
div[xm-select-skin=primary] .xm-select-title div.xm-select-label>span {background-color: var(--base-color);color: #FFF;border: 1px solid var(--base-color)}
div[xm-select-skin=primary] .xm-select-title div.xm-select-label>span i {background-color: var(--base-color); color: #FFF}
div[xm-select-skin=primary] dl dd:not(.xm-dis-disabled) i {border-color: var(--base-color)}
div[xm-select-skin=primary] dl dd.xm-select-this:not(.xm-dis-disabled) i {color: var(--base-color)}
div[xm-select-skin=primary].xm-form-selected .xm-select,div[xm-select-skin=primary].xm-form-selected .xm-select:hover {border-color: var(--base-color)!important}
div[xm-select-skin=normal] .xm-select-title div.xm-select-label>span {background-color: #1E9FFF;color: #FFF;border: 1px solid #1E9FFF}
div[xm-select-skin=normal] .xm-select-title div.xm-select-label>span i {background-color: #1E9FFF;color: #FFF}
div[xm-select-skin=normal] dl dd:not(.xm-dis-disabled) i {border-color: #1E9FFF}
div[xm-select-skin=normal] dl dd.xm-select-this:not(.xm-dis-disabled) i {color: #1E9FFF}
div[xm-select-skin=normal].xm-form-selected .xm-select,div[xm-select-skin=normal].xm-form-selected .xm-select:hover {border-color: #1E9FFF!important}
div[xm-select-skin=warm] .xm-select-title div.xm-select-label>span {background-color: #FFB800;color: #FFF;border: 1px solid #FFB800}
div[xm-select-skin=warm] .xm-select-title div.xm-select-label>span i {background-color: #FFB800;color: #FFF}
div[xm-select-skin=warm] dl dd:not(.xm-dis-disabled) i {border-color: #FFB800}
div[xm-select-skin=warm] dl dd.xm-select-this:not(.xm-dis-disabled) i {color: #FFB800}
div[xm-select-skin=warm].xm-form-selected .xm-select,div[xm-select-skin=warm].xm-form-selected .xm-select:hover {border-color: #FFB800!important}
div[xm-select-skin=danger] .xm-select-title div.xm-select-label>span {background-color: #FF5722;color: #FFF;border: 1px solid #FF5722}
div[xm-select-skin=danger] .xm-select-title div.xm-select-label>span i {background-color: #FF5722;color: #FFF}
div[xm-select-skin=danger] dl dd:not(.xm-dis-disabled) i {border-color: #FF5722}
div[xm-select-skin=danger] dl dd.xm-select-this:not(.xm-dis-disabled) i {color: #FF5722}
div[xm-select-skin=danger].xm-form-selected .xm-select,div[xm-select-skin=danger].xm-form-selected .xm-select:hover {border-color: #FF5722!important}
/* 多选联动 */
.xm-select-parent .layui-form-danger+.xm-select-title .xm-select {border-color: #FF5722 !important;}
.xm-select-linkage li {padding: 10px 0px;cursor: pointer;}
.xm-select-linkage li span {padding-left: 20px;padding-right: 30px;display: inline-block;height: 20px;overflow: hidden;text-overflow: ellipsis;}
.xm-select-linkage li.xm-select-this span {border-left: 5px solid var(--base-color);color: var(--base-color);padding-left: 15px;}
.xm-select-linkage-group {position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow-x: hidden;overflow-y: auto;}
.xm-select-linkage-group li:hover {border-left: 1px solid var(--base-color);}
.xm-select-linkage-group li:hover span {padding-left: 19px;}
.xm-select-linkage-group li.xm-select-this:hover span {padding-left: 15px;border-left-width: 4px;}
.xm-select-linkage-group:nth-child(4n+1){background-color: #EFEFEF; left: 0;}
.xm-select-linkage-group:nth-child(4n+1) li.xm-select-active{background-color: #F5F5F5;}
.xm-select-linkage-group:nth-child(4n+2){background-color: #F5F5F5; left: 100px;}
.xm-select-linkage-group:nth-child(4n+3) li.xm-select-active{background-color: #FAFAFA;}
.xm-select-linkage-group:nth-child(4n+3){background-color: #FAFAFA; left: 200px;}
.xm-select-linkage-group:nth-child(4n+3) li.xm-select-active{background-color: #FFFFFF;}
.xm-select-linkage-group:nth-child(4n+4){background-color: #FFFFFF; left: 300px;}
.xm-select-linkage-group:nth-child(4n+4) li.xm-select-active{background-color: #EFEFEF;}
.xm-select-linkage li{list-style: none;}
.xm-select-linkage-hide {display: none;}
.xm-select-linkage-show {display: block;}
div[xm-select-skin='default'] .xm-select-linkage li.xm-select-this span {border-left-color: var(--base-color);color: var(--base-color);}
div[xm-select-skin='default'] .xm-select-linkage-group li:hover {border-left-color: var(--base-color);}
div[xm-select-skin='primary'] .xm-select-linkage li.xm-select-this span {border-left-color: #1E9FFF;color: #1E9FFF;}
div[xm-select-skin='primary'] .xm-select-linkage-group li:hover {border-left-color: #1E9FFF;}
div[xm-select-skin='normal'] .xm-select-linkage li.xm-select-this span {border-left-color: #1E9FFF;color: #1E9FFF;}
div[xm-select-skin='normal'] .xm-select-linkage-group li:hover {border-left-color: #1E9FFF;}
div[xm-select-skin='warm'] .xm-select-linkage li.xm-select-this span {border-left-color: #FFB800;color: #FFB800;}
div[xm-select-skin='warm'] .xm-select-linkage-group li:hover {border-left-color: #FFB800;}
div[xm-select-skin='danger'] .xm-select-linkage li.xm-select-this span {border-left-color: #FF5722;color: #FF5722;}
div[xm-select-skin='danger'] .xm-select-linkage-group li:hover {border-left-color: #FF5722;}
/* 快捷操作 */
.xm-select-tips[style]:hover{background-color: #FFF!important;}
.xm-select-parent dd > .xm-cz{position: absolute; top: 0px; right: 10px;}
.xm-select-parent dd > .xm-cz-group{margin-right: 30px; border-right: 2px solid #ddd; height: 16px; margin-top: 10px; line-height: 16px; overflow: hidden;}
.xm-select-parent dd > .xm-cz-group .xm-cz{display: inline-block; margin-right: 30px;}
.xm-select-parent dd > .xm-cz-group .xm-cz i{margin-right: 10px;}
.xm-select-parent dd > .xm-cz-group[show='name'] .xm-cz i{display: none;}
.xm-select-parent dd > .xm-cz-group[show='icon'] .xm-cz span{display: none;}
.xm-select-parent dd .xm-cz:hover{color: var(--base-color);}
div[xm-select-skin='default'] dd .xm-cz:hover{color: #C0C4CC;}
div[xm-select-skin='primary'] dd .xm-cz:hover{color: var(--base-color);}
div[xm-select-skin='normal'] dd .xm-cz:hover{color: #1E9FFF;}
div[xm-select-skin='warm'] dd .xm-cz:hover{color: #FFB800;}
div[xm-select-skin='danger'] dd .xm-cz:hover{color: #FF5722;}
/* 下拉里面的搜索 */
.xm-select-tips .xm-input{border: none; border-bottom: 1px solid #E6E6E6; padding-left: 27px;}
.xm-select-tips .icon-sousuo{position: absolute;}
.xm-select-tips.xm-dl-input{display: none;}
div[xm-select-search-type="1"] .xm-select-tips.xm-dl-input{display: block;}
div[xm-select-search-type="1"] .xm-select .xm-select-input{display: none !important;}
/* 阿里巴巴矢量图标库 */
@font-face {font-family: "xm-iconfont";
src: url('//at.alicdn.com/t/font_792691_qxv28s6g1l9.eot?t=1534240067831'); /* IE9*/
src: url('//at.alicdn.com/t/font_792691_qxv28s6g1l9.eot?t=1534240067831#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAsYAAsAAAAAEQwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8ukovY21hcAAAAYAAAACrAAACPBtV6wxnbHlmAAACLAAABnEAAAmMovtEvWhlYWQAAAigAAAAMQAAADYSctBCaGhlYQAACNQAAAAgAAAAJAgBA69obXR4AAAI9AAAABsAAAAwMCX//WxvY2EAAAkQAAAAGgAAABoN8gwubWF4cAAACSwAAAAeAAAAIAEiAM9uYW1lAAAJTAAAAUUAAAJtPlT+fXBvc3QAAAqUAAAAhAAAALJ1LunfeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWacwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeMbwwZ27438AQw9zMcAQozAiSAwDk4AxmeJzlks0JwzAMhZ8bN/1xD4GU0h2Se26BbJMJOkkn6KmTPbJF8mT5UGg3qMRn0EPIRs8A9gAq0YsIhDcCLF5SQ9YrnLMe8VB9RSMlMjCxYcueIyfOy7CuAFHU7lP9iqApt5L3ksBJbzlgZ9PVkXDUvbWa6x8T/i0u+XyWKtmmHW0NDI55yeRok2DjaKdg65jX7Bzzm71jXnN08vzJkQvg7Ng/WAYH9Qb3wzM/AHicjVVvbFzFEd/Zfbv7/vn9uXf33vl8Pt/dO99BHOzEZ9/DKTImRS0KjUoLDUFCjtpCMGkT1D9qldQmhkiUSv2G1BBB1VYqilGREOIDViWEGzttqkpI/cAXqyL5gFRALVIF+VCJe9fZd+fEpR/o6d3s7G9mZ2dmZ3aJIKR3h0ZYmVgkIjGZJV8mDxECtenOTDOu1UU+hJoD+TCqzcNMk2V8O5OCbDVRPgZhEt4JCNTZ/4HA3+DfuWIxl8pcFFErG3K7oD7fvev8UaMUmEu259lrRjBsfs6cLhYbRfzSbSjGRVAkfQYihUXsyPkHTVyyZDNmXzSHg3Tl+aPKxpJFqbWGdtLl8w8iYDxuDTQIx7yc1YCdIx7Jk3HSwbwQwGBcyMKZVtG0ZCuJxjFJBb+foMSfhJaPOSr4FYgwSwqIx2MHJALtAdBi/7xcSMJL+fxmmBS2guD61tZm96X02mgcj0J1NAaIR9UMmhXIV24FuLUC71+r1AEmK1AYrQHUK/Tly/m8MrOZz2+FSf7jzc3NK9XR9F2lVq+gmRp0r+HK9B+VJmR263Rgd7ALwR/FOFfx/FeJS0YxQh9drakgMJhaBVizkwgqWxLD6eQ0Qo8f7p44fJziSH9x+PjLZUO+/jZ9+K35X37ljn/Rv+yW4Ziuf2nl4PfS5/LrP47OHTsFJULYjf369UZAEBmSqEOSJmG4Me6LeznA0BFkcDoJlGynVzmH2vY21DhPr25v9DjvbfTp2TXG1s5mlK0q4S7lT++6obbRox/s6CHF2LMEsHvoFfSFQIKnKQMZJVFCD6WH0p0PVvvcRx8uph8eUks0jOFNtskOkpDsJ18k9+NqVRg3qqMCSSerjyRuYUi1/vFH7YIqikGVcD+ehFl/pqPSPKZ6DG6mHisljFhBFvU/PoRkSNd/JHO6Ja5JOXcfwIGJbm/igBq/hn8Kfb57YbYUxyX4cwkLKH1u4gD9GVSL6USxCjjCO2p8VdcvH9XRYIQWqUblu3pR/v2BvXMAc3tTmJiDAQ895B9NL0C9BFdKqqRKczDX/Whg7O1irVbcqZ8/sbfYBOZwihC+6wSDzszUf+dF7rRO1O+fKaDO+nXOr6+vf8L5J44Qe4UvnlyRntwrxMoKzpFdeRJBNb9dGyiur1+nE59R+uwi9M1G395jb9KP0bcK2YM9nJB5cojcS75OFskxclzdc+pW699z8iYbtf14BGKf77ruZNyXKC0e50OEBI+V/Aug5Dex/9WjJfipuqnS00gfybjXbNe1f762tXmRPp3Bdl/l6g5JXyqXR0bK8J3PR+jvwYs8/GBnTM+kr8FX4ZknwC16XtG9iH9QfNn1vDHPe2GAj3ieV3XdF2+IPdeteh62Ra+HfQrsKWKSBtlHSOBgM7KkKQBLWnZoq1mVwotCLRGhOtSkMzMuqq2ml3SqUehdnZtynbtPLB88/Dy9dDrYVzoy/MTT6Svnlpd/AHueon5wpnGsEae/PZm+d3Jp6SSUTy7R3xw4f9/B5RN3O+5t3VNncjm6Cnt+uLx8DpedGj4yvD84HceNxTcG6ku4VPmZ9n6nNdj95BHyB3IJKxBPsKm6rpn4QopmqzlFm1MwqdxO5rPGnIc7aSfCGg1Vqyo6nUlQhnh7WiFhXzgGhVC4qjPRki9xdGCc4zXeSWb9BG1ktlqz2Q5Y7S2sIJfivkpVKCCDpyCWdbQzECj76qMVqvyJ/LxyI2rTv1bTC25lSM9xAUJ4Lc+U0wXTsKXDmaA8tHX+hvDt4Wa9IHLcMUBz9VwpL4xi2aGasAPPKNUbbmD/2jAtk0uXY4eJx8zRgj9iAnVNt5X+BL5vlHTOaiOmG7g6+7ZBNUOaefNXuJF3u25RjVvBLeW8E4wV7ZJBpbAXXGnqrwgupWVTAKqZjq5HbW44fMguNJhgwmw8oOk8GCqE8F3GhLB0uS/UDVt4lgjtqGxK/rpwuaDAqKHZNuWmJjVKuWUxbpg2B9DtoRdN3TKF9B0hw4p41C5i3CI9w4civP3aQLlmLMK3wpJpaI7BvmlhPtH3nPWCKQAdE2hK9zyuUeAm921qCA2kvqY8N1yDMq4beJlG+4XQqHDCQnqPlJIyyN579S4tIGcRv/82BbFfK9SgnVHkZzMeaSQjqR5/fP5XF2Chh+sW0g0gn27snqXv3/bsszsfJbCAIiTdjRTVCBL6jV0K5D8H/8xVAAAAeJxjYGRgYADi16c/vIvnt/nKwM3CAALXZxxzhtH///23YVFhbgZyORiYQKIAm34OJQAAAHicY2BkYGBu+N/AEMOi/P/f//8sKgxAERTAAwCmuAa3eJxjYWBgYAFhRiiNFf//z6L8/x+IDQAkCQRQAAAAAAAAjAEAATgBfgGaAiACbgMMA2AEhATGAAB4nGNgZGBg4GE4DMQgwATEXEDIwPAfzGcAAB2tAfIAAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nG2L3QqCQBCFZ9RWU7sOfAeh8IFi3N10EHYUG1p8+gSjqz44F+cPEjgo4T81Jphihic0mGOBZyyxwhovUCxKIe4ylthRuDqV+I22UcLQ6+QH4ubWdZZkU3m4o/0tUqtSvT33TPLits12fzc+zhRcvoquo0o281OLhcMw7Q+AD8sULE0=') format('woff'),
url('//at.alicdn.com/t/font_792691_qxv28s6g1l9.ttf?t=1534240067831') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('//at.alicdn.com/t/font_792691_qxv28s6g1l9.svg?t=1534240067831#iconfont') format('svg'); /* iOS 4.1- */
}
.xm-iconfont {font-family:"xm-iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-quanxuan:before { content: "\e62c"; }
.icon-caidan:before { content: "\e610"; }
.icon-fanxuan:before { content: "\e837"; }
.icon-pifu:before { content: "\e668"; }
.icon-qingkong:before { content: "\e63e"; }
.icon-sousuo:before { content: "\e600"; }
.icon-danx:before { content: "\e62b"; }
.icon-duox:before { content: "\e613"; }
.icon-close:before { content: "\e601"; }
.icon-expand:before { content: "\e641"; }

22
app/shop/view/public/css/game.css Executable file
View File

@@ -0,0 +1,22 @@
.layui-input{display: inline-block;}
.award-type .coupon div{display: inline-block;}
.award-type .layui-input-block{margin-left: 100px;}
.award-type .layui-input-block ~ .layui-input-block{margin-top: 10px;}
.award-type .coupon-box{position: relative;}
.award-type .coupon-title{position:relative;display:inline-block;width:250px;border: 1px solid #E6E6E6;padding-left:10px;color: #757575;cursor: pointer;}
.award-type .coupon-title:after{content: '';position: absolute;right: 10px;top: 50%;margin-top: -3px;cursor: pointer;border-width: 6px;border-color: transparent;border-top-color: #c2c2c2;border-style: solid;transition: all .3s;}
.award-type .coupon-title.focus:after{transform: rotate(180deg);margin-top: -9px;}
.award-type .coupon-option{overflow: hidden;position: absolute;top: 50px;width: 250px;background-color: #fff;z-index: 2;border: 1px solid #e6e6e6;}
.award-type .coupon-option .coupon-search{display: flex;border-bottom: 1px solid #e6e6e6;height: 40px;line-height: 40px;}
.award-type .coupon-option .coupon-search i{width: 45px;text-align: center;cursor: pointer;}
.award-type .coupon-option .coupon-search input{flex: 1;height: 40px;border: none;}
.award-type .coupon-option .coupon-item-box{overflow: auto;max-height: 360px;width: 267px;}
.award-type .coupon-option .coupon-item{padding-left: 35px;padding-right: 35px;height: 40px;line-height: 40px;color: #666;cursor: pointer;width: 100%;box-sizing: border-box;}
.award-type .coupon-option .coupon-item:hover{background-color: #f2f2f2;}
.award-type .disabled-wrap{pointer-events: none;color: #666;}
.award-type .disabled-wrap input{cursor: not-allowed;}
.layui-table .table-btn{justify-content: flex-end;}
.word-aux{overflow: hidden;}
.word-aux .aux-item{margin-left: 37px;}
.img-box{width: 60px;height: 55px;display: flex;align-items: center;justify-content: center;}
.img-box img{max-width: 100%;max-height: 100%;}

148
app/shop/view/public/css/goods_attr.css Executable file
View File

@@ -0,0 +1,148 @@
#page {
text-align: right;
padding: 10px;
}
.custom-panel {
background: #fff;
padding: 10px 20px;
}
.custom-panel .custom-panel-title {
display: flex;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #f5f5f5;
}
.custom-panel .custom-panel-title .panel-pic {
overflow: hidden;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
border-radius: 50%;
margin-left: 15px;
}
.custom-panel .custom-panel-title .panel-pic img {
max-width: 100%;
max-height: 100%;
}
.custom-panel .custom-panel-title .panel-content {
align-self: center;
width: calc(100% - 130px);
}
.custom-panel .custom-panel-title .panel-content li {
display: flex;
margin-bottom: 5px;
height: 20px;
line-height: 20px;
}
.custom-panel .custom-panel-title .panel-content li:first-of-type {
margin-top: 5px;
}
.custom-panel .custom-panel-title .panel-content li div {
width: 33.3%;
}
.custom-panel .custom-panel-title .panel-content li span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
color: #333;
}
.custom-panel .custom-panel-title .panel-content li span:first-of-type {
width: 90px;
}
.custom-panel .custom-panel-title .panel-operation {
align-self: center;
margin-left: auto;
font-size: 14px;
}
.custom-panel .custom-panel-from {
display: flex;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #f5f5f5;
}
.custom-panel .custom-panel-content {
display: flex;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #f5f5f5;
}
.custom-panel .custom-panel-content .panel-content {
width: calc(100% - 30px);
}
.custom-panel .custom-panel-content .panel-content li {
display: flex;
margin-bottom: 5px;
height: 20px;
line-height: 20px;
}
.custom-panel .custom-panel-content .panel-content li:first-of-type {
margin-top: 5px;
}
.custom-panel .custom-panel-content .panel-content li div {
width: 25%;
}
.custom-panel .custom-panel-content .panel-content li span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
color: #333;
}
.custom-panel .custom-panel-content .panel-content li span:first-of-type {
width: 90px;
}
.custom-panel .custom-panel-content .panel-operation {
align-self: center;
margin-left: auto;
font-size: 14px;
}
.attribute-value-list {
margin-bottom: 10px;
}
.attribute-value-list .table-wrap {
margin-bottom: 10px;
}
.attribute-value-list .layui-table {
margin-bottom: 0;
}
.attribute-value-list .layui-table:first-child th {
border-bottom: 0;
}
.attribute-value-list .layui-table:last-child {
margin-top: 0;
}
.custom-panel .custom-panel-content.attribute {
display: block
}
.goods-type-edit {
text-align: center;
}

61
app/shop/view/public/css/goods_detail_config.css Executable file
View File

@@ -0,0 +1,61 @@
.layui-layout-admin .layui-body .body-content {min-height: initial;margin: 0;background: #fff;padding: 0;}
#diyView {position: relative;background: #f7f8fa;padding: 20px 0 0;visibility: hidden;/*min-width: 1300px;*/}
#diyView .layui-form-label.sm{width: 90px;font-size: 13px;}
#diyView .layui-form-label.sm + .layui-input-block{margin-left: 100px;}
.footer{display:none;}
.template-edit-title {border-bottom: 5px solid #f6f7f9;}
.template-edit-title:last-of-type{border-bottom: none;}
.template-edit-title h3 {font-size: 14px;padding: 10px;color: #303133;}
.diy-word-aux {margin-left: 95px;display: block;margin-top: 5px;color: #B2B2B2;font-size: 12px;line-height: 1.6;}
/*颜色选择器*/
.colorSelector {display: inline-block;vertical-align: middle;cursor: pointer;border-radius: 2px;width: 38px;}
.colorSelector:nth-of-type(2){margin-left: 5px;}
.colorSelector div{border-radius: 2px;width: 34px;margin-left: -17px;background-position: initial;}
.color-selector-reset {display: inline-block;line-height: 34px;cursor: pointer;margin-left: 10px;}
.flexbox-fix-btn {justify-content: center;}
.flexbox-fix-btn .btn {width: 40px;line-height: 22px;font-size: 12px;margin: 0;box-sizing: border-box;border-radius: 3px;}
.flex {justify-content: space-between;display: flex;align-items: center;}
.flex .flex_fill {flex: 1;margin-left: 10px;}
.flex .flex_left {display: flex;align-items: center;}
.flex .flex_left .curr-color {color: #303133;margin-left: 7px;}
.flex .flex_left .curr-color span:first-child{margin-right: 10px;}
.layui-input-block {line-height: 34px;min-height: 34px;}
/* 链接地址 */
.layui-input-block span.sm {display: flex;line-height: 34px;cursor: pointer;}
.layui-input-block span.sm span {display: inline-block;max-width: 130px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.layui-input-block span.sm i {margin-left: 5px;font-size: 12px;color: #818181;}
.custom-save {text-align: center;background: #fff;padding: 15px 400px 15px 0;}
.preview-wrap {overflow: auto;margin-right: 378px;}
.preview-wrap .diy-view-wrap {width: 375px;background-repeat: no-repeat;background-position-y: 64px;background-size: 100%;margin: 0 auto 20px;border:2px solid #f0f1f3;}
.preview-wrap .diy-view-wrap .preview-head {height: 64px;width: 375px;color: rgb(51, 51, 51); text-align: left;background: url(../img/preview_head.png) rgb(255, 255, 255) no-repeat 50%/cover;font-size: 14px;}
.preview-wrap .diy-view-wrap .preview-head span {display: block;padding: 0 15px;height: 100%;line-height: 87px;}
.preview-wrap .diy-view-wrap .preview-block {min-height: 400px;}
/*预览*/
.preview-draggable img{max-width: 100%;}
/*右侧编辑栏*/
.edit-attribute{position: absolute;top: 0;right: 0;background: #ffffff;border-top: 1px solid #f7f8fa;width: 370px;padding: 10px;z-index: 1;overflow: hidden;}
.edit-attribute .attr-wrap {width: 392px;overflow-x: hidden;overflow-y: auto;height: 600px;}
.edit-attribute .attr-wrap .layui-form-label {color: #666 !important;}
.edit-attribute .attr-wrap .attr-title {padding: 10px 0 15px 10px;border-bottom: 2px solid #f2f4f6;margin-bottom: 10px;color: #303133;display: flex;justify-content: space-between;align-items: center;}
.edit-attribute .attr-wrap .attr-title .title{font-size: 18px;}
.edit-attribute .attr-wrap .layui-form input[type=radio] {display: inline-block;opacity: 0;position: absolute;top: 10px;width: 60px;height: 20px;cursor: pointer;}
.layui-btn.layui-btn-primary.sm {margin-top: 5px;padding: 5px 10px !important;height: auto;font-size: 12px;border-radius: 0;vertical-align: baseline;line-height: 1}
.layui-layer-page .layui-layer-content {overflow: auto !important;}
/* 超出单行影藏 */
.using-hidden {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* 超出两行影藏 */
.multi-hidden {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.layui-form-switch{margin-top: 0;}

630
app/shop/view/public/css/goods_edit.css Executable file
View File

@@ -0,0 +1,630 @@
@CHARSET "UTF-8";
.layui-form-label{
width: 140px;
}
.layui-form-label + .layui-input-block{
margin-left: 140px;
}
.layui-tab-title li{
transition:none;
-webkit-transition:none;
}
.word-aux{
margin-left: 140px;
}
.layui-block {
margin-bottom: 15px;
overflow: hidden;
}
.commodity-type-box{
display: flex;
}
.commodity-type-item{
margin-right: 15px;
padding: 15px 20px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border: 1px solid #e5e5e5;
cursor: pointer;
}
/* 商品分类 */
.js-attr-list,
.js-new-attr-list {
max-width: 1000px !important;
}
.js-new-attr-list .prompt-block {
border: none;
border-top: 1px solid #e6e6e6;
}
.cate-input-default {
position: relative;
}
.cate-input-default button {
position: absolute;
top: 1px;
right: 1px;
border: 0;
height: 32px;
line-height: 32px;
border-left: 1px solid #E6E6E6;
}
.goods-category-wrap {
position: relative;
}
.goods-category-wrap .layui-block {
overflow: inherit;
}
.goods-category-list {
/* width: 800px; */
background-color: #FFFFFF;
border: 1px solid #E6E6E6;
position: absolute;
left: 200px;
z-index: 999;
display: none;
}
/*商品分类弹出框*/
.category-list {
overflow: hidden;
}
.category-list .item {
width: 260px;
position: relative;
float: left;
background: #fff;
height: 345px;
overflow-y: auto;
}
.category-list .item:last-child {
margin-right: 0;
}
.category-list .item li {
display: flex;
padding: 10px;
cursor: pointer;
font-size: 12px;
}
.category-list .item li .category-name {
display: inline-block;
margin-left: 4px;
white-space: nowrap;
width: 210px;
text-overflow: ellipsis;
overflow: hidden;
}
.category-list .item li .right-arrow {
width: 7px;
height: 7px;
border: 1px solid;
border-color: #666 #666 transparent transparent;
transform: rotate(45deg) translateY(6px);
}
.js-selected-category .right-arrow {
margin-right: 5px;
width: 7px;
height: 7px;
border: 1px solid;
border-color: #666 #666 transparent transparent;
transform: rotate(45deg);
display: inline-block;
}
.selected-category-wrap {
padding: 10px;
border-bottom: 1px solid #cccccc;
}
/*底部按钮*/
.fixed-btn {
width: calc(100% - 302px);
text-align: center;
position: fixed;
bottom: 0;
left: 271px;
background: #F9F9F9;
line-height: 80px;
z-index: 1000;
border-top: 1px solid #e5e5e5;
}
@media screen and (max-width: 1250px) {
.fixed-btn {
bottom: 20px;
}
}
.footer {
padding-bottom: 160px;
}
.fixed-btn > button {
vertical-align: middle;
}
/*, .fixed-btn > button:nth-child(2)*/
.fixed-btn > button:first-child {
display: none;
}
input[disabled] {
cursor: not-allowed;
background-color: #F5F5F5;
}
.spec-edit-list {
margin-bottom: 10px;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none
}
.spec-edit-list .spec-item {
border: 1px dotted transparent;
padding: 10px;
position: relative;
background: #fff;
}
.spec-edit-list .spec-item .layui-form-item:last-child {
margin-bottom: 0;
}
.spec-edit-list .spec-item:hover {
border-color: #9E9E9E;
cursor: move;
}
.spec-edit-list .spec-item .spec-value ul {
margin-bottom: 10px;
}
.spec-edit-list .spec-item .spec-value ul li {
display: inline-block;
line-height: 30px;
height: 30px;
padding: 0 15px;
border-radius: 2px;
border: 1px solid #e9e9e9;
background: #f7f7f7;
font-size: 12px;
/*transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);*/
vertical-align: middle;
opacity: 1;
margin: 4px 8px 4px 0;
cursor: pointer;
position: relative;
}
.spec-edit-list .spec-item .spec-value ul li .img-wrap {
display: inline-block;
margin-right: 5px;
vertical-align: middle;
width: 25px;
overflow: hidden;
height: 25px;
line-height: 25px;
}
.spec-edit-list .spec-item .spec-value ul li .img-wrap img {
max-width: 100%;
}
.spec-edit-list .spec-item .spec-value ul li span {
vertical-align: middle;
}
.spec-edit-list .spec-item .spec-value ul li span:focus{
outline: none;
background: #fff;
padding:5px 10px;
border:1px solid var(--base-color);
border-radius: 2px;
}
.spec-edit-list .spec-item .spec-value ul li i {
font-size: 12px;
position: absolute;
top: -8px;
right: -8px;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: rgba(0, 0, 0, 0.3);
display: none;
}
.spec-edit-list .spec-item .spec-value ul li:hover i {
display: block;
}
.spec-edit-list .spec-item .layui-icon-close {
font-size: 12px;
position: absolute;
top: -8px;
right: -8px;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.spec-edit-list .spec-item .add-spec-value-popup {
position: absolute;
z-index: 10;
cursor: auto;
left: -15px;
top: 35px;
background-color: #fff;
border-radius: 2px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
padding: 15px;
display: none;
}
.spec-edit-list .layui-unselect.layui-form-select {
display: none;
}
/*批量操作*/
.batch-operation-sku {
display: none;
}
.batch-operation-sku span {
margin-right: 10px;
display: inline-block;
height: 34px;
line-height: 34px;
cursor: pointer;
}
.batch-operation-sku input {
display: inline-block;
}
.batch-operation-sku input,
.batch-operation-sku button {
display: none;
}
.sku-table {
display: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none
}
.sku-table .layui-input-block .img-wrap {
display: inline-block;
position: relative;
margin: 8px;
border: 1px solid #e5e5e5;
}
.sku-table .layui-input-block .img-wrap a {
display: block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
overflow: hidden;
}
.sku-table .layui-input-block .img-wrap a img {
width: 100%;
}
.sku-table .layui-input-block .img-wrap .operation {
position: absolute;
top: 0;
z-index: 10;
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0.3);
color: #fff;
cursor: pointer;
line-height: 50px;
text-align: center;
display: none;
}
.sku-table .layui-input-block .img-wrap:hover .operation {
display: block;
}
.sku-table .layui-input-block .img-wrap .operation i {
font-size: 20px;
}
.sku-table .layui-input-block .upload-sku-img {
border: 1px dashed #d9d9d9;
width: 50px;
min-width: 50px;
height: 50px;
border-radius: 2px;
background-color: #fbfbfb;
text-align: center;
cursor: pointer;
margin: 8px;
display: inline-block;
padding: 15px 0;
box-sizing: border-box;
}
.sku-table .layui-input-block .layui-form-radio {
margin: 6px 0px 0 0;
padding: 0;
}
.sku-table .layui-input-block .layui-form-radio>i {
margin-right: 3px;
}
.js-shipping-template {
display: none;
}
.js-goods-image {
margin-bottom: 10px;
overflow: hidden;
}
.goods-image-wrap .item {
overflow: hidden;
margin-bottom: 10px;
margin-right: 10px;
display: inline-block;
}
.layui-word-aux {
font-size: 12px;
}
/* 展示视频 */
.video-thumb {
display: block;
float: left;
width: 250px;
height: 120px;
position: relative;
}
.delete-video {
width: 51px;
height: 51px;
cursor: pointer;
position: absolute;
right: 150px;
top: 45px;
color: #fff;
z-index: 100;
}
.replace-video {
width: 75px;
height: 51px;
cursor: pointer;
position: absolute;
right: 50px;
top: 45px;
color: #fff;
z-index: 100;
}
.replace-video2 {
right: 100px;
}
.mask {
position: absolute;
left: 0;
width: 250px;
height: 92px;
background: #000;
opacity: 0.6;
cursor: pointer;
z-index:10;
}
.del-img {
width: 14px;
margin-right: 5px;
padding-bottom: 2px;
}
.up-img {
width: 14px;
height: 14px;
margin-right: 5px;
padding-bottom: 3px;
}
.up-video {
position: absolute;
left: 0;
width: 250px;
height: 92px;
cursor: pointer;
z-index:10;
}
.video-thumb .hide {
display: none !important;
}
.video-thumb > #goods_video {
width: 100% !important;
height: 121px;
background: #ffffff;
}
.file-title {
font-size: 12px;
}
.file-title > div {
margin-top: 10px;
}
.file-title ul {
color: var(--base-color);
}
.js-attr-list {
display: none;
}
.js-more-spec {
display: none;
}
.js-goods-shop-category .layui-form-select {
margin-bottom: 10px;
}
.js-goods-shop-category .layui-form-select:last-child {
margin-bottom: 0;
}
.js-goods-shop-category .item {
position: relative;
}
.js-goods-shop-category .item .layui-icon-close {
font-size: 12px;
position: absolute;
top: -8px;
right: -8px;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.layui-input {
display: inline-block;
}
.layui-form-mid {
float: none;
}
.screen .layui-form-item .layui-form-mid {
float: left;
}
.layui-form-item .layui-form-checkbox[lay-skin=primary] {
margin-top: 0px;
}
.prompt-block .prompt-box {
text-align: center;
}
.prompt-block .prompt-box:after {
border-right-color: #FFFFFF;
bottom: -23px;
}
/* 商品分类 */
.goods-category-wrap-box {display: inline-block;position: relative;z-index: 10}
.goods-category-wrap-box .layui-block {display: block; position: relative;}
.goods-category-wrap-box .category-wrap {position: absolute; left: 0; top: 44px; display: none; border: 1px solid #EEEEEE; z-index: 999; background: #fff;}
.goodsCategory{width: 220px;height: 350px;overflow-y: auto;box-sizing: border-box}
.goodsCategory::-webkit-scrollbar{width: 3px;}
.goodsCategory::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);border-radius: 10px;background-color: #fff;}
.goodsCategory::-webkit-scrollbar-thumb{height: 20px;border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #ccc;}
.goodsCategory ul{margin-left: 0;}
.goodsCategory::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
.goodsCategory {
scrollbar-width: none; /* firefox */
-ms-overflow-style: none; /* IE 10+ */
overflow-x: hidden;
overflow-y: auto;
}
.goodsCategory ul li{text-align: left;padding:0 10px;line-height: 30px;}
.goodsCategory ul li i{float: right;line-height: 30px;}
.goodsCategory ul li:hover{cursor: pointer;}
.goodsCategory ul li:hover,.goodsCategory ul li.selected{background: var(--base-color);color: #fff;}
.goodsCategory ul li span{width: 110px;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;vertical-align: middle;font-size:12px;}
.one{left: 0;}
.two{left: 185px;border-left:0;}
.three{left: 370px;width: 185px;border-left:0;}
.selectGoodsCategory{width: 185px;height: 45px;border:1px solid #CCCCCC;position: absolute;z-index: 100;left: 0;margin-top: 296px;box-sizing: border-box;border-collapse: collapse;background: #fff;}
.selectGoodsCategory a{height: 30px;text-align: center;color: #fff;line-height: 30px; margin: 6px;padding: 0 5px;text-decoration:none;}
.goodsCategory ul li i {float: right;line-height: 30px;}
.hide {display: none;}
.goods-category-mask {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 9;}
.confirm-select {border: 1px solid var(--base-color);}
.el-input__inner {height:34px;line-height:34px;border-radius:2px;}
.delivery-caozuo {
margin-left: 10px;
cursor: pointer;
}
.body-content{padding: 0!important;padding-top: 40px!important;}
.layui-form .layui-tab-title{padding: 15px;padding-bottom: 0;position: fixed;left: 200px;top: 100px;background: #fff;z-index: 1000; /*width: calc(100% - 263px);*/border-top: 20px solid #f8f8f8;transition:none;-webkit-transition:none;}
.layui-layout-admin .layui-body .layui-form .layui-tab-title{left: 256px;/*width: calc(100% - 284px);*/top: 55px;border: 15px solid #EFF0F4;border-bottom: 0;border-right: 0}
.layui-layout-admin .body-content{padding-top: 50px!important;}
.layui-layout-admin .card-common{margin-top: 0;}
.goods-category-wrap-box .cate-input-default{width: 250px;}
/*批量设置商品规格图片样式*/
.batch-set-sku-image .upload_img_square,
.batch-set-sku-image .upload_img_square_item,
.batch-set-sku-image .upload_img_square_item .img-wrap,
.batch-set-sku-image .upload_img_square_item .operation
{
width: 60px;
height: 60px;
line-height:60px;
}
.batch-set-sku-image .upload_img_square_item .operation i {
font-size: 20px;
margin-left: 0px;
}
.batch-set-sku-image .replace_img{
display: none;
}
.sku_imgs {
display: flex;
align-items: center;
overflow-x: auto;
}

57
app/shop/view/public/css/goods_list_config.css Executable file
View File

@@ -0,0 +1,57 @@
.preview-wrap{margin-left:0;}
.custom-save{padding-left: 0;}
/* ---------- 购买按钮样式 ---------- */
.edit-content-wrap .btn-style .layui-form-label{margin-top: 5px;}
.edit-content-wrap .btn-style .layui-input-block{display: flex;align-items: center;}
.edit-content-wrap .btn-style .layui-input-block .item{margin-right: 10px;border: 1px solid transparent;padding: 5px;border-radius: 5px;width: 45px;text-align: center;cursor: pointer;height: 30px;line-height: 30px;}
.edit-content-wrap .btn-style .layui-input-block .item:last-child{margin-right: 0;width: 60px;}
.edit-content-wrap .btn-style .layui-input-block .item:nth-child(2),.edit-content-wrap .btn-style .layui-input-block .item:nth-child(3){width: 35px;}
.edit-content-wrap .btn-style .layui-input-block .item .border-color{border: 1px solid;}
.edit-content-wrap .btn-style .layui-input-block .buy-btn{color: #fff;border-radius: 25px;font-size: 12px;padding: 6px 10px;}
.edit-content-wrap .btn-style .layui-input-block .shopping-cart-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;width: 18px;height: 18px;}
.edit-content-wrap .btn-style .layui-input-block .plus-sign-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;width: 18px;height: 18px;}
.edit-content-wrap .btn-style .layui-input-block .diy-btn{border-radius: 25px;font-size: 12px;padding: 6px 10px;}
.edit-content-wrap .diy-icon{margin-top: 10px;margin-bottom: 10px;display: flex;align-items: center;margin-left: 100px;}
.edit-content-wrap .diy-icon .action-box {display: flex;margin-bottom: 10px;}
.edit-content-wrap .diy-icon .action {margin-right: 10px;width: 42px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #EEEEEE;cursor: pointer;}
.edit-content-wrap .diy-icon .action .iconfont {font-size: 20px;}
.edit-content-wrap .diy-icon .action:hover {border-color: var(--base-color);color: var(--base-color);}
/*---------------------*/
.edit-attribute{display: block;}
/* 商品块基础样式 */
.goods-list .goods-item {line-height: 1;}
.goods-list .goods-item .sale {align-self: flex-end;font-size: 12px;color:#999CA7;}
.goods-list .goods-item .info-wrap .goods-name{margin-bottom: 5px;font-size: 14px;line-height: 1.3;}
.goods-list .goods-item .info-wrap .tag-wrap {margin-bottom: 10px;}
.goods-list .goods-item .info-wrap .tag-wrap text{display: inline-block;font-size: 9px;}
.goods-list .goods-item .info-wrap .tag-wrap .hollow-tag{border: 1px solid;border-radius: 2px;margin-right: 5px;box-sizing: border-box;line-height: 1.2;padding: 1px 2px 0;max-width: 100%;}
.goods-list .goods-item .shopping-cart-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;}
.goods-list .goods-item .plus-sign-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;}
.goods-list .goods-item .buy-btn{color: #fff;font-size: 12px;height: 26px;line-height: 28px;padding:0 10px;text-align: center;}
.goods-list .goods-item .price-wrap{font-size: 0;}
.goods-list .goods-item .icon-diy{font-size: 40px;}
/* ---------- 两列（一行两列）---------- */
.goods-list.row1-of2{display: flex;flex-wrap: wrap;}
.goods-list.row1-of2 .goods-item{overflow: hidden;margin-right: 10px;margin-top: 10px;width: calc(50% - 5px);display: flex;flex-direction: column;box-sizing: border-box;}
.goods-list.row1-of2 .goods-item:nth-child(2n){margin-right: 0;}
.goods-list.row1-of2 .goods-item:nth-of-type(1), .goods-list.row1-of2 .goods-item:nth-of-type(2){margin-top: 0;}
.goods-list.row1-of2 .goods-item .goods-img{width: calc(100% + 2px);height: 160px;text-align: center;}
.goods-list.row1-of2 .goods-item .goods-img img{width: 100%;height: 100%;}
.goods-list.row1-of2 .goods-item .info-wrap{display: flex;flex-direction: column;flex: 1;padding: 10px;}
.goods-list.row1-of2 .goods-item .info-wrap .pro-info{margin-top: auto;display: flex;justify-content: space-between;}
.goods-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;font-weight: bold;}
.goods-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;font-weight: bold;}
.goods-list.row1-of2 .goods-item .info-wrap .pro-info .delete-price{text-decoration: line-through;flex: 1;line-height: 14px;font-size: 12px;color:#999CA7;}
.goods-list.row1-of2.style-2 .pro-info{align-items: center;}
.goods-list.row1-of2.style-2 .pro-info .discount-price{display: flex;justify-content: space-between;align-items: baseline;flex-direction: column;}
.goods-list.row1-of2.style-2 .pro-info .sale{margin-top: 5px;}
.edit-content-wrap .layui-form-radio{margin-right:5px;}
.edit-content-wrap .layui-form-radio:last-child{margin-right: 0;padding-right: 0;}

190
app/shop/view/public/css/goods_lists.css Executable file
View File

@@ -0,0 +1,190 @@
.contraction{display: inline-block;margin-right: 5px;}
.contraction span{cursor: pointer;display: inline-block;width: 17px;height: 17px;text-align: center;line-height: 14px;user-select: none;}
.sku-list{overflow: hidden;padding: 0 45px;}
.sku-list li{float: left;display: flex;padding: 10px;margin-right: 10px;margin-bottom: 10px;border: 1px solid #EFEFEF;width: 294px;align-items: center;flex-wrap:wrap;}
.sku-list li .img-wrap{vertical-align: middle;margin-right: 8px;width: 20%;height: 80px;text-align: center;line-height: 70px;}
.sku-list li .img-wrap img{max-width: 100%;max-height: 100%;}
.sku-list li .info-wrap{width:70%;}
.sku-list li .info-wrap span{margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.sku-list li .info-wrap span.sku-name{-webkit-line-clamp: 2;margin-bottom: 5px;overflow: hidden;
text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;
white-space: normal;word-break:break-all;max-height:42px;line-height: 22px;}
.sku-list li .info-wrap span:last-child{margin-bottom: 0;}
.title-content .multi-line-hiding.goodsname-color{color:#666;}
#goods tr td{padding:2px 2px; }
#goods tr td input{text-align:center;}
.edit-sort{width: 70px !important;}
.prompt-block{display: inline-block;}
.prompt-block .prompt{display: inline-block;}
.reason-box p{white-space: normal;line-height: 1.5;}
.layui-table-header{overflow: inherit;}
.layui-table-header .layui-table-cell{overflow: inherit;}
.prices{padding-left: 62px;}
/*推广二维码·新*/
.body-content{padding-top: 0!important;}
.layui-table-view td:last-child>div{overflow: inherit;}
.operation-wrap{position: relative;}
.layui-table-box{overflow: inherit;}
.layui-table-body{overflow: inherit;}
.popup-qrcode-wrap{text-align: center;background: #fff;border-radius: 2px;box-shadow: 0 2px 8px 0 rgba(200,201,204,.5);padding: 10px;position: absolute;z-index: 1;top: -70px;left: -190px;display: none;width: 170px;height: 230px;}
.popup-qrcode-wrap:before, .popup-qrcode-wrap:after {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.popup-qrcode-wrap:before {border-color: transparent;border-left-color: #e5e5e5;border-width: 8px;margin-top: -29px;}
.popup-qrcode-wrap:after {border-color: transparent;border-left-color: #ffffff;border-width: 7px;margin-top: -31px;}
.popup-qrcode-wrap img{width: 150px;height: 150px;max-width: initial;}
.popup-qrcode-wrap p{font-size: 12px;margin: 5px 0;line-height: 1.8!important;}
.popup-qrcode-wrap a{font-size: 12px;}
.popup-qrcode-wrap input{opacity: 0;position: absolute;}
.popup-qrcode-wrap .popup-qrcode-loadimg {width: 16px!important; height: 16px!important; margin-top: 107px;}
.vips_price{cursor: pointer;}
.goods-type .type-title {font-size: 23px;font-weight: 100;text-align: center;margin-bottom: 10px;}
.goods-type .item-type {width: 47%;border: 1px solid #e6e9f0;display: inline-block;margin: 10px 1% 0px;padding: 20px 10px 20px 10px;box-sizing: border-box;cursor: pointer;height: 90px;}
.goods-type .item-type:last-child{margin-right: 0;}
.goods-type .item-type div {display: inline-block;float: left;height: 50px;width: 50px;}
.goods-type .item-type div img{width: 100%;}
.goods-type .item-type div.item-content {margin-left: 10px;width: 180px;}
.goods-type .item-type div.item-content p.name {margin-top: 2px;}
.goods-type .item-type div.item-content p {margin-bottom: 0px;}
.goods-type .item-type div.item-content p.description {color: #999;font-size: 12px;margin-top: 7px;}
.single-filter-box{display:block;}
#edit_stock_block .form-row {margin-left: 0;text-align: center;}
.layui-tab-title li div{position: relative;}
.layui-tab-title li div .count{color: red;}
.promotion-addon span{border-radius: 3px; border: 1px solid; font-size: 12px; line-height: 14px; padding: 2px 4px; margin-top: 3px; color: #FFFFFF;}
.promotion-addon span.iconhuiyuan {padding: 2px;}
.icon{border:0!important;color:#F9F9A3!important;}
.batch-set-wrap{
height: 100%;
}
.batch-set-wrap .tips{
padding: 10px;
border: 1px dashed var(--base-color);
margin-bottom: 15px;
background: #f8f8f8;
color: var(--base-color);
line-height: 1;
}
.batch-set-wrap .set-wrap{
display: flex;
height: calc(100% - 105px);
}
.batch-set-wrap .set-wrap .tab-wrap {
padding-right: 10px;
border-right: 1px solid #e5e5e5;
height: 100%;
}
.batch-set-wrap .tab-wrap ul li{
padding: 8px;
overflow: hidden;
width: 86px;
box-sizing: border-box;
text-overflow: ellipsis;
color: #999;
cursor: pointer;
}
.batch-set-wrap .tab-wrap ul li.active{
color: #333;
}
.batch-set-wrap .set-wrap .content-wrap{
flex: 1;
padding-top: 10px;
overflow-y: scroll;
}
.batch-set-wrap .set-wrap .content-wrap::-webkit-scrollbar{
display: none;
}
.batch-set-wrap .set-wrap .tab-item{
display: none;
}
.batch-set-wrap .set-wrap .tab-show{
display: block;
}
.batch-set-wrap .tab-item .layui-input{
display: inline-block;
}
.batch-set-wrap .tab-item .layui-form-mid{
float: none;
}
.batch-set-wrap .result{
text-align: center;
}
.batch-set-wrap .result img{
width: 70px;
margin-top: 100px;
}
.batch-set-wrap .result .text{
font-size: 14px;
color: #666;
margin-top: 10px;
}
.batch-set-wrap .footer-wrap{
margin-top: 15px;
text-align: right;
}
.table-btn .more-operation {
display: none;
font-size: 14px;
line-height: 20px;
background-color: #fff;
box-shadow: 0 2px 8px 0 rgba(200, 201, 204, .5);
position: absolute;
z-index: 2000;
border-radius: 2px;
padding: 13px 12px;
top: 40px;
right: 5px;
transform: translateX(10px);
}
.table-btn .more-operation:before {
right: 7px;
top: -14px;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-bottom-color: #fff;
border-width: 8px;
}
.table-btn .more-operation .operation {
display: block;
text-align: right;
margin-bottom: 12px;
cursor: pointer;
}
.table-btn .more-operation .operation:last-child {
margin-bottom: 0
}
.screen .layui-colla-title .layui-colla-icon{color:var(--base-color) !important}
.layui-colla-title .put-open{position: absolute;right: 40px;padding: 5px;color: var(--base-color) ;}
.goods-stock{cursor: pointer}
.goods-stock .layui-icon{visibility: hidden;transition: .2s}
.goods-stock:hover .layui-icon{visibility: unset}
#edit_stock_block{overflow-y: auto;min-height: 180px;max-height: 700px;box-sizing: border-box;padding-top: 1px;height: calc(100% + 1px)}
#edit_stock_block .layui-table{margin: 0}

40
app/shop/view/public/css/goods_select.css Executable file
View File

@@ -0,0 +1,40 @@
.contraction{display: inline-block;margin-right: 5px;}
.contraction span{cursor: pointer;display: inline-block;width: 17px;height: 17px;text-align: center;line-height: 14px;user-select: none;}
.sku-list{display: none;border-bottom: 1px solid #e6e6e6;}
.sku-list td:nth-of-type(2){display: flex;align-items: center;}
.sku-list td{border-bottom: 0;padding: 5px 15px !important;}
.select-goods .screen .layui-colla-content{padding-left: 15px;}
.select-goods{display: flex;border-bottom: 1px solid #f2f2f2;height: 615px;}
.select-goods .select-goods-left{width: 135px;margin: 20px;padding-right: 10px;border-right: 1px solid #f2f2f2;box-sizing: border-box;overflow-y: auto;}
/* 滚动条整体部分*/.select-goods .select-goods-left::-webkit-scrollbar{width:5px;background-color:#d0cdc7;}
/* scroll轨道背景*/.select-goods .select-goods-left::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 50%;background-color:#d0cdc7;}
/* 滚动条中能上下移动的小块*/.select-goods .select-goods-left::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:#a09d9d;}
.select-goods .select-goods-left dl{height: auto;overflow: hidden;}
.select-goods .select-goods-left dt,.select-goods .select-goods-left dd{position: relative;height: 32px;font-size: 12px;line-height: 32px;cursor: pointer;}
.select-goods .select-goods-left dt{padding-left: 13px;}
.select-goods .select-goods-left dd{padding-left: 20px;}
.select-goods .select-goods-left dt:after{content: '';position: absolute;border: 4px solid transparent;border-right-color: #333;border-bottom-color: #333;left: 0;top: 50%;transform: translateY(-50%);transition: all .3s;}
.select-goods .select-goods-left dl.fold{height: 32px;}
.select-goods .select-goods-left .fold dt:after{transform:translateY(-50%) rotate(-45deg);}
.select-goods .select-goods-left .active{background-color: #f7f7f7;}
.select-goods .select-goods-left .text-color{background-color: transparent;}
.select-goods .select-goods-right{flex: 1;margin-top: 20px;margin-right: 20px;}
.select-goods .select-goods-right .layui-table-body{height: 425px;}
.select-goods .select-goods-right .single-filter-box{padding: 0;}
.select-goods .select-goods-right .single-filter-box .layui-form{margin: inherit;}
.select-goods .select-goods-right .single-filter-box .layui-form div{margin: 0;}
.select-goods .select-goods-classification{border: 0;}
.select-goods .select-goods-classification .layui-colla-title{height: 32px;background-color: #fff;border: 0;line-height: 32px;font-size: 12px;padding-left: 15px; }
.select-goods .select-goods-classification .layui-colla-title i{font-size: 0;}
.select-goods .select-goods-classification .layui-colla-title.arrow.active:after{transform: rotate(0) translateY(-50%);}
.select-goods .select-goods-classification .layui-colla-title.arrow:after{content: '';border: 4px solid #333;position: absolute;border-top-color: transparent !important;border-left-color: transparent !important;left: 3px;top: 50%;transition: all .3s;transform: rotate(-45deg) translateY(-50%);}
.select-goods .select-goods-classification .layui-colla-content{padding: 0;font-size: 12px;border-top: 0;}
.select-goods .select-goods-classification .layui-colla-item{border: 0;font-size: 12px;}
.select-goods .select-goods-classification .classification-item{cursor: pointer;border: 0;font-size: 14px;}
.select-goods .select-goods-classification .select-goods-classification .classification-item{padding-left: 26px;}
.select-goods .select-goods-classification .select-goods-classification .classification-item.arrow:after{left: 15px;}
.select-goods .select-goods-classification .select-goods-classification .layui-colla-content.classification-item{padding-left: 38px;}
.select-goods .select-goods-classification .classification-item:hover{background-color: #f7f7f7;}
/* 筛选下拉框宽度调整 */
.layui-form-select{width:150px !important;}

156
app/shop/view/public/css/goods_service.css Executable file
View File

@@ -0,0 +1,156 @@
.word-aux{margin-left: 147px;display: block;margin-top: 5px;color: #B2B2B2;font-size: 12px;line-height: 1.6;}
.icon-img-upload {
width: 66px;
height: 66px;
font-size: 66px;
display: flex;
align-items: center;
justify-items: center;
border: 1px solid #CCCCCC;
text-align: center;
margin-right: 10px;
position: relative;
}
.icon-img-upload .add {
color: var(--base-color);
font-size: 26px;
margin: 0 auto;
width: 66px;
height: 66px;
line-height: 66px;
text-align: center;
cursor: pointer;
}
.icon-img-upload img {
max-width: 100%;
max-height: 100%;
width: 100%;
}
.icon-img-upload .operation {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
color: #fff;
display: none;
flex-direction: column;
z-index: 5;
}
.icon-img-upload:hover .operation {
display: flex;
}
.icon-img-upload .operation .operation-warp {
flex: 1;
height: 0;
display: flex;
align-items: center;
justify-content: center;
}
.icon-img-upload .operation-warp i {
margin: 0 2px;
cursor: pointer;
}
.icon-img-upload .operation .js-replace {
height: 24px;
color: #fff;
background: rgba(0, 0, 0, 0.5);
font-size: 12px;
line-height: 24px;
cursor: pointer;
}
.common-set .word-aux{margin: 0 0 0 100px;padding: 0;}
/* 选择图标风格 */
.select-icon-style {
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
z-index: 9999;
}
.select-icon-style .icon-style-wrap {
position: absolute;
background: #fff;
border: 1px solid #ddd;
right: 40px;
margin-top: 15px;
}
.select-icon-style .icon-style-wrap iframe {
width: 100%;
height: 100%;
}
.img-icon-box .action-box {
display: flex;
}
.img-icon-box .action {
margin-right: 3px;
width: 42px;
height: 28px;
line-height: 28px;
text-align: center;
border: 1px solid #EEEEEE;
cursor: pointer;
}
.img-icon-box .iconfont {
font-size: 20px;
}
.img-icon-box .action:hover {
border-color: var(--base-color);
color: var(--base-color);
}
.img-icon-box{
display: flex;
align-items: center;
}
.select-icon-style,.colorpicker-layer,.icon-preview{
z-index: 20221016!important;
}
.colorpicker-layer .flexbox-fix-btn .btn{
line-height: unset;
margin: 0;
}
.td-box{
width: 40px;
height: 40px;
overflow: hidden;
display: flex;
align-items: center;
}
.icon-img-box{
width: 30px;
height: 30px;
margin: 0 auto;
box-sizing: border-box;
font-size: 30px;
display: flex;
}
.icon-img-box img{
width: 30px;
max-height: 30px;
}
.icon-wrap {
width: inherit;
height: inherit;
font-size: 100%;
color: #000;
display: flex;
align-items: center;
justify-content: center;
}
.icon-wrap .js-icon {
font-size: 50%;
line-height:1;
}
.icon-wrap .js-icon.gradient {
-webkit-background-clip:text!important;
-webkit-text-fill-color:transparent;
}

61
app/shop/view/public/css/guess_you_like.css Executable file
View File

@@ -0,0 +1,61 @@
.preview-wrap{margin-left:0;}
.custom-save{padding-left: 0;}
/* ---------- 购买按钮样式 ---------- */
.edit-content-wrap .btn-style .layui-form-label{margin-top: 5px;}
.edit-content-wrap .btn-style .layui-input-block{display: flex;align-items: center;}
.edit-content-wrap .btn-style .layui-input-block .item{margin-right: 10px;border: 1px solid transparent;padding: 5px;border-radius: 5px;width: 45px;text-align: center;cursor: pointer;height: 30px;line-height: 30px;}
.edit-content-wrap .btn-style .layui-input-block .item:last-child{margin-right: 0;width: 60px;}
.edit-content-wrap .btn-style .layui-input-block .item:nth-child(2),.edit-content-wrap .btn-style .layui-input-block .item:nth-child(3){width: 35px;}
.edit-content-wrap .btn-style .layui-input-block .item .border-color{border: 1px solid;}
.edit-content-wrap .btn-style .layui-input-block .buy-btn{color: #fff;border-radius: 25px;font-size: 12px;padding: 6px 10px;}
.edit-content-wrap .btn-style .layui-input-block .shopping-cart-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;width: 18px;height: 18px;}
.edit-content-wrap .btn-style .layui-input-block .plus-sign-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;width: 18px;height: 18px;}
.edit-content-wrap .btn-style .layui-input-block .diy-btn{border-radius: 25px;font-size: 12px;padding: 6px 10px;}
.edit-content-wrap .diy-icon{margin-top: 10px;margin-bottom: 10px;display: flex;align-items: center;margin-left: 100px;}
.edit-content-wrap .diy-icon .action-box {display: flex;margin-bottom: 10px;}
.edit-content-wrap .diy-icon .action {margin-right: 10px;width: 42px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #EEEEEE;cursor: pointer;}
.edit-content-wrap .diy-icon .action .iconfont {font-size: 20px;}
.edit-content-wrap .diy-icon .action:hover {border-color: var(--base-color);color: var(--base-color);}
.edit-attribute{display: block;}
.goods-recommend-title{text-align: center;margin: 20px 0;}
.goods-recommend-title span{position: relative;}
.goods-recommend-title span::before,.goods-recommend-title span::after {content: " ";width: 40px;border-top: 1px solid #969696;position: absolute;top: 50%;transform: translateY(-50%);}
.goods-recommend-title span::before{left: 0;transform: translateX(-130%);}
.goods-recommend-title span::after {right: 0;transform: translateX(130%);}
/* 商品块基础样式 */
.goods-list .goods-item {line-height: 1;}
.goods-list .goods-item .sale {align-self: flex-end;font-size: 12px;color:#999CA7;}
.goods-list .goods-item .info-wrap .goods-name{margin-bottom: 5px;font-size: 14px;line-height: 1.3;}
.goods-list .goods-item .info-wrap .tag-wrap {margin-bottom: 10px;}
.goods-list .goods-item .info-wrap .tag-wrap text{display: inline-block;font-size: 9px;}
.goods-list .goods-item .info-wrap .tag-wrap .hollow-tag{border: 1px solid;border-radius: 2px;margin-right: 5px;box-sizing: border-box;line-height: 1.2;padding: 1px 2px 0;max-width: 100%;}
.goods-list .goods-item .shopping-cart-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;}
.goods-list .goods-item .plus-sign-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;}
.goods-list .goods-item .buy-btn{color: #fff;font-size: 12px;height: 26px;line-height: 28px;padding:0 10px;text-align: center;}
.goods-list .goods-item .price-wrap{font-size: 0;}
.goods-list .goods-item .icon-diy{font-size: 40px;}
/* ---------- 两列（一行两列）---------- */
.goods-list.row1-of2{display: flex;flex-wrap: wrap;}
.goods-list.row1-of2 .goods-item{overflow: hidden;margin-right: 10px;margin-top: 10px;width: calc(50% - 5px);display: flex;flex-direction: column;box-sizing: border-box;}
.goods-list.row1-of2 .goods-item:nth-child(2n){margin-right: 0;}
.goods-list.row1-of2 .goods-item:nth-of-type(1), .goods-list.row1-of2 .goods-item:nth-of-type(2){margin-top: 0;}
.goods-list.row1-of2 .goods-item .goods-img{width: calc(100% + 2px);height: 160px;text-align: center;}
.goods-list.row1-of2 .goods-item .goods-img img{width: 100%;height: 100%;}
.goods-list.row1-of2 .goods-item .info-wrap{display: flex;flex-direction: column;flex: 1;padding: 10px;}
.goods-list.row1-of2 .goods-item .info-wrap .pro-info{margin-top: auto;display: flex;justify-content: space-between;}
.goods-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;font-weight: bold;}
.goods-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;font-weight: bold;}
.goods-list.row1-of2 .goods-item .info-wrap .pro-info .delete-price{text-decoration: line-through;flex: 1;line-height: 14px;font-size: 12px;color:#999CA7;}
.goods-list.row1-of2.style-2 .pro-info{align-items: center;}
.goods-list.row1-of2.style-2 .pro-info .discount-price{display: flex;justify-content: space-between;align-items: baseline;flex-direction: column;}
.goods-list.row1-of2.style-2 .pro-info .sale{margin-top: 5px;}
.edit-content-wrap .layui-form-radio{margin-right:5px;}
.edit-content-wrap .layui-form-radio:last-child{margin-right: 0;padding-right: 0;}

223
app/shop/view/public/css/index.css Executable file
View File

@@ -0,0 +1,223 @@
.body-content {
background: none!important;
padding: 0!important;
margin: 0!important;
}
.summary-wrap {
display: flex;
flex-wrap: wrap;
}
.summary-wrap .summary-item {
width: 25%;
padding: 0 15px 10px 15px;
box-sizing: border-box;
}
.summary-wrap .summary-item .title .iconfont{
color: #C8C9CC;
font-size: 14px;
z-index: 999;
cursor: pointer;
margin-left: 5px;
}
.summary-wrap .summary-item .title,.summary-wrap .summary-item .bottom-title {
color: #909399;
font-size: 14px;
margin-top: 5px;
}
.summary-wrap .summary-item .value {
color: #303133;
font-size: 26px;
margin-top: 10px;
}
.todo-list .summary-item {
flex: 1;
width: 0;
cursor: pointer;
}
.echart-wrap, .promotion-wrap {
display: flex;
}
.echart-wrap .common-wrap, .promotion-wrap .common-wrap {
flex: 1;
}
.echart-wrap .common-wrap:first-child, .promotion-wrap .common-wrap:first-child {
margin-right: 0;
}
.common-function {
display: flex;
}
.common-function .function-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
padding-bottom: 10px;
}
.common-function .function-item .icon {
width: 40px;
margin-top: 10px;
}
.common-function .function-item .title {
margin-top: 10px;
}
.promotion-wrap .common-wrap {
padding-right: 0;
}
.promotion-wrap .body,
.guide-wrap .body{
display:flex;
flex-wrap: wrap;
}
.promotion-wrap .promotion-item {
width:33.33%;
margin-bottom:15px
}
.promotion-wrap .promotion-item .box,
.guide-wrap .guide-item .box
{
border:1px solid #eee;
margin-right:15px;
}
.promotion-wrap .promotion-item .info-wrap,
.guide-wrap .guide-item .info-wrap
{
display:flex;
padding:10px
}
.promotion-wrap .info-wrap .info,
.guide-wrap .info-wrap .info
{
flex:1;
width: 0;
display:flex;
flex-direction:column;
justify-content:space-between;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.promotion-wrap .info-wrap .icon,
.guide-wrap .info-wrap .icon
{
width:40px;
height: 40px;
margin-right:10px
}
.promotion-wrap .info-wrap .desc,
.guide-wrap .info-wrap .desc
{
color:#999;
font-size:12px;
}
.guide {
padding-right: 0;
}
.guide-wrap {
display: flex;
}
.guide-wrap .guide-item {
width: 20%;
}
.guide-wrap .guide-item .info-wrap {
padding: 15px 10px;
align-items: center;
}
.guide-wrap .icon {
position: relative;
width: 44px!important;
height: 44px!important;
}
.guide-wrap .icon .bg-box {
width: 100%;
height: 100%;
background: var(--base-color);
opacity: .1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.guide-wrap .icon .iconfont {
color: var(--base-color);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
line-height: 1;
}
.guide-wrap .action {
height: 28px;
line-height: 28px;
border: 1px solid var(--base-color);
color: var(--base-color);
border-radius: 30px;
padding: 0 10px;
margin-left: 10px;
transition: all .3s;
}
.guide-wrap .action:hover {
background: var(--base-color);
color: #fff;
}
.guide-wrap .complete {
border-color: #E6E6E6;
color: #999;
}
.guide-wrap .complete:hover {
background: #fff;
color: #999;
}
.guide-wrap .complete .iconfont {
line-height: 1;
color: #00A717;
font-size: 12px;
margin-top: 5px;
margin-right: 2px;
}
.guide .head{
justify-content: space-between;
}
.guide .head .iconfont {
font-weight: bold;
margin-right: 15px;
cursor: pointer;
font-size: 20px;
}
.top-tips {
padding: 15px;
background: rgba(var(--base-color), .4);
display: flex;
align-items: center;
}
.top-tips .iconfont {
margin-right: 10px;
color: var(--base-color);
}
.top-tips span,.top-tips a {
color: var(--base-color);
}
.top-tips a {
margin-left: 30px;
}
.pink {
background: #FFEBEB;
}
.pink .iconfont, .pink span,.pink a {
color: #FB1010;
}
.sms_num {
display: none;
}
.redis{
display: none;
}

210
app/shop/view/public/css/login.css Executable file
View File

@@ -0,0 +1,210 @@
.container {
background: #F7F8FA;
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
}
.main-wrap {
width: 1200px;
margin: 0 auto;
}
.head-wrap {
background: #fff;
height: 64px;
}
.head-wrap .main-wrap {
display: flex;
height: 100%;
align-items: center;
justify-content: space-between;
}
.head-wrap .login-wrap {
height:100%;
width:300px;
position: relative;
}
.head-wrap .login-wrap img {
max-width: 100%;
max-height: 80%;
position: absolute;
top:50%;
transform: translateY(-50%);
}
.type-wrap {
box-sizing: border-box;
padding: 20px;
margin-top: 20px;
width: auto;
background: #FFFFFF;
border-radius: 6px;
display: flex;
justify-content: space-around;
box-shadow: 0px 0px 20px #CCCCCC;
position: relative;
}
.show {
text-align: center;
position: relative
}
.show i {
display: inline-block;
width: 18px;
height: 18px;
}
.show i img {
width: 100%;
}
.show > span {
margin-left: 2px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
}
.log-type {
display: none;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.show:hover .log-type {
display: block;
}
.type-item {
text-align: center;
padding: 0 10px;
display: inline-block;
}
.type-item span {
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
}
.item-img {
width: 100px;
height: 100px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 10px;
}
.body-wrap {
flex: 1;
height: 0;
}
.body-wrap .main-wrap {
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
}
.body-wrap .login-leftbg {
width: 570px;
}
.body-wrap .form-wrap {
width: 440px;
background: #fff;
border-radius: 4px;
padding: 50px 40px 32px 44px;
box-sizing: border-box;
}
.body-wrap .form-wrap .login-title {
font-size: 30px;
line-height: 36px;
color: #000;
font-weight: 400;
text-align: center;
margin-bottom: 36px;
}
.body-wrap .form-wrap .input-wrap {
width: auto;
height: 52px;
background: #FFFFFF;
border: 1px solid #E6E6E6;
border-radius: 4px;
margin-bottom: 15px;
display: flex;
box-sizing: border-box;
}
.body-wrap .input-wrap .icon {
display: flex;
align-items: center;
justify-items: center;
padding-left: 10px;
}
.body-wrap .input-wrap .iconfont {
font-size: 20px;
color: #909399;
}
.body-wrap .input-wrap .input, .body-wrap .input-wrap .layui-form-select {
flex: 1;
width: 0;
line-height: 50px;
height: 50px;
padding: 0 10px;
border: none;
}
.body-wrap .input-wrap .captcha {
cursor: pointer;
}
.body-wrap .form-wrap .layui-btn{
line-height: 48px;
height: 48px;
color: #fff;
border-radius: 4px;
width: 100%;
margin-top: 27px;
}
.body-wrap .layui-form-select .layui-input {
border: none;
line-height: 48px;
height: 48px;
padding-left: 0;
}
.footer-wrap {
padding: 50px 0 20px 0;
text-align: center;
}
.footer-wrap a {
color: #999;
font-size: 12px;
}
.footer-wrap .copyright-logo img {
max-width: 100px;
max-height: 27px;
}
.footer-wrap .gov-box img {
width: 20px;
height: 20px;
margin-right: 5px;
}
.footer-wrap .info {
margin: 8px 0;
}

239
app/shop/view/public/css/member.css Executable file
View File

@@ -0,0 +1,239 @@
.layui-form-search {
width: 100%;
background-color: #F8F8F8;
padding: 15px;
border: 1px solid #e6e6e6;
border-radius: 5px;
box-sizing: border-box;
margin-bottom: 12px;
}
.search-form {
display: none;
}
.layui-form-search .layui-btn-container {
padding-left: 155px;
}
.layui-form-search .layui-form-item {
margin-bottom: 25px;
}
.required {
margin-right: 3px;
}
.layui-form-item>p {
line-height: 34px;
color: #999;
}
.layui-form-radio>i:hover,
.layui-form-radioed>i {
color: var(--base-color);
}
.layui-layer-content {
height: auto !important;
}
.layui-input-inline.split {
line-height: 34px;
}
.layui-table-view .layui-table[lay-size=lg] td .layui-table-cell {
line-height: 25px;
}
#member_label_dl {
display: flex;
flex-wrap: wrap;
}
#member_label_dl span {
margin: 3px 5px 3px 0;
background-color: var(--base-color);
color: white;
padding: 0 5px;
border-radius: 5px;
}
.table-tuwen-box .img-box {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
}
.layui-table-view td:last-child>div {
overflow: inherit;
}
.layui-table-box {
overflow: inherit;
}
.layui-table-body {
overflow: inherit;
}
.table-btn {
position: relative;
}
.table-btn .more-operation {
display: none;
font-size: 14px;
line-height: 20px;
background-color: #fff;
box-shadow: 0 2px 8px 0 rgba(200, 201, 204, .5);
position: absolute;
z-index: 2000;
border-radius: 2px;
padding: 13px 12px;
top: 45px;
right: 10px;
transform: translateX(10px);
}
.table-btn .more-operation:before {
right: 7px;
top: -14px;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-bottom-color: #fff;
border-width: 8px;
}
.table-btn .more-operation .operation {
display: block;
text-align: right;
margin-bottom: 12px;
cursor: pointer;
}
.table-btn .more-operation .operation:last-child {
margin-bottom: 0
}
.coupon-modal {
display: flex;
justify-content: space-around;
align-items: center;
padding: 25px 0;
}
.coupon-modal .coupon-list {
width: 255px;
height: 375px;
align-items: center;
border: 1px solid #ccc;
}
.coupon-modal .title {
height: 35px;
line-height: 35px;
text-align: center;
}
.bg-color-gray {
background-color: #EFEFEF !important;
}
.coupon-modal .box {
overflow-y: auto;
padding: 10px 0;
height: 340px;
box-sizing: border-box;
overflow-x: hidden;
}
.coupon-modal .add {
background-color: transparent;
border: 1px solid #ccc;
padding: 5px 10px;
cursor: pointer;
}
.modal-operation {
display: flex;
justify-content: center;
align-items: center;
height: 50px;
}
.coupon-list .box ul li {
cursor: pointer;
background-color: #fff;
padding: 5px 10px;
position: relative;
}
.coupon-list.all-coupon .box ul li .left-selected {
background: #d7d7d7;
}
.coupon-list .coupon-delete {
position: absolute;
top: -2px;
right: 4px;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #d7d7d7;
color: #fff;
line-height: 15px;
text-align: center;
cursor: pointer;
}
.coupon-list .box ul li.selected:hover .coupon-delete {
display: block;
}
.coupon-list .coupon-box {
border: 1px dashed #DDDDDD;
padding: 5px 15px;
}
.coupon-list .coupon-box .coupon-name {
font-size: 14px;
line-height: 1.5;
}
.coupon-list .coupon-box .coupon-money {
font-size: 20px;
color: red;
}
.coupon-list .coupon-box .coupon-time {
font-size: 12px;
color: #999999;
line-height: 14px;
}
.give-num {
display: flex;
align-items: center;
justify-content: flex-end;
}
.give-num span {
font-size: 12px;
color: #999;
}
.give-num .layui-input {
margin-left: 5px;
width: 60px!important;
height: 25px;
text-align: center;
}

240
app/shop/view/public/css/member_cluster.css Executable file
View File

@@ -0,0 +1,240 @@
.layui-form-search {
width: 100%;
background-color: #F8F8F8;
padding: 15px;
border: 1px solid #e6e6e6;
border-radius: 5px;
box-sizing: border-box;
margin-bottom: 12px;
}
.search-form {
display: none;
}
.layui-form-search .layui-btn-container {
padding-left: 155px;
}
.layui-form-search .layui-form-item {
margin-bottom: 25px;
}
.required {
margin-right: 3px;
}
.layui-form-item>p {
line-height: 34px;
color: #999;
}
.layui-form-radio>i:hover,
.layui-form-radioed>i {
color: var(--base-color);
}
.layui-layer-content {
height: auto !important;
}
.layui-input-inline.split {
line-height: 34px;
}
.layui-table-view .layui-table[lay-size=lg] td .layui-table-cell {
line-height: 25px;
}
#member_label_dl {
display: flex;
flex-wrap: wrap;
}
#member_label_dl span {
margin: 3px 5px 3px 0;
background-color: var(--base-color);
color: white;
padding: 0 5px;
border-radius: 5px;
}
.table-tuwen-box .img-box {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
}
.layui-table-view td:last-child>div {
overflow: inherit;
}
.layui-table-box {
overflow: inherit;
}
.layui-table-body {
overflow: inherit;
}
.table-btn {
position: relative;
}
.table-btn .more-operation {
display: none;
font-size: 14px;
line-height: 20px;
background-color: #fff;
border-radius: 2px;
box-shadow: 0 2px 8px 0 rgba(200, 201, 204, .5);
position: absolute;
z-index: 2000;
border-radius: 2px;
padding: 13px 12px;
top: 40px;
transform: translateX(10px);
right: 0px;
}
.table-btn .more-operation:before {
left: 50px;
top: -14px;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-bottom-color: #fff;
border-width: 8px;
}
.table-btn .more-operation .operation {
display: block;
text-align: right;
margin-bottom: 12px;
cursor: pointer;
}
.table-btn .more-operation .operation:last-child {
margin-bottom: 0
}
.coupon-modal {
display: flex;
justify-content: space-around;
align-items: center;
padding: 25px 0;
}
.coupon-modal .coupon-list {
width: 255px;
height: 375px;
align-items: center;
border: 1px solid #ccc;
}
.coupon-modal .title {
height: 35px;
line-height: 35px;
text-align: center;
}
.bg-color-gray {
background-color: #EFEFEF !important;
}
.coupon-modal .box {
overflow-y: auto;
padding: 10px 0;
height: 340px;
box-sizing: border-box;
overflow-x: hidden;
}
.coupon-modal .add {
background-color: transparent;
border: 1px solid #ccc;
padding: 5px 10px;
cursor: pointer;
}
.modal-operation {
display: flex;
justify-content: center;
align-items: center;
height: 50px;
}
.coupon-list .box ul li {
cursor: pointer;
background-color: #fff;
padding: 5px 10px;
position: relative;
}
.coupon-list.all-coupon .box ul li .left-selected {
background: #d7d7d7;
}
.coupon-list .coupon-delete {
position: absolute;
top: -2px;
right: 4px;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #d7d7d7;
color: #fff;
line-height: 15px;
text-align: center;
cursor: pointer;
}
.coupon-list .box ul li.selected:hover .coupon-delete {
display: block;
}
.coupon-list .coupon-box {
border: 1px dashed #DDDDDD;
padding: 5px 15px;
}
.coupon-list .coupon-box .coupon-name {
font-size: 14px;
line-height: 30px;
}
.coupon-list .coupon-box .coupon-money {
font-size: 20px;
color: red;
}
.coupon-list .coupon-box .coupon-time {
font-size: 12px;
color: #999999;
line-height: 14px;
}
.give-num {
display: flex;
align-items: center;
justify-content: flex-end;
}
.give-num span {
font-size: 12px;
color: #999;
}
.give-num .layui-input {
margin-left: 5px;
width: 60px!important;
height: 25px;
text-align: center;
}

126
app/shop/view/public/css/message.css Executable file
View File

@@ -0,0 +1,126 @@
.layui-field-box {
display: flex;
flex-wrap: wrap;
}
/* 一行4个卡片时的排布 */
@media screen and (min-width: 1501px) {
.block-list {
width: 24%;
margin-right: 1.3%;
margin-bottom: 25px;
}
.block-list:nth-child(4n) {
margin-right: 0;
}
}
/* 一行3个卡片时的排布 */
@media screen and (max-width: 1500px) {
.block-list {
width: 32%;
margin-right: 2%;
margin-bottom: 25px;
}
.block-list:nth-child(3n) {
margin-right: 0;
}
}
.block-list .block-title {
height: 52px;
line-height: 52px;
font-size: 14px;
color: #333;
background-color: #F7F8FA;
padding-left: 25px;
}
.block-list .block-content {
padding: 20px 25px 0;
display: flex;
flex-wrap: wrap;
}
.block-list .block-content a {
height: 25px;
line-height: 25px;
width: 33.3%;
margin-bottom: 20px;
display: inline-block;
vertical-align: middle;
color: #454545;
font-size: 12px;
position: relative;
}
.layui-form-checkbox[lay-skin=primary] {
padding-left: 18px;
}
.layui-form-checkbox[lay-skin=primary] i {
width: 11px;
height: 11px;
line-height: 12px;
border-radius: 0px;
margin-top: 2px;
border: 1px solid #787878;
}
.layui-icon-ok:before {
display: inline-block;
width: 100%;
-webkit-transform: scale(0.80);
}
.layui-form-checkbox[lay-skin=primary] span {
font-size: 12px;
color: #454545;
padding-right: 0;
}
.block-list .block-content a:hover .sms-hide {
display: inline-block;
}
.block-list .sms-hide {
display: none;
position: absolute;
width: 340px;
top: 45px;
left: 0;
background-color: #fff;
z-index: 2;
border: 1px solid #e5e5e5;
padding: 5px 10px;
margin-bottom: 30px;
}
.block-list .sms-hide p {
width: 100%;
word-break: break-all;
white-space: normal;
}
.block-list .sms-hide:before, .block-list .sms-hide:after {
content: '';
display: inline-block;
border: solid transparent;
width: 0;
height: 0;
border-width: 12px;
left: 16px;
position: absolute;
}
.block-list .sms-hide:before {
border-bottom-color: #e4e4e4;
top: -25px;
}
.block-list .sms-hide:after {
border-bottom-color: #FFFFFF;
top: -23px;
}

135
app/shop/view/public/css/order_detail.css Executable file
View File

@@ -0,0 +1,135 @@
@CHARSET "UTF-8";
.order-detail .layui-input-block{margin-left:75px;min-height:auto!important}
.order-detail .layui-form-label{padding:0px 0!important;color:#999!important;width:auto !important;text-align:right!important}
.order-detail .layui-form-item{margin-bottom:0!important;width: 300px}
.order-detail .order-detail-hr{border-bottom:1px solid #f6f6f6;margin-bottom:8px!important}
.order-detail .layui-card{box-shadow:unset}
.order-detail-operation .layui-card{margin-left:40px}
.order-detail .layui-card .layui-card-header{font-weight:700;height:30px;line-height:30px;border-bottom:none}
.order-detail-operation{background-color:#FFF;margin-top:5px;height: 240px;}
.order-detail-operation .layui-card .layui-card-body{padding:1px 15px!important;position:relative;border-bottom:none}
.order-detail-operation .layui-card .layui-card-body .order-detail-tips{font-size:12px;color:#999!important;margin-bottom:30px}
.order-detail-operation .layui-card .layui-card-body i{position:absolute;left:-22px;top:-22px;font-size:28px!important;color:var(--base-color);}
.order-detail-info{position:relative;background-color:#FFF;border:1px solid #EAEAEA;padding:10px}
.order-detail-dl{position:absolute;font-size:12px;color:#999!important;bottom:20px;/*right:1.67%;left:35%;*/padding:10px;/*border-top:1px solid #eaeaea*/}
.order-detail-dl dl dt{color:var(--base-color);height:25px;line-height:25px}
.order-detail-dl dl dd{height:18px;line-height:18px}
.order-detail-total{margin-top:40px;border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;padding-top:20px;padding-bottom:20px;font-size:12px;color:#666}
.order-detail-total span{color:var(--base-color)}
.order-step-1,.order-step-2,.order-step-3,.order-step-4{position:relative;vertical-align:baseline;text-align:center}
.order-step-1::after,.order-step-1::before,.order-step-2::after,.order-step-2::before,.order-step-3::after,.order-step-3::before,.order-step-4::after,.order-step-4::before{position:absolute;left:0;top:36px;display:block;content:' ';width:50%;height:4px;background:#999;z-index:1}
.order-step-1::after,.order-step-2::after,.order-step-3::after,.order-step-4::after{left:50%}
.order-step-1::before,.order-step-4::after{width:0}
.order-step-num{position:relative;display:inline-block;width:20px;text-align:center;height:20px;margin:10px 0;line-height:22px;background:#999;color:#fff;border-radius:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:2}
.order-step-title{font-size:12px;font-weight:700;line-height:18px;color:#999}
.order-step-meta{font-size:12px;line-height:18px;color:#ccc}
.order-step{margin-bottom:50px;background-color:#FFF;padding:20px}
.order-step-active .order-step-title{color:var(--base-color)}
.order-step-active .order-step-num{background:var(--base-color)}
.order-step-active::after,.order-step-active::before{background:var(--base-color)}
.order-step{border:1px solid #EAEAEA}
.order-detail .layui-row {display: flex;flex-direction: column;}
.order-detail .layui-row .layui-col-md4 {flex: 1;width: 100%;}
.order-money-box div{text-align:right;padding:5px;}
.item-box{
border-right: 1px solid #EAEAEA;
}
.settlement-view{background-color:#fff}
.settlement-inner-content-item{margin-bottom:6px;display:-ms-flexbox;display:flex;color:#999!important}
.settlement-inner-content-item-label{-ms-flex-negative:0;flex-shrink:0;width:120px;text-align:left;vertical-align:top}
.settlement-inner-content-item-label-value{vertical-align:top;-ms-flex-positive:1;flex-grow:1;word-break:break-all;max-width:300px}
.nav-title{font-weight:700;height:40px;line-height:40px}
.layui-form-mid, .layui-word-aux {height: auto;}
.invoice-title{font-weight:700;margin-bottom:8px}
.invoice-box{padding:0;font-size:12px;max-width:340px;line-height:21px}
.invoice-item .invoice-label{color:#646566;display:inline-block;min-width:60px}
.invoice-item .invoice-content{display:inline;white-space:pre-wrap;word-break:break-all}
.invoice-money{color:#d40000}
.invoice-view{border: 1px solid #EAEAEA;padding:25px;}
.carmichael div {margin-bottom: 10px;}
.carmichael div:last-child{margin-bottom: 0;}
.form-img .form-img-wrap {width: 50px;height: 50px;margin: 0 10px 10px 0;border: 1px solid #EAEAEA;display: flex;align-items: center;justify-items: center}
.form-img-wrap img {max-width: 100%;max-height: 100%;height: auto;width: 100%}
.layui-layout-admin .layui-body .body-content{background:none;padding:0;}
.order-detail{padding: 15px;box-sizing: border-box;background: white;}
.order-information{max-width:1500px;width:100%;min-height:40px;display: flex;}
.order-information-bottom{margin-bottom: 25px;}
.order-information-contentOne{width:400px;height:100%;padding-right:48px;box-sizing: border-box;}
.order-information-contentTwo{width:600px;height:100%;padding:0 30px;box-sizing: border-box}
.order-information>div{border-left: 1px solid rgb(245,245,245);}
.order-information>div:nth-child(1){border-left: none;}
.contentOne-content{display: flex; font-size:14px;color:rgb(164,164,164);margin-bottom:14px;margin-right: 15px;}
.contentOne-content:after{overflow: hidden;display: block;content: "";height: 0;clear: both;}
.contentOne-content-text{max-width:70%;min-width: 20%;color:#333333;margin-left:16px;float: left;-webkit-box-orient: vertical}
.contentOne-content-title{min-width:85px;float: left;}
.text-num {line-height: 22px;}
.contentOne-content-textNew{color:var(--base-color)}
.contentOne-content-text-die{line-height:24px;}
.contentTow-operation{height:30px;text-align: center;line-height: 30px;display: flex;}
.contentTow-operation-content{cursor: pointer;height:100%;padding: 0 16px;margin-right:26px;}
.contentTow-operation-new{color:var(--base-color) !important;}
.orderStatus-content-text>.text-tile{margin-bottom: 6px;color: rgb(164,164,164);}
.orderStatus{width: 100%;margin: 24px 0 32px;}
.orderStatus:after{overflow: hidden;height: 0;content:"";display: block;clear: both;}
.order-orderStatus-contentOne,.order-package{width: 100%;}
.orderStatus>.orderStatus-content-title{width: 50px !important;color:var(--base-color);float: left;}
.orderStatus>.orderStatus-content-text{min-width: 340px;color: #333333;float: left;}
.shop-information{width: 100%;background:white;padding:15px;box-sizing: border-box;margin-top:15px}
.shop-information-table{width: 100%;padding:0 48px;box-sizing: border-box;margin-bottom:10px;}
.shop-information-table>table{width: 100%;border: 1px solid rgb(238,238,238);border-bottom:none;}
.table-trOne{height: 48px;background:rgb(245,245,245) ;}
th{text-align: left;padding-left:28px;box-sizing: border-box;font-weight: 500;color:#333333;border-right:1px solid rgb(238,238,238);}
th:last-child{border:none;}
.table-trTow{width:100%;height:60px;border-top:1px solid rgb(238,238,238);}
.table-trTow>td{text-align: left;padding-left:28px;box-sizing: border-box;font-weight: 500;color:#333333;border-right:1px solid rgb(238,238,238);}
.table-trTow>td:nth-child(5){color:var(--base-color)}
.table-trThree{display: flex;align-items: center;justify-content: space-between;max-width: 100%;min-height:40px;padding: 16px 28px;box-sizing: border-box;border: 1px solid rgb(238,238,238);}
.table-trThree>div{font-weight: 500; color:#333333;}
.table-trThree>div>p{display: flex;align-items: center;}
.table-trThree>div>p:nth-child(1){margin-bottom:8px;}
.table-trThree>div>p{color:rgb(164,164,164)}
.table-trThree>div>p>span{color:#333333;}
.table-settlement{margin: 10px 0 20px;color:#333333;text-align: right;}
.table-settlement>span:nth-child(2){color:var(--base-color);font-size: 15px;}
.shop-operation{width:100%;min-height: 50px;background:white;margin-top:15px;padding: 15px;box-sizing: border-box;}
.layui-icon-center{width:40%;height:40%;border-radius: 50%;background: white;}
.shop-operation-time{padding-left:54px;}
.layui-timeline{padding:0;}
.layui-timeline-item{padding-bottom:28px;display: flex;}
.layui-timeline-item:after{overflow: hidden;height: 0;content:"";display: block;clear: both;}
.layui-timeline-item:before, hr{background:var(--base-color);margin-left:95px;}
.layui-time-left{width:90px;height: 40px;padding-right: 10px;box-sizing: border-box;}
.layui-time-left>p:nth-of-type(1){font-size:14px;color:#333333;text-align: right;}
.layui-time-left>p:nth-of-type(2){color:rgb(164,164,164);text-align: right;margin-top:6px;}
.layui-timeline-axis{left:90px;background:var(--base-color);display: flex;align-items: center;justify-content: center;}
.layui-timeline-content{flex:1;padding-left:30px;}
.distribution{width:100%;min-height: 50px;background:white;margin-top:15px;padding: 15px;box-sizing: border-box;}
.formFields{width:100%;min-height: 50px;background:white;padding: 15px 0;box-sizing: border-box;}
.order-formFields {display: flex;flex-wrap: wrap;}
.order-formFields .contentOne-content{border:none !important;flex: 1;padding: 0 48px;min-width: calc(100% / 3);max-width: calc(100% / 3);box-sizing: border-box;}
.layui-table, .layui-table-view{padding:0;}
.package-list {margin-bottom: 10px;}
.package-list li {cursor: pointer;padding: 0 16px;margin-right: 16px;background: #fff;height: 28px;line-height: 28px;border: 1px solid #EAEAEA;display: inline-block;color: #333;}
.address{height: 0;width: 1px; border: none; overflow: hidden;}
.copy-icon-box{display:flex; margin: auto 10px;}
.order-goods-form {border-top: 1px solid #eeeeee;display: flex;flex-wrap: wrap}
.order-goods-form .form-item {width: 100%;padding: 5px 10px 0 28px;box-sizing: border-box;display: flex;line-height: 1.5}
.order-goods-form .field-title {color: #a4a4a4}

70
app/shop/view/public/css/order_list.css Executable file
View File

@@ -0,0 +1,70 @@
.layui-table {margin-top: 15px;}
.layui-table thead tr {background-color: #F8F6F9;}
.layui-table th {border-width: 0; font-size: 14px!important;}
.layui-table td {padding: 8px 15px;}
.layui-table .header-row {border-top: 1px solid #e6e6e6;background: #f7f7f7;}
.layui-table .header-row:hover{background: #f7f7f7 !important;}
.separation-row hr {margin: 0;}
/* .layui-layout-admin .layui-body{min-width:1100px} */
/*.date-picker-btn.selected{background-color:#0d73f9;color:#fff}*/
.layui-table td,.layui-table th,.layui-table-fixed-r,.layui-table-header,.layui-table-page,.layui-table-tips-main,.layui-table-tool,.layui-table-view,.layui-table[lay-skin=line],.layui-table[lay-skin=row]{border-color:#f1f1f1 !important;}
.layui-table thead th{border-bottom:none;padding-left:0;padding-right:0;}
.order-list-table .separation-row td{padding:10px 20px;border: 0;}
.order-list-table .separation-row:hover{background-color: #fff;}
.order-list-table .remark-row{background: #FFF9DF!important;color: #D09B4C;}
.order-list-table .remark-row:hover{background: #FFF9DF!important}
.order-list-table .remark-row td {padding: 3px 10px!important;}
.order-list-table .header-row td{padding: 3px 15px!important;}
.order-list-table .header-row td:nth-child(1){border-right: 0;}
.order-list-table .header-row td:nth-child(2){text-align:center;border-left: 0;}
.order-list-table .header-row span{vertical-align:middle}
/*.order-list-table .header-row td .order-item-header:first-child{margin-left:18px}*/
.order-list-table .header-row td .order-item-header{text-align:left;color:#333;}
.order-list-table .header-row td .order-item-header.more{cursor: pointer;overflow: hidden;position: relative;}
.order-list-table .header-row td .more-operation{display: none;font-size: 14px;line-height: 20px;background-color: #fff;border-radius: 2px;box-shadow: 0 2px 8px 0 rgba(200,201,204,.5);position: absolute;z-index: 2000;padding: 10px;top: 28px;transform: translateX(10px);left: -12px;width: 200px;}
.order-list-table .header-row td .more-operation:before{left: 8px;top: -14px;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;border-color: transparent;border-bottom-color: #fff;border-width: 8px;}
.order-list-table .header-row td .more-operation span{color:#333;}
.order-list-table .checkbox-all .layui-table-cell{padding:0;text-align:center;}
.order-list-table .product-info .layui-table-cell{padding:0 5px}
.order-list-table .content-row:hover{background-color:#fff !important;}
.order-list-table .content-row .product-info{border-right: 0;}
.order-list-table .content-row .product-info .img-block{width:60px;height:60px;float:left;border:1px solid #e2e2e2;display: flex;align-items: center;justify-content: center;}
.order-list-table .content-row .product-info .img-block>img{max-width:100%;max-height:100%;}
.order-list-table .content-row .product-info .info{margin-left:70px}
.order-list-table .content-row .product-info .info p{color:#8e8c8c;font-size:12px}
.order-list-table .content-row .order-price{border-left: 0;}
.order-list-table .content-row .product-list{border-right-width:1px}
.order-list-table .content-row .product-list p{font-size:12px}
.order-list-table .content-row .transaction-status{line-height: 24px;}
.order-list-table .content-row .buyers{line-height: 24px;}
.order-list-table .operation a{font-size: 14px;}
.order-list-table .text-tile{color:rgb(164,164,164);}
.order-no-data-block ul{width:200px;margin:20px auto; padding-bottom: 20px;}
.order-no-data-block ul li{text-align:center;color:#c2c2c2}
.order-no-data-block ul li:first-child{height:70px;line-height:70px}
.order-no-data-block ul li:first-child i{font-size:35px}
.footer-row{border:1px solid #f2f2f2}
.screen{margin-top: 0;}
/*.order-money span {color: red;}*/
#order_page {text-align: right;}
.bottom-row{color:#e0a723;background: #fffbec;}
.bottom-row:hover{background: #fffbec!important;}
.table-tab .layui-tab-content {padding-top: 0;}
.line-hiding{ cursor : default; -webkit-line-clamp: 2 !important;}
.address_box{width:87%; display: inline-block}
.address_input{width: 1px;height: 0px;overflow: hidden;border: 0px}
.screen .layui-colla-title .layui-colla-icon{color:var(--base-color) !important}
.screen .layui-colla-title .text-color{position: absolute;right: 45px;font-size: 14px;padding: 5px;}
.operation .operation-type{display: block;}
.operation .operation-type .layui-btn{display: inline;text-align: left;line-height: 23px;padding: 0px;margin: 0px;padding-left:8px;}
.layui-colla-title .put-open{position: absolute;right: 40px;padding: 5px;color: var(--base-color) ;}
/*订单顶部的一行*/
.order-list-top-line{justify-content:flex-end;}
.order-list-top-line a{padding-right: 0px !important;}

13
app/shop/view/public/css/package.css Executable file
View File

@@ -0,0 +1,13 @@
.package-head {display: flex;justify-content: space-between;}
.package-head .contentOne-content-title {line-height: 30px;}
.package-head .contentOne-content-text {line-height: 30px;}
.package-head .contentOne-content .contentTow-operation-content {height: 30px;line-height: 30px;}
.package-body .goods-list {display: flex;flex-wrap: wrap;}
.package-body .goods-item {flex: 1;max-width: calc(100% / 3);min-width: calc(100% / 3);box-sizing: border-box;padding-right: 50px;margin-bottom: 15px;}
.package-body .package-inner-goods-item-inner {display: flex;}
.package-body .package-inner-goods-item-inner .package-inner-goods-item-image {width: 60px;height: 60px;border: 1px solid #eaeaea;margin-right: 10px;}
.package-body .package-inner-goods-item-image img {width: 100%;height: 100%;}
.package-body .package-inner-goods-item-info {flex: 1;display: flex;justify-content: space-between;flex-direction: column;}
.package-body .package-inner-goods-item-info .package-inner-goods-item-name {color: #a4a4a4;line-height: 1.3!important}
.package-inner-express .shop-operation-time {margin-top: 10px;padding-left: 0;}
.package-inner-express .shop-operation-time .layui-timeline-item {padding-bottom: 15px;}

69
app/shop/view/public/css/picture_manager.css Executable file
View File

@@ -0,0 +1,69 @@
.album-box{display: flex;justify-content: space-between;}
.album-list{width: 170px;height: 530px;margin-right: 45px;background-color: #F7F7F7;position: relative;display: flex;flex-direction: column;padding-bottom: 0}
.album-list .btn-wrap {width: 176px;background: #fff;height: 50px;display: flex;align-content: center;justify-content: center;padding-top: 20px;}
.album-list ul{flex: 1;overflow-y: scroll;background-color:#F5F5F5}
.album-list ul::-webkit-scrollbar { width:0px !important }
.album-list ul::-webkit-scrollbar-track{border-radius: 10px;background-color: #F5F5F5;}
.album-list ul::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #F5F5F5;}
.album-list li{cursor: pointer;}
.album-list li.item-this{background-color: #E8E8E8;}
.album-list li a{color: #333!important;position: relative}
.album-list li a .num{position: absolute;right: 15px}
.album-list li a .layui-nav-more{border-color: #333 transparent transparent}
.album-list li.layui-nav-itemed a .layui-nav-more{border-color: transparent transparent #333!important;}
.album-list li a:hover{background-color: #E8E8E8!important;}
.album-list li a.layui-this{background-color: #E8E8E8!important;color: var(--base-color)!important;}
.album-list li dl.layui-nav-child{background-color: #E8E8E8!important;}
.album-list li dl.layui-nav-child a{padding-left: 20px}
.album-content{flex: 1;}
.album-content-title{margin-bottom: 10px;}
.album-content .album-content-title>span,
.album-content .album-content-title>a{display: inline-block;margin-right: 5px;margin-bottom: 5px;}
.album-content .album-content-bar{height: 34px;line-height: 34px;}
.album-content .album-img-box{display: flex;flex-wrap: wrap;}
.album-content .album-img-box li{margin: 0 20px 25px 0;width: 170px;text-align: center;border: 1px solid #eee;position: relative}
.album-content .album-img-box li .iconxuanzhong{position: absolute;bottom: -1px;right: -1px;font-size: 22px;color: var(--base-color);display: none;}
.album-content .album-img-box li.selected{border-color: var(--base-color);}
.album-content .album-img-box li.selected .iconxuanzhong {display: block}
.album-content .album-img-box li:nth-child(7n){margin-right: 0;}
.album-content .album-img-box .album-pic{position:relative; width: 130px;height: 130px;line-height: 130px;margin: auto;cursor: pointer}
.album-content .album-img-box .album-pic img{max-height: 100%;max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.album-content .album-img-box li.video{width: 200px;}
.album-content .album-img-box li.video .album-pic{width: 200px;height: 200px;line-height: 200px;display: flex;align-items: center;justify-content: center;background: #ccc;}
.album-content .album-img-box li.video:nth-child(6n){margin-right: 0;}
.album-content .album-img-box li.video:nth-child(7n){margin-right: 20px;}
.album-content .album-img-box .album-pic video{max-height: 100%;max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.album-content .album-img-box .album-img-select{text-align: left;padding: 5px;border-top: 1px solid #eee;}
.album-content .album-img-box .pic-name{line-height: 1.5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.album-content .album-img-box .pic-spec{color: #999;font-size: 12px}
.album-content .album-img-box .album-img-operation{display: flex;justify-content: space-between;padding: 5px;font-size: 12px}
.layui-form-checkbox[lay-skin=primary]{width: 100%;}
.album-img-select .layui-form-checkbox[lay-skin=primary] span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding-right: 0;}
/* 本地图片上传*/.multuple-list{display: flex;flex-wrap: wrap;height: 300px;padding-top: 10px;box-sizing: border-box;}
.multuple-list-img{border-color: #DDDDDD!important;}
.multuple-list li{position: relative;display: flex;margin-bottom: 10px;margin-right: 10px;flex-direction: column;justify-content: center;flex-wrap: wrap;align-items: center;width: 120px;height: 120px;border: 1px solid;position:relative;}
.tips{position:absolute;left:3%;top:-24px;font-size:12px;background-color:#666;display:none;color:#fff;line-height: 12px;}
.multuple-list li img{max-width: 100%;max-height: 100%;}
.multuple-list li video{max-width: 100%;max-height: 100%;}
.upload-close-modal{display: none;position: absolute;top: -10px;right: -10px;height: 20px;width: 20px;font-size: 18px;line-height: 20px;text-align: center;color: #ffffff;background-color: rgba(0, 0, 0, .5);border-radius: 50%;z-index: 1;}
.upload-image-curtain{display: none;position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;line-height: 122px;font-size: 18px;color: #fff;background-color: rgba(0, 0, 0, .5);z-index: 1;}
.multuple-list li:hover .upload-close-modal{display: block;}
.multuple-list li span{cursor: pointer;width: 100%;text-align: center;}
.multuple-list li span:first-of-type{width: 30px;height: 30px;font-size: 18px;margin-bottom: 10px;line-height: 30px;border-radius: 50%;color: #fff;}
/* 图片操作*/.album-foot-operation{display: flex;margin-top: 15px;}
.album-foot-operation .page{margin-left: auto;}
.img-group{max-height: 300px;}
.link-input{display: inline-block!important;vertical-align: top;}
.layui-layer.layui-layer-page .layui-layer-content{overflow-y:auto !important}
.multuple-list-box .form-row{margin-top: 0;}
.multuple-list-box .multuple-list{overflow: auto;}
.thumb-batch{position: absolute;left: 2px;top: 7px;line-height: 14px;}
.one-group {margin-left: 50px}
.two-group {margin-left: 30px}
.add-group.layui-layer.layui-layer-page .layui-layer-content{overflow-y:unset !important}
.album-list .layui-tree-iconArrow:after{top: 5px}
.album-list .layui-tree-spread .layui-tree-iconArrow:after{transform: rotate(90deg);top: 8px;left: 0;}
.album-list .layui-tree .layui-tree-entry {padding: 0;line-height: 1;height: auto;}
.album-list .layui-tree .layui-tree-main {width: 100%;box-sizing: border-box;display: flex;align-items: center;}
.album-list .layui-tree .layui-tree-main .layui-tree-txt{width: 100%;display: flex;justify-content: space-between;padding: 12px 10px 12px 0;}

40
app/shop/view/public/css/refund_detail.css Executable file
View File

@@ -0,0 +1,40 @@
.refund-title{font-weight:700;margin-bottom:8px}
.refund-box{padding:0;font-size:12px;max-width:240px;line-height:21px}
.refund-item .refund-label{color:#646566;display:inline-block;min-width:60px}
.refund-item .refund-content{display:inline;word-break:break-all}
.goods-item{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}
.refund-item .goods-item .image-wrap{width:64px;height:64px;padding-top:5px;vertical-align:middle;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}
.refund-item .goods-item img{width:64px;height:64px;max-width:64px;max-height:64px;min-width:64px}
.refund-item .goods-item .detail-wrap{margin-left:10px;color:#646566;padding-top:5px}
.refund-item .goods-item .gray{color:#999}
.refund-line{border-top:1px solid #ebedf0;padding-top:20px;margin-top:20px}
.refund-state-box{font-size:12px;line-height:18px}
.refund-state-box ul{color:#969799}
.refund-status-remind{color:var(--base-color)}
.refund-status-top{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}
.refund-status-top-left{position:relative;font-size:17px;margin-left:-16px}
.refund-status-top-right{color:#646566}
.refund-status-label{display:inline-block;vertical-align:middle;color:#fff;box-sizing:border-box;height:40px;padding:10px 22px 10px 15px;background:linear-gradient(90deg,var(--base-color),var(--base-color));position:relative}
.refund-status-label:after{display:inline-block;position:absolute;content:"";right:0;top:0;border-color:transparent #fff transparent transparent;border-style:solid;border-width:20px 6px}
.refund-no{display:inline-block;margin-left:8px;vertical-align:middle;font-size:16px}
.refund-apply-member{display:inline-block;margin-right:16px;line-height:20px;vertical-align:middle;position:relative}
.refund-apply-member:after{display:block;content:"";position:absolute;width:1px;height:20px;background-color:#ebedf0;right:-10px;top:0}
.refund-apply-time:last-child{margin-right:0}
.refund-apply-time{display:inline-block;margin-right:16px;line-height:20px;vertical-align:middle;position:relative}
.refund-button{display: block;position: fixed;left: 274px;right: 27px;bottom: 0;min-width: 760px;clear: both;z-index: 10;transition: right .2s;box-shadow: 0 -3px 5px #eee;}
.refund-button .inner{padding: 10px;background-color: #fff;border-top: 0;margin: 0;text-align: center;}
.refund-btn{color:#323233;color:var(--theme-stroke-1,#323233);background-color:#fff;background-color:var(--theme-stroke-9,#fff);display:inline-block;height:32px;line-height:30px;font-size:14px;padding:0 16px;border-radius:2px;font-family:inherit;border:1px solid #dcdee0;border-color:var(--theme-stroke-5,#dcdee0);text-align:center;vertical-align:middle;box-sizing:border-box;cursor:pointer;transition:all .3s}
.refund-money{color:#d40000}
.refund-block-title{font-weight:700;padding-bottom:10px;border-bottom:1px solid #ebedf0;background-color:#fff;font-size:14px;margin-top:30px;}
.refund-block-content{margin-top:20px;padding: 0 48px;}
.refund-way{width:24px;height:24px;line-height:24px;display:inline-block;border-radius:50%;background-color:#74829d;color:#fff;text-align:center}
.seller-buyer{background-color:var(--base-color)}
.platform-buyer{background-color:#5FB878}
.layui-timeline-item:last-child:before{display:none !important;}
.layui-timeline-axis:hover{color:#FFF;}
.desc {color: #999;font-size: 12px}
.layui-timeline-axis {left: 10px;}
.layui-timeline-item:before{margin-left: 17px;}
.shop-information-table>table{border-bottom: 1px solid rgb(238,238,238);}
.align-center {text-align: center !important;}
.table-trTow .goods-name {width: 200px;}

36
app/shop/view/public/css/register.css Executable file
View File

@@ -0,0 +1,36 @@
/* 头部*/
.apply-header{height: 80px;line-height: 80px;border-bottom: 1px solid #EFEFEF;}
.apply-header .apply-header-box{height:100%;position: relative;display: flex;justify-content: space-between;align-items: center;padding: 0 30px;margin: auto;}
.apply-header .apply-header-title{color: #5D5D5D;}
.apply-header .apply-header-title span:nth-of-type(1){font-size: 16px;font-weight: 400;}
.apply-header .apply-header-title span:nth-of-type(2){display: inline-block;background-color: #ffede5;line-height: 1;padding: 5px;border-radius: 3px;margin-left: 5px;}
.layui-nav .layui-nav-item a{max-width: 100px;}
.layui-nav .layui-nav-item a, .layui-nav .layui-nav-item a:hover{color: #5D5D5D;}
.apply-header .layui-nav{padding-left: 0;position:relative !important;height: 80px;background-color: transparent;}
.layui-nav .layui-nav-more{border-top-color: #5D5D5D;}
.layui-nav .layui-nav-mored{border-color: transparent transparent #5D5D5D;}
.phone{margin-left: auto;}
.apply-header .layui-nav .layui-nav-bar{width: 0 !important;}
.apply-body{margin: 80px 0;display: flex;justify-content: center;}
/* 内容*/
.register-body {position: relative;width: 100%;min-height: 800px; height: calc(100vh - 81px);}
.register-content h2{margin-bottom: 25px; font-size: 30px;text-align: center;color: #555;}
.register-content{position: absolute;background-color: #fff;left: 0;right: 0;top: 40%;transform: translateY(-50%);margin: auto;padding: 30px;width: 425px;box-sizing: border-box;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.register-content .register-input{background-color: #fff;overflow: hidden;width: 362px;border: 1px solid #d7d7d7;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.register-content .register-input{display: flex; margin-bottom: 30px;}
.register-content .register-input span{display: inline-block;padding-left: 20px;width: 98px;height: 48px;line-height: 48px;text-align: right;}
.register-content .register-input input{display: inline-block;width: 358px;height: 48px;line-height: 48px;border: none;}
.register-verification{width: 375px;}
.register-verification .register-verify-code-img{display: inline-block;width: 120px;height: 48px;line-height: 48px;}
#register_verify_img {height: 100%;}
.register-content .layui-btn{display: block;margin: auto;width: 362px;height: 48px;color: #fff;border-radius: 5px;}
.operation-register{height: 30px;line-height: 30px;text-align: center;font-size: 16px;margin-top: 10px;color: rgba(0,0,0,.5);}
.register-bottom{color: #999;box-sizing: border-box;text-align: center;padding-bottom: 50px;padding-top: 50px;line-height: 1.8;position: absolute; bottom: 0;left: 50%;transform: translateX(-50%);}
.register-bottom a{color: #999;}
.register-bottom .gov-box img{max-width: 20px;max-height: 20px;margin-right: 5px;}
.footer-img{margin-bottom: 18px;}
.footer-img img{max-width: 100px;max-height: 27px;}
.apply-header .apply-header-title a{width: 200px;height: 50px;display: flex; justify-content: center;align-items: center;}
.apply-header .apply-header-title a img{max-height: 100%;max-width: 100%;}

145
app/shop/view/public/css/store_lists.css Executable file
View File

@@ -0,0 +1,145 @@
/* 商城列表 */
.store-list {
width: 100%;
padding: 25px;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
}
.store-li {
display: inline-block;
width: calc(25% - 19px);
margin-right: 25px;
margin-bottom: 25px;
border: 1px solid #EAEAEA;
border-bottom-color: #EAEAEA !important;
border-left-color: #EAEAEA !important;
border-right-color: #EAEAEA !important;
box-sizing: border-box;
border-radius: 2px;
padding: 20px 15px 10px 20px;
position: relative;
cursor: pointer;
border-top-width: 3px;
transition: all .3s;
}
.store-li:hover{
border-right-color: transparent !important;
border-left-color: transparent !important;
border-bottom-color: transparent !important;
box-shadow: 0 5px 10px rgb(from var(--base-color) r g b / 20%);
}
.store-li:nth-child(4n) {
margin-right: 0;
}
.store-name {
font-size: 14px;
line-height: 20px;
margin-bottom: 15px;
position: relative;
font-weight :600;
color: #333333;
}
.store-name .store-name{
display:inline-block;
white-space: nowrap;
width: 80%;
overflow: hidden;
text-overflow:ellipsis;
}
.store-default{
color: var(--base-color);
background: #fff;
border: 1px solid var(--base-color);
font-weight: 500;
padding: 1px 5px;
border-radius: 2px;
margin-right: 5px;
}
.store-time {
font-size: 14px;
color: #999999;
line-height: 20px;
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow:ellipsis;
}
.store-operation {
position: relative;
color: #7E7E7E;
height: 30px;
line-height: 30px;
overflow: hidden;
margin-top: 15px;
}
.store-operation a {
margin: 0 3px;
color: #7E7E7E;
}
.store-operation button {
font-size: 14px;
height: 24px;
line-height: 23px;
padding-left: 6px;
padding-right: 6px;
margin-left: 6px;
position: absolute;
top: 3px;
right: 0px;
}
/* 分页 */
#list_page {
padding-right: 25px;
text-align: right;
}
.store-list .empty{
font-size: 18px;
color: #999;
text-align: center;
margin: 100px auto;
}
.edit-password{
color: var(--base-color);
margin-left: 15px;
}
.type-name{
position: absolute;
right: 0px;
font-size: 12px;
border: 1px solid #08ba06;
color: #08ba06;
padding: 0px 8px;
border-radius: 2px;
}
.type-name-cloe{
position: absolute;
right: 0px;
font-size: 12px;
border: 1px solid #dddddd;
color: #999999;
padding: 0px 8px;
border-radius: 2px;
}
.operation-type{
color: var(--base-color);
font-size: 14px;
margin-right: 20px;
display: none;
}
.store-li:hover .store-time{
color: #666666 !important;
}
.store-li:hover .operation-type{
display: inline-block !important;
}
.layui-tab-title{
margin-bottom: 20px;
}

44
app/shop/view/public/css/template/brown/common.css Executable file
View File

@@ -0,0 +1,44 @@
@charset "UTF-8";
/**
Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
Scss转换：https://www.sassmeister.com
*/
/* 文字基本颜色 */
:root {
--base-color: #CFAF70;
}
.draggable-element.selected {
box-shadow: 0 0 5px #f5efe3;
}
.component-list ul li:not(.disabled):hover {
background: white;
color: #dcc496 !important;
}
.component-list ul li:not(.disabled):hover i {
color: #dcc496 !important;
}
.component-list ul li:not(.disabled):hover span:last-child {
color: #dcc496;
}
.border-color-light-9 {
border-color: #f5efe3 !important;
}
.bg-color-light-9 {
background: #f5efe3 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
background-color: rgba(207, 175, 112, 0.08) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
background-color: rgba(207, 175, 112, 0.08) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
background-color: rgba(207, 175, 112, 0.08);
}

50
app/shop/view/public/css/template/brown/common.scss Executable file
View File

@@ -0,0 +1,50 @@
/**
Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
Scss转换：https://www.sassmeister.com
*/
/* 文字基本颜色 */
$base-color: #CFAF70; //主色调
:root {
--base-color: #CFAF70;
}
$alpha: 0.08;
$base-color-alpha-8: rgba(red($base-color), green($base-color), blue($base-color), $alpha);
.draggable-element.selected {
box-shadow: 0 0 5px lighten($base-color, 30%);
}
.component-list ul li:not(.disabled):hover {
background: lighten($base-color, 40%);
color: lighten($base-color, 10%) !important;
i {
color: lighten($base-color, 10%) !important;
}
span:last-child {
color: lighten($base-color, 10%);
}
}
.border-color-light-9{
border-color: lighten($base-color, 40%) !important;
}
.bg-color-light-9{
background: lighten($base-color, 30%) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
background-color: $base-color-alpha-8 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
background-color: $base-color-alpha-8 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
background-color: $base-color-alpha-8;
}

44
app/shop/view/public/css/template/default/common.css Executable file
View File

@@ -0,0 +1,44 @@
@charset "UTF-8";
/**
Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
Scss转换：https://www.sassmeister.com
*/
/* 文字基本颜色 */
:root {
--base-color: #105CFB;
}
.draggable-element.selected {
box-shadow: 0 0 5px #a6c3fe;
}
.component-list ul li:not(.disabled):hover {
background: #d9e5fe;
color: #427efc !important;
}
.component-list ul li:not(.disabled):hover i {
color: #427efc !important;
}
.component-list ul li:not(.disabled):hover span:last-child {
color: #427efc;
}
.border-color-light-9 {
border-color: #d9e5fe !important;
}
.bg-color-light-9 {
background: #d9e5fe !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
background-color: rgba(16, 92, 251, 0.08) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
background-color: rgba(16, 92, 251, 0.08) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
background-color: rgba(16, 92, 251, 0.08);
}

50
app/shop/view/public/css/template/default/common.scss Executable file
View File

@@ -0,0 +1,50 @@
/**
Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
Scss转换：https://www.sassmeister.com
*/
/* 文字基本颜色 */
$base-color: #105CFB; //主色调
:root {
--base-color: #105CFB;
}
$alpha: 0.08;
$base-color-alpha-8: rgba(red($base-color), green($base-color), blue($base-color), $alpha);
.draggable-element.selected {
box-shadow: 0 0 5px lighten($base-color, 30%);
}
.component-list ul li:not(.disabled):hover {
background: lighten($base-color, 40%);
color: lighten($base-color, 10%) !important;
i {
color: lighten($base-color, 10%) !important;
}
span:last-child {
color: lighten($base-color, 10%);
}
}
.border-color-light-9{
border-color: lighten($base-color, 40%) !important;
}
.bg-color-light-9{
background: lighten($base-color, 40%) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
background-color: $base-color-alpha-8 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
background-color: $base-color-alpha-8 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
background-color: $base-color-alpha-8;
}

44
app/shop/view/public/css/template/green/common.css Executable file
View File

@@ -0,0 +1,44 @@
@charset "UTF-8";
/**
Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
Scss转换：https://www.sassmeister.com
*/
/* 文字基本颜色 */
:root {
--base-color: #19C650;
}
.draggable-element.selected {
box-shadow: 0 0 5px #88f0a9;
}
.component-list ul li:not(.disabled):hover {
background: #b5f6ca;
color: #2de568 !important;
}
.component-list ul li:not(.disabled):hover i {
color: #2de568 !important;
}
.component-list ul li:not(.disabled):hover span:last-child {
color: #2de568;
}
.border-color-light-9 {
border-color: #b5f6ca !important;
}
.bg-color-light-9 {
background: #b5f6ca !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
background-color: rgba(25, 198, 80, 0.08) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
background-color: rgba(25, 198, 80, 0.08) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
background-color: rgba(25, 198, 80, 0.08);
}

50
app/shop/view/public/css/template/green/common.scss Executable file
View File

@@ -0,0 +1,50 @@
/**
Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
Scss转换：https://www.sassmeister.com
*/
/* 文字基本颜色 */
$base-color: #19C650; //主色调
:root {
--base-color: #19C650;
}
$alpha: 0.08;
$base-color-alpha-8: rgba(red($base-color), green($base-color), blue($base-color), $alpha);
.draggable-element.selected {
box-shadow: 0 0 5px lighten($base-color, 30%);
}
.component-list ul li:not(.disabled):hover {
background: lighten($base-color, 40%);
color: lighten($base-color, 10%) !important;
i {
color: lighten($base-color, 10%) !important;
}
span:last-child {
color: lighten($base-color, 10%);
}
}
.border-color-light-9{
border-color: lighten($base-color, 40%) !important;
}
.bg-color-light-9{
background: lighten($base-color, 40%) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
background-color: $base-color-alpha-8 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
background-color: $base-color-alpha-8 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
background-color: $base-color-alpha-8;
}

44
app/shop/view/public/css/template/orange/common.css Executable file
View File

@@ -0,0 +1,44 @@
@charset "UTF-8";
/**
Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
Scss转换：https://www.sassmeister.com
*/
/* 文字基本颜色 */
:root {
--base-color: #FA6400;
}
.draggable-element.selected {
box-shadow: 0 0 5px #ffbf94;
}
.component-list ul li:not(.disabled):hover {
background: #ffddc7;
color: #ff822e !important;
}
.component-list ul li:not(.disabled):hover i {
color: #ff822e !important;
}
.component-list ul li:not(.disabled):hover span:last-child {
color: #ff822e;
}
.border-color-light-9 {
border-color: #ffddc7 !important;
}
.bg-color-light-9 {
background: #ffddc7 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
background-color: rgba(250, 100, 0, 0.08) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
background-color: rgba(250, 100, 0, 0.08) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
background-color: rgba(250, 100, 0, 0.08);
}

50
app/shop/view/public/css/template/orange/common.scss Executable file
View File

@@ -0,0 +1,50 @@
/**
Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
Scss转换：https://www.sassmeister.com
*/
/* 文字基本颜色 */
$base-color: #FA6400; //主色调
:root {
--base-color: #FA6400;
}
$alpha: 0.08;
$base-color-alpha-8: rgba(red($base-color), green($base-color), blue($base-color), $alpha);
.draggable-element.selected {
box-shadow: 0 0 5px lighten($base-color, 30%);
}
.component-list ul li:not(.disabled):hover {
background: lighten($base-color, 40%);
color: lighten($base-color, 10%) !important;
i {
color: lighten($base-color, 10%) !important;
}
span:last-child {
color: lighten($base-color, 10%);
}
}
.border-color-light-9{
border-color: lighten($base-color, 40%) !important;
}
.bg-color-light-9{
background: lighten($base-color, 40%) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
background-color: $base-color-alpha-8 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
background-color: $base-color-alpha-8 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
background-color: $base-color-alpha-8;
}

44
app/shop/view/public/css/template/pink/common.css Executable file
View File

@@ -0,0 +1,44 @@
@charset "UTF-8";
/**
Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
Scss转换：https://www.sassmeister.com
*/
/* 文字基本颜色 */
:root {
--base-color: #ff08a7;
}
.draggable-element.selected {
box-shadow: 0 0 5px #ffa1de;
}
.component-list ul li:not(.disabled):hover {
background: #ffd4f0;
color: #ff3bb9 !important;
}
.component-list ul li:not(.disabled):hover i {
color: #ff3bb9 !important;
}
.component-list ul li:not(.disabled):hover span:last-child {
color: #ff3bb9;
}
.border-color-light-9 {
border-color: #ffd4f0 !important;
}
.bg-color-light-9 {
background: #ffd4f0 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
background-color: rgba(255, 8, 167, 0.08) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
background-color: rgba(255, 8, 167, 0.08) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
background-color: rgba(255, 8, 167, 0.08);
}

50
app/shop/view/public/css/template/pink/common.scss Executable file
View File

@@ -0,0 +1,50 @@
/**
Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
Scss转换：https://www.sassmeister.com
*/
/* 文字基本颜色 */
$base-color: #ff08a7; //主色调
:root {
--base-color: #ff08a7;
}
$alpha: 0.08;
$base-color-alpha-8: rgba(red($base-color), green($base-color), blue($base-color), $alpha);
.draggable-element.selected {
box-shadow: 0 0 5px lighten($base-color, 30%);
}
.component-list ul li:not(.disabled):hover {
background: lighten($base-color, 40%);
color: lighten($base-color, 10%) !important;
i {
color: lighten($base-color, 10%) !important;
}
span:last-child {
color: lighten($base-color, 10%);
}
}
.border-color-light-9{
border-color: lighten($base-color, 40%) !important;
}
.bg-color-light-9{
background: lighten($base-color, 40%) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
background-color: $base-color-alpha-8 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
background-color: $base-color-alpha-8 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
background-color: $base-color-alpha-8;
}

44
app/shop/view/public/css/template/purple/common.css Executable file
View File

@@ -0,0 +1,44 @@
@charset "UTF-8";
/**
Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
Scss转换：https://www.sassmeister.com
*/
/* 文字基本颜色 */
:root {
--base-color: #A253FF;
}
.draggable-element.selected {
box-shadow: 0 0 5px #f5ecff;
}
.component-list ul li:not(.disabled):hover {
background: white;
color: #be86ff !important;
}
.component-list ul li:not(.disabled):hover i {
color: #be86ff !important;
}
.component-list ul li:not(.disabled):hover span:last-child {
color: #be86ff;
}
.border-color-light-9 {
border-color: #f5ecff !important;
}
.bg-color-light-9 {
background: #f5ecff !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
background-color: rgba(162, 83, 255, 0.08) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
background-color: rgba(162, 83, 255, 0.08) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
background-color: rgba(162, 83, 255, 0.08);
}

50
app/shop/view/public/css/template/purple/common.scss Executable file
View File

@@ -0,0 +1,50 @@
/**
Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
Scss转换：https://www.sassmeister.com
*/
/* 文字基本颜色 */
$base-color: #A253FF; //主色调
:root {
--base-color: #A253FF;
}
$alpha: 0.08;
$base-color-alpha-8: rgba(red($base-color), green($base-color), blue($base-color), $alpha);
.draggable-element.selected {
box-shadow: 0 0 5px lighten($base-color, 30%);
}
.component-list ul li:not(.disabled):hover {
background: lighten($base-color, 40%);
color: lighten($base-color, 10%) !important;
i {
color: lighten($base-color, 10%) !important;
}
span:last-child {
color: lighten($base-color, 10%);
}
}
.border-color-light-9{
border-color: lighten($base-color, 40%) !important;
}
.bg-color-light-9{
background: lighten($base-color, 30%) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
background-color: $base-color-alpha-8 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
background-color: $base-color-alpha-8 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
background-color: $base-color-alpha-8;
}

44
app/shop/view/public/css/template/red/common.css Executable file
View File

@@ -0,0 +1,44 @@
@charset "UTF-8";
/**
Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
Scss转换：https://www.sassmeister.com
*/
/* 文字基本颜色 */
:root {
--base-color: #F4391c;
}
.draggable-element.selected {
box-shadow: 0 0 5px #fbb8ae;
}
.component-list ul li:not(.disabled):hover {
background: #fde3df;
color: #f6634d !important;
}
.component-list ul li:not(.disabled):hover i {
color: #f6634d !important;
}
.component-list ul li:not(.disabled):hover span:last-child {
color: #f6634d;
}
.border-color-light-9 {
border-color: #fde3df !important;
}
.bg-color-light-9 {
background: #fde3df !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
background-color: rgba(244, 57, 28, 0.08) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
background-color: rgba(244, 57, 28, 0.08) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
background-color: rgba(244, 57, 28, 0.08);
}

50
app/shop/view/public/css/template/red/common.scss Executable file
View File

@@ -0,0 +1,50 @@
/**
Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
Scss转换：https://www.sassmeister.com
*/
/* 文字基本颜色 */
$base-color: #F4391c; //主色调
:root {
--base-color: #F4391c;
}
$alpha: 0.08;
$base-color-alpha-8: rgba(red($base-color), green($base-color), blue($base-color), $alpha);
.draggable-element.selected {
box-shadow: 0 0 5px lighten($base-color, 30%);
}
.component-list ul li:not(.disabled):hover {
background: lighten($base-color, 40%);
color: lighten($base-color, 10%) !important;
i {
color: lighten($base-color, 10%) !important;
}
span:last-child {
color: lighten($base-color, 10%);
}
}
.border-color-light-9{
border-color: lighten($base-color, 40%) !important;
}
.bg-color-light-9{
background: lighten($base-color, 40%) !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
background-color: $base-color-alpha-8 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
background-color: $base-color-alpha-8 !important;
}
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
background-color: $base-color-alpha-8;
}

10
app/shop/view/public/css/upgrade/jquery.easy-pie-chart.css Executable file
View File

@@ -0,0 +1,10 @@
.easyPieChart {
position: relative;
text-align: center;
}
.easyPieChart canvas {
position: absolute;
top: 0;
left: 0;
}

116
app/shop/view/public/css/upgrade/loading.css Executable file
View File

@@ -0,0 +1,116 @@
#loading{
background-color: #FFF;
height: 100%;
width: 100%;
position: absolute;
z-index: 1;
margin-top: 0px;
top: 0px;
}
#loading-center{
width: 100%;
height: 100%;
position: relative;
}
#loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
-moz-border-radius: 50% 50% 50% 50%;
-webkit-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
}
.object{
width: 15px;
height: 15px;
background-color: #888888;
position: absolute;
-moz-border-radius: 50% 50% 50% 50%;
-webkit-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-animation: animate 0.8s infinite;
animation: animate 0.8s infinite;
}
#object_one {
top: 19px;
left: 19px;
}
#object_two {
top: 0px;
left: 65px;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
#object_three {
top: 19px;
left: 111px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
#object_four {
top: 65px;
left: 130px;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
#object_five {
top: 111px;
left: 111px;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
#object_six {
top: 130px;
left: 65px;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
#object_seven {
top: 111px;
left: 19px;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
#object_eight {
top: 65px;
left: 0px;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
@-webkit-keyframes animate {
25% {
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
75% {
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes animate {
50% {
-ms-transform: scale(1.5,1.5);
-webkit-transform: scale(1.5,1.5);
transform: scale(1.5,1.5);
}
100% {
-ms-transform: scale(1,1);
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
}

120
app/shop/view/public/css/upgrade/style.css Executable file
View File

@@ -0,0 +1,120 @@
body {
font: 13px/1.4 'Helvetica Neue', 'Helvetica','Arial', sans-serif;
color: #333;
}
.container {
width: 520px;
margin: auto;
}
h1 {
border-bottom: 1px solid #d9d9d9;
}
.chart {
float: left;
margin: 10px;
}
.percentage,
.label {
text-align: center;
color: #333;
font-weight: 100;
font-size: 1.2em;
margin-bottom: 0.3em;
}
.credits {
padding-top: 0.5em;
clear: both;
color: #999;
}
.credits a {
color: #333;
}
.dark {
background: #333;
}
.dark .percentage-light,
.dark .label {
text-align: center;
color: #999;
font-weight: 100;
font-size: 1.2em;
margin-bottom: 0.3em;
}
.button {
-webkit-box-shadow: inset 0 0 1px #000, inset 0 1px 0 1px rgba(255,255,255,0.2), 0 1px 1px -1px rgba(0, 0, 0, .5);
-moz-box-shadow: inset 0 0 1px #000, inset 0 1px 0 1px rgba(255,255,255,0.2), 0 1px 1px -1px rgba(0, 0, 0, .5);
box-shadow: inset 0 0 1px #000, inset 0 1px 0 1px rgba(255,255,255,0.2), 0 1px 1px -1px rgba(0, 0, 0, .5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
font-weight: bold;
text-transform: uppercase;
display: block;
margin: auto;
max-width: 200px;
text-align: center;
background-color: #5c5c5c;
background-image: -moz-linear-gradient(top, #666666, #4d4d4d);
background-image: -ms-linear-gradient(top, #666666, #4d4d4d);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#4d4d4d));
background-image: -webkit-linear-gradient(top, #666666, #4d4d4d);
background-image: -o-linear-gradient(top, #666666, #4d4d4d);
background-image: linear-gradient(top, #666666, #4d4d4d);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#4d4d4d', GradientType=0);
color: #ffffff;
text-shadow: 0 1px 1px #333333;
}
.button:hover {
color: #ffffff;
text-decoration: none;
background-color: #616161;
background-image: -moz-linear-gradient(top, #6b6b6b, #525252);
background-image: -ms-linear-gradient(top, #6b6b6b, #525252);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6b6b6b), to(#525252));
background-image: -webkit-linear-gradient(top, #6b6b6b, #525252);
background-image: -o-linear-gradient(top, #6b6b6b, #525252);
background-image: linear-gradient(top, #6b6b6b, #525252);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#525252', GradientType=0);
}
.button:active {
background-color: #575757;
background-image: -moz-linear-gradient(top, #616161, #474747);
background-image: -ms-linear-gradient(top, #616161, #474747);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#616161), to(#474747));
background-image: -webkit-linear-gradient(top, #616161, #474747);
background-image: -o-linear-gradient(top, #616161, #474747);
background-image: linear-gradient(top, #616161, #474747);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161', endColorstr='#474747', GradientType=0);
-webkit-transform: translate(0, 1px);
-moz-transform: translate(0, 1px);
-ms-transform: translate(0, 1px);
-o-transform: translate(0, 1px);
transform: translate(0, 1px);
}
.button:disabled {
background-color: #dddddd;
background-image: -moz-linear-gradient(top, #e7e7e7, #cdcdcd);
background-image: -ms-linear-gradient(top, #e7e7e7, #cdcdcd);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7e7), to(#cdcdcd));
background-image: -webkit-linear-gradient(top, #e7e7e7, #cdcdcd);
background-image: -o-linear-gradient(top, #e7e7e7, #cdcdcd);
background-image: linear-gradient(top, #e7e7e7, #cdcdcd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#cdcdcd', GradientType=0);
color: #939393;
text-shadow: 0 1px 1px #fff;
}

173
app/shop/view/public/css/upgrade/version_log.css Executable file
View File

@@ -0,0 +1,173 @@
.log-content-block{padding:20px;background-color:#FFF}
.log-content{display:flex;margin-left: 120px;}
.log-step-text{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-left: 10px;}
.log-step-text-title{
line-height:16px!important;
color:#000!important;
font-size:14px!important;
padding-bottom:8px;
}
.log-step-text-content{color:#999;font-size:12px}
.log-detail{
color:#000;
font-size:12px;
display: flex;
align-items: baseline;
padding-top: 8px;
}
.log-no-block{padding:20px}
.log-body{
margin-left: 60px;
margin-bottom:26px;
display: inline-block;
cursor: pointer;
}
.log-version-date{
left: -120px;
width: 100px;
color: #000 !important;
font-size: 16px !important;
}
.layui-timeline-axis{
z-index: 1 !important;
}
.layui-icon{
}
.layui-icon.layui-timeline-axis{
color:#fff !important;
width: 12px;
height: 12px;
line-height: 12px;
padding: 2px;
font-size: 9px;
text-align: center;
left:-3px;
}
.load-more .log-step-text-title{
cursor: pointer;
}
.load-more-img{
position: absolute;
width: 20px;
left: -4px;
}
.open{
display: none
}
.item-block-parent {
padding-left: 60px;
box-sizing: border-box;
}
.item-block-btn {
position: absolute;
top: 15px;
right: 15px;
font-size: 12px;
cursor: pointer;
}
/* .item-block-parent .item-block .prompt-block {
position: absolute;
top: 15px;
right: 15px;
font-size: 12px;
cursor: pointer;
}
.item-block-parent .item-block .prompt-block .prompt {
width: auto;
height: auto;
line-height: unset;
}
.item-block-parent .item-block .prompt-block .prompt-box {
top: 30px;
left: -50px;
width: 150px;
}
.prompt-block .prompt-box:before, .prompt-block .prompt-box:after {
left: 62px;
top: unset;
}
.prompt-block .prompt-box:before {
border-bottom-color: #e4e4e4;
border-right-color: transparent;
top: -25px;
}
.prompt-block .prompt-box:after {
border-bottom-color: #FFFFFF;
border-right-color: transparent;
top: -23px;
} */
.item-block-parent .item-block:hover {
background-color: #f7f8fa;
}
.item-block-parent .item-block-wrap {
align-items: center;
}
.item-block-parent .item-pic {
width: 58px;
height: 58px;
line-height: 58px;
}
.item-block-parent .item-pic img {
vertical-align: top;
}
.item-block-parent .item-con {
height: auto;
}
.item-block-parent .item-con .item-content-title {
margin-bottom: 6px;
}
@media screen and (min-width: 1683px) and (max-width: 1920px) {
.item-block {
width: 27%;
margin-right: 2%;
margin-bottom: 25px;
}
.item-block:nth-child(3n) {
margin-right: 0;
}
.item-block:nth-child(4n),
.item-block:nth-child(5n) {
margin-right: 2% !important;
}
}
@media screen and (max-width: 1682px) {
.item-block {
width: 31.5%;
margin-right: 2%;
margin-bottom: 25px;
}
.item-block:nth-child(2n) {
margin-right: 0;
}
.item-block:nth-child(3n) {
margin-right: 2% !important;
}
}
.layui-layer-page .layui-layer-content {
line-height: 26px;
overflow: auto !important;
}

40
app/shop/view/public/css/verify.css Executable file
View File

@@ -0,0 +1,40 @@
.single-filter-box .layui-input-inline{margin-left: 0;}
.select-box{width:120px}
.check-div{display:none}
.check-div>span{display:inline-block;width:24px}
.layui-form-item .layui-input-inline{margin-right:0!important;height:45px;line-height:45px}
.layui-input,.layui-select,.layui-textarea{border-radius:unset;height:38px;border:1px solid #e5e5e5}
.search-input{border:1px solid #e5e5e5;}
.search-input-box{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.layui-form-item{display:flex}
.search-btn-box{width:74px !important}
.search-icon{height:32px;line-height:34px;text-align:center;border:1px solid #e5e5e5;border-left:none;cursor:pointer}
.layui-form-select dl{top:37px}
.layui-form-select dl dd,.layui-form-select dl dt{line-height:36px}
.search-content-block{padding:20px;border:1px solid #e5e5e5;background-color:#FFF}
.search-content{display:flex}
.verify-step-text{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-left: 10px;}
.verify-step-text-title{font-weight:700!important;line-height:24px!important;color:#000!important;font-size:14px!important}
.verify-step-text-content{color:#999;font-size:12px}
.verify-no-block{padding:20px}
.verify-product-img img{max-height:100%;max-width:100%;display:inline-block}
.verify-product-content p{font-size:14px;line-height:25px;color:#333}
.verify-order-p .verify-order-title{display:inline-block;width:80px;height:28px;line-height:28px;color:#999}
.verify-order-p span{display:inline-block;height:28px;line-height:28px;color:#999}
.order-product-money i{font-style:normal}
.verify-btn button{height:auto;line-height:unset;padding: 8px 31px;font-size: 13px;}
.select-box .layui-select-title input{border-right:none;}
/*验证信息结构*/
.verify-info{font-size:14px;line-height:30px;margin-bottom:16px;color:#323233}
.verify-info-inner{padding:24px 16px 0;overflow-y:overlay}
.verify-info-desc{font-size:14px;line-height:30px;position:relative;margin:0 16px 24px;padding-top:16px;border-top:1px solid #dcdee0}
.verify-info-item{display:-ms-flexbox;display:flex;padding-bottom:16px}
.verify-info-inner-item{-ms-flex:1 1 auto;flex:1 1 auto}
.verify-info-img{width:80px;height:80px;margin-right:10px;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:1px solid #e5e5e5}
.verify-info-img img{max-height:100%;max-width:100%}
.verify-info-name{font-size:16px;font-weight:700}
.verify-info-desc-item{color:#969799;line-height:20px;margin:8px 0}
.verify-button{position:absolute;bottom:0;right:0}
.single-filter-box {margin-top: 0;}