first commit
This commit is contained in:
编码猿
1
滴滴淘/shop-pc/src/assets/less/.pydio
Normal file
1
滴滴淘/shop-pc/src/assets/less/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
092bac7d-6556-43f4-b118-9ecfde682a03
|
||||
1
滴滴淘/shop-pc/src/assets/less/components/.pydio
Normal file
1
滴滴淘/shop-pc/src/assets/less/components/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
8482e09e-a780-4a2b-8d9e-fb04258f5c7d
|
||||
17
滴滴淘/shop-pc/src/assets/less/components/Cell.less
Normal file
17
滴滴淘/shop-pc/src/assets/less/components/Cell.less
Normal file
@@ -0,0 +1,17 @@
|
||||
@import '../public/color.less';
|
||||
|
||||
.cell{
|
||||
display: flex;
|
||||
.left{
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
line-height: 32px;
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
color: @color1;
|
||||
}
|
||||
.right{
|
||||
display: inline-block;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
143
滴滴淘/shop-pc/src/assets/less/components/FirstStep.less
Normal file
143
滴滴淘/shop-pc/src/assets/less/components/FirstStep.less
Normal file
@@ -0,0 +1,143 @@
|
||||
@import '../public/color.less';
|
||||
@import '../public/mixins.less';
|
||||
|
||||
.babyInfo {
|
||||
width: 80%;
|
||||
// height: 40px;
|
||||
}
|
||||
.sort {
|
||||
width: 91.33%;
|
||||
text-align: right;
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.bodyRow {
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
// justify-content: space-between;
|
||||
margin-top: 10px;
|
||||
.row {
|
||||
border: 1px solid @c3;
|
||||
width: 240px;
|
||||
display: inline-block;
|
||||
margin-bottom: 15px;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
margin-right: 15px;
|
||||
.shadow();
|
||||
&:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
&:hover {
|
||||
.shadow();
|
||||
border: 1px solid @c1;
|
||||
.buttonGroup {
|
||||
border-top: 1px solid @c1;
|
||||
}
|
||||
}
|
||||
.rowImg {
|
||||
height: 200px;
|
||||
width: 100%;
|
||||
margin-bottom: 5px;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.title {
|
||||
text-align: left;
|
||||
margin-bottom: 5px;
|
||||
padding: 0 20px;
|
||||
height: 44px;
|
||||
.hiddenText(2);
|
||||
}
|
||||
.price {
|
||||
margin: 0 auto 5px;
|
||||
width: 200px;
|
||||
font-size: 16px;
|
||||
color: #ff5500;
|
||||
}
|
||||
.iconName {
|
||||
margin: 0 auto;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 5px;
|
||||
.name {
|
||||
color: #888;
|
||||
// text-align: left;
|
||||
// flex: 1;
|
||||
// padding: 0 10px;
|
||||
}
|
||||
}
|
||||
.buttonGroup {
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
border-top: 1px solid @c3;
|
||||
.operation {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
.operationBut {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
color: @c1;
|
||||
&:hover {
|
||||
background-color: @c1;
|
||||
color: @white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.forceUpdate {
|
||||
border: 1px solid @warning1;
|
||||
&:hover {
|
||||
.shadow();
|
||||
border: 1px solid @warning1;
|
||||
.buttonGroup {
|
||||
border-top: 1px solid @warning1;
|
||||
}
|
||||
}
|
||||
.buttonGroup {
|
||||
border-top: 1px solid @warning1;
|
||||
.operation {
|
||||
.operationBut {
|
||||
color: @warning1;
|
||||
&:hover {
|
||||
background-color: @warning1 !important;
|
||||
color: @white !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px solid @c1;
|
||||
.shadow();
|
||||
border: 1px solid @c1;
|
||||
.buttonGroup {
|
||||
border-top: 1px solid @c1;
|
||||
}
|
||||
.buttonGroup {
|
||||
border-top: 1px solid @c1;
|
||||
.operation {
|
||||
.operationBut {
|
||||
background-color: @c1;
|
||||
color: @white !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rowActive {
|
||||
.shadow();
|
||||
}
|
||||
}
|
||||
.sub {
|
||||
width: 200px;
|
||||
margin-left: 130px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
82
滴滴淘/shop-pc/src/assets/less/components/Guide.less
Normal file
82
滴滴淘/shop-pc/src/assets/less/components/Guide.less
Normal file
@@ -0,0 +1,82 @@
|
||||
@import '../public/color.less';
|
||||
@import '../public/mixins.less';
|
||||
|
||||
.guide{
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 260px;
|
||||
height: 100%;
|
||||
background-color: @white;
|
||||
border-left: 1px solid @BorderBase;
|
||||
box-sizing: border-box;
|
||||
.header{
|
||||
line-height: 51px;
|
||||
height: 51px;
|
||||
border-bottom: 1px solid @BorderBase;
|
||||
padding: 0 20px;
|
||||
}
|
||||
.center{
|
||||
padding-top: 20px;
|
||||
.serve{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
img{
|
||||
height: 140px;
|
||||
width: 140px;
|
||||
}
|
||||
p{
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-top: 10px;
|
||||
}
|
||||
a{
|
||||
margin-top: 3px;
|
||||
background-color: @c1;
|
||||
padding: 2px 20px;
|
||||
color: @white;
|
||||
border-radius: 2px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.service_text{
|
||||
margin-top: 5px;
|
||||
width: 80%;
|
||||
padding-left: 10px;
|
||||
span{
|
||||
margin-right: 5px;
|
||||
}
|
||||
.service_text_span{
|
||||
width: 40px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.service_text_cen{
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.list{
|
||||
margin-top: 40px;
|
||||
padding: 0 20px;
|
||||
.listTitle{
|
||||
font-size: 14px;
|
||||
color: @color1;
|
||||
font-weight: 700;
|
||||
}
|
||||
.listP{
|
||||
margin-top: 6px;
|
||||
p{
|
||||
margin-bottom: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1600px) {
|
||||
.guide{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
94
滴滴淘/shop-pc/src/assets/less/components/Header.less
Normal file
94
滴滴淘/shop-pc/src/assets/less/components/Header.less
Normal file
@@ -0,0 +1,94 @@
|
||||
@import '../public/color.less';
|
||||
@import '../public/mixins.less';
|
||||
::-webkit-scrollbar{
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
.header {
|
||||
width: 100%;
|
||||
background-color: @white;
|
||||
.header-top {
|
||||
line-height: 51px;
|
||||
height: 51px;
|
||||
border-bottom: 1px solid @BorderBase;
|
||||
.title {
|
||||
display: inline-block;
|
||||
color: @color1;
|
||||
font-size: 18px;
|
||||
text-decoration: none;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.operation-group {
|
||||
float: right;
|
||||
margin-right: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.member {
|
||||
padding: 0 10px;
|
||||
margin: 0 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
.route{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 10px;
|
||||
.header-router {
|
||||
padding: 10px 0px;
|
||||
margin: 0 10px;
|
||||
width: 100%;
|
||||
height: 52px;
|
||||
box-sizing: border-box;
|
||||
overflow-x: scroll;
|
||||
overflow-y: hidden;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
background-color: @white;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: transparent transparent;
|
||||
scrollbar-track-color: transparent;
|
||||
-ms-scrollbar-track-color: transparent;
|
||||
&::-webkit-scrollbar{
|
||||
height: 0 !important;
|
||||
width: 0;
|
||||
}
|
||||
.but {
|
||||
margin: 0 3px;
|
||||
line-height: 1.5715;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
background-image: none;
|
||||
border: 1px solid transparent;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
user-select: none;
|
||||
touch-action: manipulation;
|
||||
height: 32px;
|
||||
padding: 4px 15px;
|
||||
font-size: 14px;
|
||||
border-radius: 2px;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
background-color: @white;
|
||||
border-color: @BorderBase;
|
||||
}
|
||||
.but:hover {
|
||||
color: @c1;
|
||||
border-color: @c1;
|
||||
.shadow();
|
||||
}
|
||||
.but-active {
|
||||
color: @c1 !important;
|
||||
border-color: @c1 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1600px) {
|
||||
.showGuide{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
138
滴滴淘/shop-pc/src/assets/less/components/Navbar.less
Normal file
138
滴滴淘/shop-pc/src/assets/less/components/Navbar.less
Normal file
@@ -0,0 +1,138 @@
|
||||
@import '../public/color.less';
|
||||
.navbar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
z-index: 999;
|
||||
display: flex;
|
||||
// width: 224px;
|
||||
.center {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 92px;
|
||||
height: 100%;
|
||||
background-color: @NavbarColor;
|
||||
.logo {
|
||||
padding-top: 20px;
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
.panel {
|
||||
box-sizing: content-box;
|
||||
width: 100%;
|
||||
flex: 1 1 100%;
|
||||
}
|
||||
.listCell {
|
||||
width: 92px;
|
||||
font-size: 14px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
cursor: pointer;
|
||||
padding-left: 18px;
|
||||
color: @color4;
|
||||
i {
|
||||
margin-right: 4px;
|
||||
}
|
||||
&:hover {
|
||||
background-color: @c1;
|
||||
color: @white;
|
||||
}
|
||||
}
|
||||
.active {
|
||||
background-color: @c1;
|
||||
color: @white;
|
||||
}
|
||||
}
|
||||
.sidebar {
|
||||
transition: all 0.2s;
|
||||
width: 132px;
|
||||
height: 100%;
|
||||
margin-left: 92px;
|
||||
padding-bottom: 40px;
|
||||
background-color: #fff;
|
||||
border-right: 1px solid @BorderBase;
|
||||
z-index: 1;
|
||||
position: fixed;
|
||||
transform: translateX(0);
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
box-sizing: border-box;
|
||||
.sidebarTitle {
|
||||
flex: 0 0 51px;
|
||||
padding-left: 28px;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 1px solid @BorderBase;
|
||||
font-size: 14px;
|
||||
color: @color1;
|
||||
line-height: 50px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.sidebarCenter {
|
||||
box-sizing: content-box;
|
||||
padding-right: 12px;
|
||||
padding-left: 12px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
visibility: visible;
|
||||
overflow: scroll;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: transparent transparent;
|
||||
scrollbar-track-color: transparent;
|
||||
-ms-scrollbar-track-color: transparent;
|
||||
&::-webkit-scrollbar {
|
||||
height: 0 !important;
|
||||
width: 0;
|
||||
}
|
||||
.sidebarRowTitle {
|
||||
text-align: left;
|
||||
i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.sidebarRow {
|
||||
.rowText {
|
||||
cursor: pointer;
|
||||
margin: 10px 0;
|
||||
padding: 2px 0 2px 24px;
|
||||
border-radius: 2px;
|
||||
&:hover {
|
||||
color: @c1;
|
||||
}
|
||||
}
|
||||
.rowTextActive {
|
||||
background-color: @NavBarActiveBackgroundColor;
|
||||
color: @color1;
|
||||
&:hover {
|
||||
color: @color2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.details {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 92px;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
z-index: 1001;
|
||||
background-color: @white;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1600px) {
|
||||
.navbar {
|
||||
width: 92px;
|
||||
}
|
||||
}
|
||||
40
滴滴淘/shop-pc/src/assets/less/components/Radio.less
Normal file
40
滴滴淘/shop-pc/src/assets/less/components/Radio.less
Normal file
@@ -0,0 +1,40 @@
|
||||
@import '../public/color.less';
|
||||
@import '../public/mixins.less';
|
||||
|
||||
.radioRow{
|
||||
width: 85%;
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
// justify-content: space-between;
|
||||
margin-bottom: 10px;
|
||||
.row{
|
||||
.hiddenText(1);
|
||||
width: 120px;
|
||||
margin-right: 10px;
|
||||
color: @color2;
|
||||
display: inline-block;
|
||||
border: 1px solid @color2;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
margin-bottom: 10px;
|
||||
border-radius: 2px;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.active{
|
||||
background-color: @c1;
|
||||
border-color: @c1;
|
||||
color: @white;
|
||||
}
|
||||
.large{
|
||||
// padding: 5px 10px;
|
||||
}
|
||||
.middle{
|
||||
|
||||
}
|
||||
.small{
|
||||
// padding: 1px 20px;
|
||||
}
|
||||
}
|
||||
24
滴滴淘/shop-pc/src/assets/less/components/ReleasePlan.less
Normal file
24
滴滴淘/shop-pc/src/assets/less/components/ReleasePlan.less
Normal file
@@ -0,0 +1,24 @@
|
||||
@import '../public/color.less';
|
||||
|
||||
.buyerEntrance{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.releaseTime{
|
||||
margin-bottom: 10px;
|
||||
.releaseText{
|
||||
margin: 0 5px;
|
||||
}
|
||||
.addIcon{
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
.releaseStatistics{
|
||||
width: 72%;
|
||||
border-bottom: solid 1px @BorderBase;
|
||||
padding-bottom: 8px;
|
||||
.statistics{
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
114
滴滴淘/shop-pc/src/assets/less/components/SecondStep.less
Normal file
114
滴滴淘/shop-pc/src/assets/less/components/SecondStep.less
Normal file
@@ -0,0 +1,114 @@
|
||||
@import '../public/color.less';
|
||||
|
||||
.template{
|
||||
width: 80%;
|
||||
margin-bottom: 20px;
|
||||
cursor: pointer;
|
||||
border-radius: 2px;
|
||||
.templateRow{
|
||||
width: 100%;
|
||||
border: 1px solid #cccccc;
|
||||
padding: 10px;
|
||||
.hedTtile{
|
||||
.title{
|
||||
margin-right: 30px;
|
||||
}
|
||||
}
|
||||
.sku{
|
||||
margin: 5px 0 1px;
|
||||
}
|
||||
.option{
|
||||
display: flex;
|
||||
width: 97%;
|
||||
overflow: hidden;
|
||||
.optionSpan{
|
||||
flex: 1;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
span{
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.optionOpen{
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
padding-top: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.templateActive{
|
||||
border: 1px solid @c1;
|
||||
}
|
||||
|
||||
.babyPrice{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.addAccBody{
|
||||
width: 72%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-bottom: 25px;
|
||||
.accBody{
|
||||
border: 1px solid #DCDFE6;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
.close{
|
||||
display: none;
|
||||
}
|
||||
&:hover{
|
||||
border-color: @danger1;
|
||||
.close{
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
z-index: 9999;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
background-color: @danger1;
|
||||
color: @white;
|
||||
}
|
||||
}
|
||||
.accBodyRow{
|
||||
.accBodyRowTitle{
|
||||
margin-bottom: 10px;
|
||||
.price{
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.accBodyRowCen{
|
||||
.cancel{
|
||||
color: @c1;
|
||||
text-align: right;
|
||||
cursor: pointer;
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.other{
|
||||
height: 100%;
|
||||
.radio{
|
||||
line-height: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.rowClassName{
|
||||
padding: 1px 16px;
|
||||
}
|
||||
|
||||
.selectBodyColumns .ant-table-thead .ant-table-cell{
|
||||
background-color: @success1 !important;
|
||||
color: @white;
|
||||
}
|
||||
92
滴滴淘/shop-pc/src/assets/less/components/TaskFooter.less
Normal file
92
滴滴淘/shop-pc/src/assets/less/components/TaskFooter.less
Normal file
@@ -0,0 +1,92 @@
|
||||
@import '../public/color.less';
|
||||
@import '../public/mixins.less';
|
||||
|
||||
.footer{
|
||||
margin: 0 auto 0px;
|
||||
padding: 15px 25px;
|
||||
box-shadow: 0 -4px 4px -2px #e4e9f0;
|
||||
display: flex;
|
||||
.footerLeft{
|
||||
display: inline-block;
|
||||
width: 34%;
|
||||
border-right: 1px solid #ddd;
|
||||
padding-right: 10px;
|
||||
box-sizing: border-box;
|
||||
.bodyName,
|
||||
.bodySku{
|
||||
line-height: 32px;
|
||||
font-size: 14px;
|
||||
.hiddenText(@a: 1);
|
||||
}
|
||||
}
|
||||
.footerRight{
|
||||
display: inline-block;
|
||||
width: 66%;
|
||||
vertical-align: top;
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
.labelItem{
|
||||
line-height: 32px;
|
||||
margin-right: 40px;
|
||||
.title{
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
}
|
||||
.money{
|
||||
font-size: 18px;
|
||||
color: #ed711f;
|
||||
span{
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.span{
|
||||
cursor: pointer;
|
||||
color: #999;
|
||||
line-height: 12px;
|
||||
margin-top: 10px;
|
||||
vertical-align: middle;
|
||||
font-size: 13px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
// .calculation{
|
||||
// margin-right: 60px;
|
||||
// .descInfo{
|
||||
// text-align: center;
|
||||
// cursor: pointer;
|
||||
// .amount{
|
||||
// color: @warning1;
|
||||
// font-size: 20px;
|
||||
// }
|
||||
// .link{
|
||||
// text-decoration: underline;
|
||||
// cursor: pointer;
|
||||
// }
|
||||
// }
|
||||
// .symbol{
|
||||
// font-size: 18px;
|
||||
// }
|
||||
// .totalAmount{
|
||||
// font-size: 20px;
|
||||
// color: @warning1;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
.additional{
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
&:nth-child(n){
|
||||
border-bottom: 1px solid @BorderBase;
|
||||
}
|
||||
&:nth-child(n + 13){
|
||||
border-bottom: 0;
|
||||
}
|
||||
.price{
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
color: @danger1;
|
||||
}
|
||||
}
|
||||
33
滴滴淘/shop-pc/src/assets/less/components/ThirdStep.less
Normal file
33
滴滴淘/shop-pc/src/assets/less/components/ThirdStep.less
Normal file
@@ -0,0 +1,33 @@
|
||||
.ThirdTaskRadio{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.answer{
|
||||
margin-bottom: 20px;
|
||||
.answerRow{
|
||||
padding-left: 5px;
|
||||
margin-top: 10px;
|
||||
.answerText{
|
||||
// width: 150px;
|
||||
margin-left: 20px;
|
||||
span{
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.addIcon{
|
||||
cursor: pointer;
|
||||
height: 100%;
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.payMethod{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.h32{
|
||||
height: 32px;
|
||||
}
|
||||
2
滴滴淘/shop-pc/src/assets/less/index.less
Normal file
2
滴滴淘/shop-pc/src/assets/less/index.less
Normal file
@@ -0,0 +1,2 @@
|
||||
@import './public/font.less';
|
||||
@import './public/index.less';
|
||||
1
滴滴淘/shop-pc/src/assets/less/page/.pydio
Normal file
1
滴滴淘/shop-pc/src/assets/less/page/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
429d080b-644c-4553-b23b-836dbe40cd87
|
||||
113
滴滴淘/shop-pc/src/assets/less/page/BabyManagement.less
Normal file
113
滴滴淘/shop-pc/src/assets/less/page/BabyManagement.less
Normal file
@@ -0,0 +1,113 @@
|
||||
@import '../public/mixins';
|
||||
@import '../public/color.less';
|
||||
|
||||
.BabyManagement {
|
||||
background-color: #fff;
|
||||
.marginAuto();
|
||||
|
||||
.babyTableList {
|
||||
margin-top: 20px;
|
||||
|
||||
.item {
|
||||
border: 1px solid #dcdee3;
|
||||
width: 100%;
|
||||
margin-bottom: 15px;
|
||||
margin-top: 10px;
|
||||
|
||||
.item_top {
|
||||
display: flex;
|
||||
height: 40px;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #d2cece;
|
||||
padding: 0 10px;
|
||||
background-color: #f2f2f2;
|
||||
|
||||
// .left {
|
||||
// }
|
||||
// .right {
|
||||
// color: red;
|
||||
// font-size: 14px;
|
||||
// }
|
||||
.shopName {
|
||||
width: 120px;
|
||||
margin-left: 15px;
|
||||
.hiddenText();
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.item_top_div {
|
||||
margin: 0 5px;
|
||||
width: 60px;
|
||||
.hiddenText();
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
color: #1890ff;
|
||||
}
|
||||
|
||||
.itemTime {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.itemSort {
|
||||
text-align: center;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.delete {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.item_center {
|
||||
display: flex;
|
||||
padding: 15px 10px;
|
||||
|
||||
.shopImg {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
|
||||
img {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.shopInfo {
|
||||
margin-left: 10px;
|
||||
flex: 1;
|
||||
a {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.shopInfoDiv {
|
||||
line-height: 24px;
|
||||
display: flex;
|
||||
.shopInfoName {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.center {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
.priceRange {
|
||||
color: @danger1;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
color: @c1;
|
||||
cursor: pointer;
|
||||
div {
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
52
滴滴淘/shop-pc/src/assets/less/page/BankCardRecharge.less
Normal file
52
滴滴淘/shop-pc/src/assets/less/page/BankCardRecharge.less
Normal file
@@ -0,0 +1,52 @@
|
||||
@import '../public/mixins';
|
||||
|
||||
.BankCardRecharge {
|
||||
.marginAuto();
|
||||
.content {
|
||||
.cardList {
|
||||
}
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
list-style: none;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.input {
|
||||
}
|
||||
.auto {
|
||||
position: relative;
|
||||
.AutoList {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 90px;
|
||||
z-index: 999;
|
||||
background: #fff;
|
||||
margin-bottom: 5px !important;
|
||||
overflow-y: scroll;
|
||||
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
|
||||
0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
||||
ol {
|
||||
list-style: none;
|
||||
padding-left: 5px;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
padding-top: 5px;
|
||||
&:hover {
|
||||
background: #e6f7ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.tips {
|
||||
font-size: 16px;
|
||||
}
|
||||
.bottomTips {
|
||||
margin-top: 20px;
|
||||
.red {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
132
滴滴淘/shop-pc/src/assets/less/page/BrowseTasks.less
Normal file
132
滴滴淘/shop-pc/src/assets/less/page/BrowseTasks.less
Normal file
@@ -0,0 +1,132 @@
|
||||
@import '../public/mixins';
|
||||
|
||||
.BrowseTasks {
|
||||
background-color: #fff;
|
||||
.marginAuto();
|
||||
margin-bottom: 200px;
|
||||
height: auto !important;
|
||||
}
|
||||
.center {
|
||||
text-align: right;
|
||||
line-height: 32px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.rightMargin {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.bottomMargin {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
label {
|
||||
color: red;
|
||||
}
|
||||
.bottomFooter {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: calc(100% - 132px - 20px - 259px - 93px);
|
||||
background-color: #fff;
|
||||
z-index: 999;
|
||||
min-width: 990px;
|
||||
.footer {
|
||||
margin: 0 auto 0px;
|
||||
padding: 15px 25px;
|
||||
box-shadow: 0 -4px 4px -2px #e4e9f0;
|
||||
display: flex;
|
||||
.footerLeft {
|
||||
display: inline-block;
|
||||
width: 34%;
|
||||
border-right: 1px solid #ddd;
|
||||
padding-right: 10px;
|
||||
box-sizing: border-box;
|
||||
.bodyName,
|
||||
.bodySku {
|
||||
line-height: 32px;
|
||||
font-size: 14px;
|
||||
.hiddenText(@a: 1);
|
||||
}
|
||||
}
|
||||
.footerRight {
|
||||
display: inline-block;
|
||||
width: 66%;
|
||||
vertical-align: top;
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
.labelItem {
|
||||
line-height: 32px;
|
||||
margin-right: 40px;
|
||||
.title {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
}
|
||||
.money {
|
||||
font-size: 18px;
|
||||
color: #ed711f;
|
||||
span {
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.span {
|
||||
cursor: pointer;
|
||||
color: #999;
|
||||
line-height: 12px;
|
||||
margin-top: 10px;
|
||||
vertical-align: middle;
|
||||
font-size: 13px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
// .calculation{
|
||||
// margin-right: 60px;
|
||||
// .descInfo{
|
||||
// text-align: center;
|
||||
// cursor: pointer;
|
||||
// .amount{
|
||||
// color: @warning1;
|
||||
// font-size: 20px;
|
||||
// }
|
||||
// .link{
|
||||
// text-decoration: underline;
|
||||
// cursor: pointer;
|
||||
// }
|
||||
// }
|
||||
// .symbol{
|
||||
// font-size: 18px;
|
||||
// }
|
||||
// .totalAmount{
|
||||
// font-size: 20px;
|
||||
// color: @warning1;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
.totalMoney {
|
||||
.totalMoneyTitle {
|
||||
height: 35px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #ececec;
|
||||
}
|
||||
.totalMoneyContent {
|
||||
border: 1px solid #e2e2e2;
|
||||
padding-bottom: 15px;
|
||||
padding-top: 18px;
|
||||
border-top: none;
|
||||
}
|
||||
span,
|
||||
label {
|
||||
width: 40%;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1600px) {
|
||||
.bottomFooter {
|
||||
width: calc(100% - 244px);
|
||||
// left: calc(50% - 496px);
|
||||
}
|
||||
}
|
||||
8
滴滴淘/shop-pc/src/assets/less/page/BulkDelivery.less
Normal file
8
滴滴淘/shop-pc/src/assets/less/page/BulkDelivery.less
Normal file
@@ -0,0 +1,8 @@
|
||||
@import '../public/mixins';
|
||||
|
||||
.BulkDelivery {
|
||||
background-color: #fff;
|
||||
.marginAuto();
|
||||
.addressContent {
|
||||
}
|
||||
}
|
||||
21
滴滴淘/shop-pc/src/assets/less/page/CapitalFlow.less
Normal file
21
滴滴淘/shop-pc/src/assets/less/page/CapitalFlow.less
Normal file
@@ -0,0 +1,21 @@
|
||||
@import '../public/mixins';
|
||||
|
||||
.CapitalFlow {
|
||||
background-color: #fff;
|
||||
.marginAuto();
|
||||
.screen {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.screenResult {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.time {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 2px;
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
8
滴滴淘/shop-pc/src/assets/less/page/DeliveryRecord.less
Normal file
8
滴滴淘/shop-pc/src/assets/less/page/DeliveryRecord.less
Normal file
@@ -0,0 +1,8 @@
|
||||
@import '../public/mixins';
|
||||
|
||||
.DeliveryRecord {
|
||||
background-color: #fff;
|
||||
.marginAuto();
|
||||
.addressContent {
|
||||
}
|
||||
}
|
||||
7
滴滴淘/shop-pc/src/assets/less/page/ExportList.less
Normal file
7
滴滴淘/shop-pc/src/assets/less/page/ExportList.less
Normal file
@@ -0,0 +1,7 @@
|
||||
@import '../public/mixins';
|
||||
|
||||
.exportList {
|
||||
background-color: #fff;
|
||||
width: 100% !important;
|
||||
.marginAuto();
|
||||
}
|
||||
13
滴滴淘/shop-pc/src/assets/less/page/Extension.less
Normal file
13
滴滴淘/shop-pc/src/assets/less/page/Extension.less
Normal file
@@ -0,0 +1,13 @@
|
||||
@import '../public/mixins';
|
||||
@import '../public/color.less';
|
||||
|
||||
.extension {
|
||||
background-color: #fff;
|
||||
width: 100% !important;
|
||||
.marginAuto();
|
||||
.head {
|
||||
width: 49%;
|
||||
background-color: @BackgroundColor;
|
||||
padding: 20px 20px 10px;
|
||||
}
|
||||
}
|
||||
6
滴滴淘/shop-pc/src/assets/less/page/MerchantMessage.less
Normal file
6
滴滴淘/shop-pc/src/assets/less/page/MerchantMessage.less
Normal file
@@ -0,0 +1,6 @@
|
||||
@import '../public/mixins';
|
||||
|
||||
.MerchantMessage {
|
||||
background-color: #fff;
|
||||
.marginAuto();
|
||||
}
|
||||
14
滴滴淘/shop-pc/src/assets/less/page/RechargeRecord.less
Normal file
14
滴滴淘/shop-pc/src/assets/less/page/RechargeRecord.less
Normal file
@@ -0,0 +1,14 @@
|
||||
@import '../public/mixins';
|
||||
|
||||
.RechargeRecord {
|
||||
.marginAuto();
|
||||
.content {
|
||||
.time {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
justify-content: flex-end;
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
6
滴滴淘/shop-pc/src/assets/less/page/Repurchase.less
Normal file
6
滴滴淘/shop-pc/src/assets/less/page/Repurchase.less
Normal file
@@ -0,0 +1,6 @@
|
||||
@import '../public/mixins';
|
||||
|
||||
.Repurchase {
|
||||
background-color: #fff;
|
||||
.marginAuto();
|
||||
}
|
||||
17
滴滴淘/shop-pc/src/assets/less/page/StationMessage.less
Normal file
17
滴滴淘/shop-pc/src/assets/less/page/StationMessage.less
Normal file
@@ -0,0 +1,17 @@
|
||||
@import '../public/mixins';
|
||||
|
||||
.StationMessage {
|
||||
background-color: #fff;
|
||||
.marginAuto();
|
||||
}
|
||||
.rowClassName {
|
||||
background-color: #fff;
|
||||
&:nth-child(2n) {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
&:hover {
|
||||
td {
|
||||
background-color: #f5f7fa !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
53
滴滴淘/shop-pc/src/assets/less/page/TemplateManagement.less
Normal file
53
滴滴淘/shop-pc/src/assets/less/page/TemplateManagement.less
Normal file
@@ -0,0 +1,53 @@
|
||||
@import '../public/mixins';
|
||||
@import '../public/color.less';
|
||||
|
||||
.TemplateManagement {
|
||||
background-color: #fff;
|
||||
.marginAuto();
|
||||
.Template_item {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #d8d8d8;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 16px;
|
||||
&:hover {
|
||||
border: 1px solid #1890ff;
|
||||
}
|
||||
.title {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.delete {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
color: @danger1;
|
||||
cursor: pointer;
|
||||
}
|
||||
.option {
|
||||
display: flex;
|
||||
width: 97%;
|
||||
overflow: hidden;
|
||||
.optionSpan {
|
||||
flex: 1;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
span {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.optionOpen {
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
padding-top: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
.noMore {
|
||||
text-align: center;
|
||||
margin-top: 10%;
|
||||
color: #a9a7a7;
|
||||
}
|
||||
}
|
||||
272
滴滴淘/shop-pc/src/assets/less/page/TobeReviewed.less
Normal file
272
滴滴淘/shop-pc/src/assets/less/page/TobeReviewed.less
Normal file
@@ -0,0 +1,272 @@
|
||||
@import '../public/color';
|
||||
@import '../public/mixins';
|
||||
|
||||
.TobeReviewed {
|
||||
background-color: #fff;
|
||||
.marginAuto();
|
||||
.topSearch {
|
||||
background-color: rgba(247, 248, 250, 1);
|
||||
padding: 10px;
|
||||
.rows {
|
||||
margin-bottom: 15px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
.rowsTitle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
.shrink {
|
||||
text-align: center;
|
||||
span {
|
||||
cursor: pointer;
|
||||
color: @color3;
|
||||
}
|
||||
}
|
||||
}
|
||||
.list {
|
||||
margin-top: 20px;
|
||||
.title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.content {
|
||||
.item {
|
||||
border: 1px solid rgba(220, 222, 227, 1);
|
||||
width: 100%;
|
||||
margin-bottom: 15px;
|
||||
p {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.itemT1 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 40px;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #d2cece;
|
||||
padding: 0 10px;
|
||||
background-color: #f2f2f2;
|
||||
.taobaoOrder {
|
||||
text-align: center;
|
||||
span {
|
||||
margin-left: 5px;
|
||||
cursor: pointer;
|
||||
color: @c1;
|
||||
}
|
||||
}
|
||||
.recycleCountdown {
|
||||
width: 240px;
|
||||
text-align: center;
|
||||
}
|
||||
.orderStatus {
|
||||
width: 160px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.itemT2 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 15px 10px;
|
||||
.iT2_Text {
|
||||
display: flex;
|
||||
.tags {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.cols {
|
||||
height: 20px;
|
||||
padding: 1px 2px;
|
||||
color: #fff;
|
||||
box-sizing: border-box;
|
||||
font-size: 12px;
|
||||
margin-right: 15px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.red {
|
||||
color: #ff7875;
|
||||
font-style: initial;
|
||||
}
|
||||
em {
|
||||
color: #40a9ff;
|
||||
font-style: inherit;
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
}
|
||||
img {
|
||||
margin-right: 10px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
.yq {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
span {
|
||||
height: 20px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.itemT3 {
|
||||
padding: 10px 10px;
|
||||
font-size: 14px;
|
||||
border-top: 1px solid #d2cece;
|
||||
.span_w {
|
||||
width: 160px;
|
||||
line-height: 25px;
|
||||
}
|
||||
.span_w1 {
|
||||
width: 120px;
|
||||
line-height: 25px;
|
||||
}
|
||||
.span_w2 {
|
||||
width: auto;
|
||||
line-height: 25px;
|
||||
}
|
||||
.bank_info_text {
|
||||
width: 160px;
|
||||
}
|
||||
.bank_info_text1 {
|
||||
width: 240px;
|
||||
}
|
||||
}
|
||||
.itemT4 {
|
||||
border-top: 1px solid #d2cece;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 50px;
|
||||
padding: 0 10px;
|
||||
.m_10 {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.itemT5 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 50px;
|
||||
padding: 0 10px;
|
||||
.task_tag {
|
||||
background-color: @BackgroundColor;
|
||||
padding: 3px 10px;
|
||||
margin: 0 10px;
|
||||
display: inline-block;
|
||||
span {
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.viewComment {
|
||||
.title {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.dividingLine {
|
||||
border-top: 1px solid #ccc;
|
||||
margin-top: 30px;
|
||||
padding-top: 30px;
|
||||
}
|
||||
.image {
|
||||
width: 100px;
|
||||
img {
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.viewInfo {
|
||||
padding: 1px 3px;
|
||||
margin-left: 9px;
|
||||
color: #444343;
|
||||
border: 1px solid #444343;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ExpressDelivery {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.isShowOperationLog {
|
||||
max-height: 500px;
|
||||
overflow-y: scroll;
|
||||
.locationBox {
|
||||
color: @color4;
|
||||
}
|
||||
.title {
|
||||
color: #fa541c;
|
||||
margin-left: 15px;
|
||||
}
|
||||
.tips {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.status {
|
||||
color: #52c41a;
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.Complaint {
|
||||
}
|
||||
|
||||
.additional {
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
// &:nth-child(n){
|
||||
// border-bottom: 1px solid @BorderBase;
|
||||
// }
|
||||
// &:nth-child(n + 13){
|
||||
// border-bottom: 0;
|
||||
// }
|
||||
.price {
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
color: @danger1;
|
||||
}
|
||||
}
|
||||
|
||||
.comment {
|
||||
div:nth-child(2) {
|
||||
div:nth-child(3) {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.buyerInfoBox {
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 1px solid #d2cece;
|
||||
padding-bottom: 20px;
|
||||
.buyerInfoTitleBox {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: row;
|
||||
h3 {
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.buyerInfoRow {
|
||||
.buyerInfoItem {
|
||||
margin: 5px auto;
|
||||
}
|
||||
.buyerInfoItemTitle {
|
||||
color: @color1;
|
||||
width: 80px;
|
||||
text-align: right;
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
26
滴滴淘/shop-pc/src/assets/less/page/UserInfo.less
Normal file
26
滴滴淘/shop-pc/src/assets/less/page/UserInfo.less
Normal file
@@ -0,0 +1,26 @@
|
||||
@import '../public/mixins';
|
||||
@import '../public/color.less';
|
||||
|
||||
.userInfo {
|
||||
background-color: #fff;
|
||||
width: 100% !important;
|
||||
.marginAuto();
|
||||
.smallTitle{
|
||||
padding-left: 15px;
|
||||
font-weight: bold;
|
||||
color: @color1;
|
||||
}
|
||||
.userCenter{
|
||||
padding: 0 40px;
|
||||
.label {
|
||||
width: 80px;
|
||||
font-weight: bold;
|
||||
padding: 0 10px;
|
||||
text-align: right;
|
||||
color: @color2;
|
||||
}
|
||||
.value {
|
||||
width: 340px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
31
滴滴淘/shop-pc/src/assets/less/page/addShop.less
Normal file
31
滴滴淘/shop-pc/src/assets/less/page/addShop.less
Normal file
@@ -0,0 +1,31 @@
|
||||
@import '../public/mixins';
|
||||
|
||||
.addShop {
|
||||
background-color: #fff;
|
||||
.marginAuto();
|
||||
.title {
|
||||
margin-bottom: 20px;
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
}
|
||||
p {
|
||||
font-size: 13px;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
.rows {
|
||||
margin-bottom: 20px;
|
||||
.mbottom {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.yl {
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.formItem{
|
||||
height: 68px;
|
||||
}
|
||||
}
|
||||
17
滴滴淘/shop-pc/src/assets/less/page/address.less
Normal file
17
滴滴淘/shop-pc/src/assets/less/page/address.less
Normal file
@@ -0,0 +1,17 @@
|
||||
@import '../public/mixins';
|
||||
|
||||
.address {
|
||||
background-color: #fff;
|
||||
.marginAuto();
|
||||
.addressContent {
|
||||
ul {
|
||||
padding: 0;
|
||||
// margin: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
li {
|
||||
font-size: 15px;
|
||||
list-style: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
22
滴滴淘/shop-pc/src/assets/less/page/advanceTask.less
Normal file
22
滴滴淘/shop-pc/src/assets/less/page/advanceTask.less
Normal file
@@ -0,0 +1,22 @@
|
||||
@import '../public/mixins.less';
|
||||
|
||||
.advanceTask{
|
||||
.marginAuto();
|
||||
margin-bottom: 200px;
|
||||
}
|
||||
|
||||
.taskBottom{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: calc(100% - 132px - 20px - 259px - 93px);
|
||||
background-color: #fff;
|
||||
z-index: 999;
|
||||
min-width: 990px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1600px) {
|
||||
.taskBottom{
|
||||
width: calc(100% - 244px);
|
||||
// left: calc(50% - 496px);
|
||||
}
|
||||
}
|
||||
6
滴滴淘/shop-pc/src/assets/less/page/blackList.less
Normal file
6
滴滴淘/shop-pc/src/assets/less/page/blackList.less
Normal file
@@ -0,0 +1,6 @@
|
||||
@import '../public/mixins.less';
|
||||
@import '../public/color.less';
|
||||
|
||||
.blackList{
|
||||
.marginAuto();
|
||||
}
|
||||
6
滴滴淘/shop-pc/src/assets/less/page/chargingStandard.less
Normal file
6
滴滴淘/shop-pc/src/assets/less/page/chargingStandard.less
Normal file
@@ -0,0 +1,6 @@
|
||||
@import '../public/mixins';
|
||||
|
||||
.chargingStandard {
|
||||
background-color: #fff;
|
||||
.marginAuto();
|
||||
}
|
||||
27
滴滴淘/shop-pc/src/assets/less/page/commentList.less
Normal file
27
滴滴淘/shop-pc/src/assets/less/page/commentList.less
Normal file
@@ -0,0 +1,27 @@
|
||||
@import '../public/mixins.less';
|
||||
@import '../public/color.less';
|
||||
|
||||
.commentList{
|
||||
.marginAuto();
|
||||
.title{
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
.tatelComment{
|
||||
.hiddenText(3);
|
||||
}
|
||||
.operation{
|
||||
color: @c1;
|
||||
span{
|
||||
margin: 0 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.enable{
|
||||
color: @c1;
|
||||
}
|
||||
.disable{
|
||||
color: @danger1;
|
||||
}
|
||||
65
滴滴淘/shop-pc/src/assets/less/page/home.less
Normal file
65
滴滴淘/shop-pc/src/assets/less/page/home.less
Normal file
@@ -0,0 +1,65 @@
|
||||
@import '../public/color.less';
|
||||
@import '../public/mixins.less';
|
||||
|
||||
.home {
|
||||
height: 100%;
|
||||
.marginAuto(@w: 100%, @c: @BackgroundColor, @p: 0px);
|
||||
.header {
|
||||
padding: 20px;
|
||||
background-color: @white;
|
||||
border-radius: 2px;
|
||||
.header_l {
|
||||
.title {
|
||||
font-size: 18px;
|
||||
color: @color1;
|
||||
font-weight: bold;
|
||||
line-height: 18px;
|
||||
}
|
||||
p {
|
||||
color: @color3;
|
||||
}
|
||||
}
|
||||
.header_r {
|
||||
.title {
|
||||
font-size: 16px;
|
||||
color: @color2;
|
||||
line-height: 18px;
|
||||
}
|
||||
span {
|
||||
cursor: pointer;
|
||||
color: @color3;
|
||||
&:hover {
|
||||
color: @color1;
|
||||
}
|
||||
}
|
||||
.redActive {
|
||||
color: #fa541c !important;
|
||||
&:hover {
|
||||
color: @danger1 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.col {
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
.text {
|
||||
margin-top: 5px;
|
||||
.badge {
|
||||
display: inline-block;
|
||||
padding: 0 6px;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
background-color: @danger1;
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cardTitleSpan {
|
||||
color: @color3;
|
||||
font-size: 12px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
41
滴滴淘/shop-pc/src/assets/less/page/index.less
Normal file
41
滴滴淘/shop-pc/src/assets/less/page/index.less
Normal file
@@ -0,0 +1,41 @@
|
||||
@import '../public/color.less';
|
||||
@import '../public/mixins.less';
|
||||
|
||||
.index {
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
.center {
|
||||
height: 100%;
|
||||
min-width: 1200px;
|
||||
padding-right: 260px;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
// overflow: hidden;
|
||||
.children {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
padding: 10px;
|
||||
background-color: @BackgroundColor;
|
||||
.childrenCen{
|
||||
// .scroll();
|
||||
flex: 1;
|
||||
// overflow: hidden;
|
||||
// overflow-y: scroll;
|
||||
// background-color: #fff;
|
||||
height: 100%;
|
||||
// max-width: 990px;
|
||||
margin: 0 auto;
|
||||
border-radius: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1600px) {
|
||||
.index{
|
||||
.center{
|
||||
padding-right: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
61
滴滴淘/shop-pc/src/assets/less/page/login.less
Normal file
61
滴滴淘/shop-pc/src/assets/less/page/login.less
Normal file
@@ -0,0 +1,61 @@
|
||||
@import '../public/color.less';
|
||||
|
||||
.login {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #f2f2f2;
|
||||
.form{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: fixed;
|
||||
width: 948px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
.login_container {
|
||||
position: relative;
|
||||
height: 480px;
|
||||
width: 550px;
|
||||
padding: 50px 56px 60px;
|
||||
box-sizing: border-box;
|
||||
background-color: @white;
|
||||
.login_title{
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
}
|
||||
.a{
|
||||
color: @c1;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.account_container_right{
|
||||
position: relative;
|
||||
width: 382px;
|
||||
border-radius: 6px;
|
||||
background-color: @white;
|
||||
text-align: center;
|
||||
}
|
||||
.login_container_btn {
|
||||
margin: 16px 0;
|
||||
height: 48px;
|
||||
font-size: 18px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.footer {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
padding: 30px 0;
|
||||
text-align: center;
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
}
|
||||
.ant-form-item{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
21
滴滴淘/shop-pc/src/assets/less/page/markingTask.less
Normal file
21
滴滴淘/shop-pc/src/assets/less/page/markingTask.less
Normal file
@@ -0,0 +1,21 @@
|
||||
@import '../public/mixins.less';
|
||||
|
||||
.markingTask{
|
||||
.marginAuto();
|
||||
margin-bottom: 200px;
|
||||
}
|
||||
|
||||
.taskBottom{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 990px;
|
||||
background-color: #fff;
|
||||
left: calc(50% - 513px);
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1600px) {
|
||||
.taskBottom{
|
||||
left: calc(50% - 383px);
|
||||
}
|
||||
}
|
||||
61
滴滴淘/shop-pc/src/assets/less/page/register.less
Normal file
61
滴滴淘/shop-pc/src/assets/less/page/register.less
Normal file
@@ -0,0 +1,61 @@
|
||||
@import '../public/color.less';
|
||||
|
||||
.register {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #f2f2f2;
|
||||
.form{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: fixed;
|
||||
width: 948px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
.register_container {
|
||||
position: relative;
|
||||
height: 640px;
|
||||
width: 550px;
|
||||
padding: 50px 56px 60px;
|
||||
box-sizing: border-box;
|
||||
background-color: @white;
|
||||
.register_title{
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
}
|
||||
.a{
|
||||
color: @c1;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.account_container_right{
|
||||
position: relative;
|
||||
width: 382px;
|
||||
border-radius: 6px;
|
||||
background-color: @white;
|
||||
text-align: center;
|
||||
}
|
||||
.register_container_btn {
|
||||
margin: 16px 0;
|
||||
height: 48px;
|
||||
font-size: 18px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.footer {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
padding: 30px 0;
|
||||
text-align: center;
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
}
|
||||
.ant-form-item{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
53
滴滴淘/shop-pc/src/assets/less/page/retrievePass.less
Normal file
53
滴滴淘/shop-pc/src/assets/less/page/retrievePass.less
Normal file
@@ -0,0 +1,53 @@
|
||||
@import '../public/color.less';
|
||||
|
||||
.retrievePass {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #f2f2f2;
|
||||
.form{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
.retrievePass_container {
|
||||
position: relative;
|
||||
height: 560px;
|
||||
width: 550px;
|
||||
padding: 50px 56px 60px;
|
||||
box-sizing: border-box;
|
||||
background-color: @white;
|
||||
.retrievePass_title{
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
}
|
||||
.a{
|
||||
color: @c1;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.retrievePass_container_btn {
|
||||
margin: 16px 0;
|
||||
height: 48px;
|
||||
font-size: 18px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.footer {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
padding: 30px 0;
|
||||
text-align: center;
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
}
|
||||
.ant-form-item{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
118
滴滴淘/shop-pc/src/assets/less/page/shopManage.less
Normal file
118
滴滴淘/shop-pc/src/assets/less/page/shopManage.less
Normal file
@@ -0,0 +1,118 @@
|
||||
@import '../public/mixins.less';
|
||||
@import '../public/color.less';
|
||||
.shopManage {
|
||||
background-color: #fff;
|
||||
.marginAuto();
|
||||
.add {
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
position: relative;
|
||||
height: 340px;
|
||||
span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.title {
|
||||
margin-bottom: 20px;
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
}
|
||||
p {
|
||||
font-size: 13px;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
.cols {
|
||||
height: 390px;
|
||||
width: 390px;
|
||||
border: 1px solid #d2cece;
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
padding: 15px 0;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 20px;
|
||||
background-color: #fff;
|
||||
transition: all 0.3s ease;
|
||||
&:hover {
|
||||
.shadow();
|
||||
}
|
||||
.colsMargin {
|
||||
margin: 5px 0;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.shopTitle {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 2px;
|
||||
padding: 0 15px;
|
||||
.shopTextTitle {
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
}
|
||||
.timer {
|
||||
font-size: 13px;
|
||||
color: rgba(0, 0, 0, 0.64);
|
||||
i {
|
||||
color: #009dff;
|
||||
}
|
||||
span {
|
||||
color: rgba(0, 0, 0, 0.242);
|
||||
}
|
||||
}
|
||||
}
|
||||
.shopUrl {
|
||||
margin-top: 10px;
|
||||
color: @color3;
|
||||
margin-bottom: 5px;
|
||||
display: flex;
|
||||
padding: 0 15px;
|
||||
span {
|
||||
flex: 1;
|
||||
padding-right: 5px;
|
||||
.hiddenText();
|
||||
}
|
||||
}
|
||||
.content {
|
||||
padding: 0 15px;
|
||||
.nav {
|
||||
border-top: 1px solid #d2cece;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10px 0;
|
||||
div {
|
||||
color: rgba(0, 0, 0, 0.42);
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
p {
|
||||
margin: 0;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.buts {
|
||||
border-top: 1px solid #d2cece;
|
||||
padding: 15px;
|
||||
.butText {
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
border-right: 1px solid #ccc;
|
||||
&:last-child {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
.orange {
|
||||
color: @danger1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
1
滴滴淘/shop-pc/src/assets/less/public/.pydio
Normal file
1
滴滴淘/shop-pc/src/assets/less/public/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
c1f645f2-84e7-498d-8cef-b950f8bd85c1
|
||||
48
滴滴淘/shop-pc/src/assets/less/public/color.less
Normal file
48
滴滴淘/shop-pc/src/assets/less/public/color.less
Normal file
@@ -0,0 +1,48 @@
|
||||
// 主题颜色
|
||||
// 产品品牌色,多用于主按钮。重要图标，重要入口
|
||||
@c1: #1890ff;
|
||||
@c2: #d9ecff;
|
||||
@c3: #ecf5ff;
|
||||
|
||||
// 辅助色 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）
|
||||
@success1: #67c23a;
|
||||
@success2: #e1f3d8;
|
||||
@success3: #f0f9eb;
|
||||
|
||||
@warning1: #e6a23c;
|
||||
@warning2: #faecd8;
|
||||
@warning3: #fdf6ec;
|
||||
|
||||
@danger1: #f56c6c;
|
||||
@danger2: #fde2e2;
|
||||
@danger3: #fef0f0;
|
||||
|
||||
@info1: #909399;
|
||||
@info2: #e9e9eb;
|
||||
@info3: #f4f4f5;
|
||||
|
||||
// 点缀色 主要用于提示作用，多用于标签，角标，小按钮等
|
||||
@emb1: #67c23a;
|
||||
@emb2: #f56c6c;
|
||||
|
||||
// 文字主题色
|
||||
// 多用于标题文字，重要文字
|
||||
@color1: #303133;
|
||||
@color2: #606266;
|
||||
@color3: #909399;
|
||||
@color4: #c0c4cc;
|
||||
|
||||
// 常规颜色
|
||||
@white: #fff;
|
||||
@black: #000;
|
||||
|
||||
// 线条颜色
|
||||
@BorderBase: #dcdfe6;
|
||||
|
||||
// 阴影颜色
|
||||
@shadow: #8fa8bf59;
|
||||
|
||||
// 背景色
|
||||
@BackgroundColor: #f2f2f2;
|
||||
@NavbarColor: #273543;
|
||||
@NavBarActiveBackgroundColor: #ebedf0;
|
||||
428
滴滴淘/shop-pc/src/assets/less/public/font.less
Normal file
428
滴滴淘/shop-pc/src/assets/less/public/font.less
Normal file
File diff suppressed because one or more lines are too long
282
滴滴淘/shop-pc/src/assets/less/public/index.less
Normal file
282
滴滴淘/shop-pc/src/assets/less/public/index.less
Normal file
@@ -0,0 +1,282 @@
|
||||
@import './color.less';
|
||||
|
||||
html {
|
||||
background-color: @BackgroundColor;
|
||||
min-width: 1200px;
|
||||
}
|
||||
|
||||
.center {
|
||||
background-color: @white;
|
||||
}
|
||||
.ml5 {
|
||||
margin-left: 5px !important;
|
||||
}
|
||||
.ml10 {
|
||||
margin-left: 10px !important;
|
||||
}
|
||||
.ml20 {
|
||||
margin-left: 20px !important;
|
||||
}
|
||||
.ml130 {
|
||||
margin-left: 130px;
|
||||
}
|
||||
.mr5 {
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
.mr10 {
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
.mr20 {
|
||||
margin-right: 20px !important;
|
||||
}
|
||||
.mr30 {
|
||||
margin-right: 30px !important;
|
||||
}
|
||||
.mr100 {
|
||||
margin-right: 100px !important;
|
||||
}
|
||||
.mt5 {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.mt10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.mt20 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.mt24 {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.mt30 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.mb5 {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.mb10 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.mb20 {
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
.mb25 {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.mr5 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.pr10 {
|
||||
padding-right: 10px;
|
||||
}
|
||||
.pd7 {
|
||||
padding: 7.5px;
|
||||
}
|
||||
.pd10 {
|
||||
padding: 10px;
|
||||
}
|
||||
.pd20 {
|
||||
padding: 20px;
|
||||
}
|
||||
.pt10 {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.lineHegith {
|
||||
line-height: 32px;
|
||||
}
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
.flex1 {
|
||||
flex: 1;
|
||||
}
|
||||
.flex3 {
|
||||
flex: 3;
|
||||
}
|
||||
.align {
|
||||
align-items: center;
|
||||
}
|
||||
.between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.column {
|
||||
flex-direction: column;
|
||||
}
|
||||
.wrap {
|
||||
flex-flow: wrap;
|
||||
}
|
||||
.dottedLine {
|
||||
border: 1px dashed @BorderBase;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
border-color: @c1;
|
||||
color: @c1;
|
||||
}
|
||||
}
|
||||
|
||||
.hiddenText1 {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.ant-steps-item-container {
|
||||
display: flex;
|
||||
}
|
||||
.ant-steps-dot .ant-steps-item-content,
|
||||
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
|
||||
width: 100% !important;
|
||||
}
|
||||
//.ant-modal-body {
|
||||
// padding-top: 0 !important;
|
||||
//}
|
||||
|
||||
.TaskInfo {
|
||||
.item {
|
||||
margin-bottom: 27px;
|
||||
.title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table {
|
||||
margin-top: 10px;
|
||||
.table_content {
|
||||
display: flex;
|
||||
.c_l {
|
||||
width: 16.7%;
|
||||
background: #f7f7f7;
|
||||
.l_t {
|
||||
padding: 5px 0;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
border-left: 1px solid #e0e0e0;
|
||||
border-right: 1px solid #e0e0e0;
|
||||
}
|
||||
}
|
||||
.c_r {
|
||||
width: (100% - 16.7%);
|
||||
.r_i {
|
||||
width: 20%;
|
||||
height: 33px;
|
||||
text-align: center;
|
||||
line-height: 33px;
|
||||
border-right: 1px solid #e0e0e0;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
.table_t {
|
||||
display: flex;
|
||||
.t_item {
|
||||
width: 20%;
|
||||
border-right: 1px solid #e0e0e0;
|
||||
border-top: 1px solid #e0e0e0;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
background: #f7f7f7;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tags_list {
|
||||
.tags_title {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
.TaskScreenshot {
|
||||
.ant-modal-body {
|
||||
height: 600px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
}
|
||||
.checkPreComment {
|
||||
.checkPreComment_shop {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
margin-bottom: 20px;
|
||||
.comment_shop_img {
|
||||
margin-right: 15px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.comment_shop_text {
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.reward {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.imgFileLoad {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.cost {
|
||||
text-align: right;
|
||||
margin-top: 49px;
|
||||
font-size: 18px;
|
||||
span {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.red {
|
||||
color: red;
|
||||
}
|
||||
.lightGray {
|
||||
color: @color4;
|
||||
}
|
||||
/**
|
||||
* 提示样式
|
||||
*/
|
||||
.tips {
|
||||
color: @color3;
|
||||
}
|
||||
.tipsText {
|
||||
color: @emb2;
|
||||
}
|
||||
|
||||
.warning {
|
||||
color: @warning1;
|
||||
}
|
||||
|
||||
/*
|
||||
* 解决浏览器自动填充输入框底色变色问题
|
||||
*/
|
||||
input:-internal-autofill-previewed,
|
||||
input:-internal-autofill-selected {
|
||||
-webkit-text-fill-color: black !important;
|
||||
transition: background-color 5000s ease-in-out 0s !important;
|
||||
}
|
||||
|
||||
/*滚动条的宽度*/
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
|
||||
::-webkit-scrollbar-track {
|
||||
width: 6px;
|
||||
background-color: rgba(160, 160, 160, 0.253);
|
||||
border-radius: 1em;
|
||||
}
|
||||
|
||||
/*滚动条的设置*/
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #b1b1b18e;
|
||||
background-clip: padding-box;
|
||||
min-height: 28px;
|
||||
border-radius: 1em;
|
||||
}
|
||||
39
滴滴淘/shop-pc/src/assets/less/public/mixins.less
Normal file
39
滴滴淘/shop-pc/src/assets/less/public/mixins.less
Normal file
@@ -0,0 +1,39 @@
|
||||
@import './color.less';
|
||||
|
||||
.scroll() {
|
||||
&::-webkit-scrollbar {
|
||||
/*滚动条整体样式*/
|
||||
height: 4px;
|
||||
}
|
||||
&::-webkit-scrollbar-thumb {
|
||||
/*滚动条里面小方块*/
|
||||
border-radius: 10px;
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
||||
background: #535353;
|
||||
}
|
||||
&::-webkit-scrollbar-track {
|
||||
/*滚动条里面轨道*/
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 10px;
|
||||
background: #ededed;
|
||||
}
|
||||
}
|
||||
|
||||
.shadow() {
|
||||
box-shadow: 0 0px 20px @shadow;
|
||||
}
|
||||
.marginAuto(@w: 990px, @c: #ffffff, @p: 20px) {
|
||||
min-width: @w;
|
||||
margin: 0px auto;
|
||||
padding: @p;
|
||||
background-color: @c;
|
||||
height: 100%;
|
||||
// box-sizing: border-box;
|
||||
}
|
||||
.hiddenText(@a: 1) {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: @a;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
Reference in New Issue
Block a user