Commit 6a355196 authored by 前端-许佳敏's avatar 前端-许佳敏

Merge branch 'decoration' of http://10.0.0.22:3000/lingxi/lingxi-business-system into decoration

parents c014528d bfa14772
...@@ -18,4 +18,15 @@ export default { ...@@ -18,4 +18,15 @@ export default {
// 'link-color': MAIN_COLOR, // 'link-color': MAIN_COLOR,
// 'link-hover-color': MAIN_COLOR, // 'link-hover-color': MAIN_COLOR,
// 'link-active-color': MAIN_COLOR, // 'link-active-color': MAIN_COLOR,
// Font-size
'@font-size-base': '12px',
'@font-size-lg': '14px',
'@font-size-sm': '12px',
// Layout
'@layout-header-height': '48px',
// PageHeader
// '@page-header-padding': '8px 24px', // 这里替换会出现前边拼接了 '6px 8px 24px'这样,所以直接改成修改样式好了
} }
.head { .head {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 20px; font-size: 18px;
font-weight: 500; font-weight: 500;
&-prefix { &-prefix {
......
...@@ -88,7 +88,7 @@ ...@@ -88,7 +88,7 @@
margin-bottom: 8px; margin-bottom: 8px;
color: @text-color-secondary; color: @text-color-secondary;
font-weight: normal; font-weight: normal;
font-size: 14px; font-size: 12px;
line-height: 22px; line-height: 22px;
} }
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
.title { .title {
margin-left: 16px; margin-left: 16px;
font-size: 20px; font-size: 18px;
color: #303133; color: #303133;
font-weight: 500; font-weight: 500;
} }
...@@ -19,11 +19,11 @@ ...@@ -19,11 +19,11 @@
.back_btn { .back_btn {
color: #909399; color: #909399;
margin-left: 27px; margin-left: 27px;
font-size: 16px; font-size: 14px;
cursor: pointer; cursor: pointer;
&>span { &>span {
font-size: 14px; font-size: 12px;
margin-left: 6px; margin-left: 6px;
} }
} }
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
&-title { &-title {
line-height: 24px; line-height: 24px;
padding-bottom: 0; padding-bottom: 0;
font-size: 16px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: rgba(23, 43, 77, 1); color: rgba(23, 43, 77, 1);
} }
......
...@@ -51,7 +51,7 @@ const RowStyleLayout = styled(props => <div {...props} />)` ...@@ -51,7 +51,7 @@ const RowStyleLayout = styled(props => <div {...props} />)`
font-size: 12px; font-size: 12px;
} }
.card-checkbox-title { .card-checkbox-title {
font-size: 14px; font-size: 12px;
color: #606266; color: #606266;
} }
` `
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
background: #fff; background: #fff;
text-align: center; text-align: center;
line-height: 160px; line-height: 160px;
font-size: 20px; font-size: 18px;
border-radius: 50%; border-radius: 50%;
} }
...@@ -39,12 +39,12 @@ ...@@ -39,12 +39,12 @@
align-items: center; align-items: center;
height: 32px; height: 32px;
color: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85);
font-size: 14px; font-size: 12px;
&::before { &::before {
display: inline-block; display: inline-block;
margin-right: 4px; margin-right: 4px;
color: #ff4d4f; color: #ff4d4f;
font-size: 14px; font-size: 12px;
font-family: SimSun, sans-serif; font-family: SimSun, sans-serif;
line-height: 1; line-height: 1;
content: '*'; content: '*';
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
display: inline-block; display: inline-block;
margin-left: 4px; margin-left: 4px;
color: #ff4d4f; color: #ff4d4f;
font-size: 14px; font-size: 12px;
font-family: SimSun, sans-serif; font-family: SimSun, sans-serif;
line-height: 1; line-height: 1;
content: '*'; content: '*';
......
.tag { .tag {
line-height: 22px; line-height: 22px;
padding: 0 8px; padding: 0 8px;
font-size: 14px; font-size: 12px;
font-weight: 400; font-weight: 400;
color: #00B37A; color: #00B37A;
background: #EBF7F2; background: #EBF7F2;
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
align-items: center; align-items: center;
height: 54px; height: 54px;
background: #fff; background: #fff;
font-size: 18px; font-size: 16px;
font-weight: 700; font-weight: 700;
color: @main-font-bold-color; color: @main-font-bold-color;
} }
......
...@@ -5,20 +5,20 @@ ...@@ -5,20 +5,20 @@
list-style-type: decimal; list-style-type: decimal;
li{ li{
color: #909399; color: #909399;
font-size: 14px; font-size: 12px;
} }
} }
.step1Description{ .step1Description{
h4{ h4{
height:22px; height:22px;
font-size:14px; font-size: 12px;
font-weight:500; font-weight:500;
color:rgba(23,43,77,1); color:rgba(23,43,77,1);
line-height:22px; line-height:22px;
} }
p{ p{
height:20px; height:20px;
font-size:14px; font-size: 12px;
font-weight:400; font-weight:400;
color:rgba(107,119,140,1); color:rgba(107,119,140,1);
line-height:20px; line-height:20px;
......
...@@ -210,19 +210,9 @@ ol { ...@@ -210,19 +210,9 @@ ol {
#root { #root {
.ant-pro-global-header { .ant-pro-global-header {
height: 56px;
background: @header-global-nav-bg; background: @header-global-nav-bg;
} }
.ant-layout-header {
height: 56px;
line-height: 56px;
}
.ant-pro-global-header-trigger {
height: 56px;
}
.ant-pro-global-header-trigger:hover { .ant-pro-global-header-trigger:hover {
background: @header-global-nav-bg; background: @header-global-nav-bg;
} }
...@@ -369,7 +359,7 @@ ol { ...@@ -369,7 +359,7 @@ ol {
.ant-tree .ant-tree-switcher .ant-tree-switcher-icon, .ant-tree .ant-tree-switcher .ant-tree-switcher-icon,
.ant-tree .ant-tree-switcher .ant-select-tree-switcher-icon { .ant-tree .ant-tree-switcher .ant-select-tree-switcher-icon {
font-size: 14px; font-size: 12px;
} }
.black-tabs { .black-tabs {
......
@import './mixins/layout.less'; @import './mixins/layout.less';
#root { #root {
.ant-pro-global-footer {
margin: 8px auto 32px auto;
}
.identityRadio{ .identityRadio{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
......
...@@ -42,9 +42,9 @@ ...@@ -42,9 +42,9 @@
justify-content: space-between; justify-content: space-between;
background: #fff; background: #fff;
padding: 0 24px; padding: 0 24px;
height: 64px; height: 56px;
line-height: 64px; line-height: 56px;
font-size: 20px; font-size: 18px;
font-weight: bold; font-weight: bold;
color: #303133; color: #303133;
} }
...@@ -63,9 +63,9 @@ ...@@ -63,9 +63,9 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 56px; height: 48px;
background: @header-global-nav-bg; background: @header-global-nav-bg;
font-size: 18px; font-size: 16px;
color: #fff; color: #fff;
} }
......
...@@ -69,7 +69,7 @@ const RowStyleLayout = styled(props => <div {...props} />)` ...@@ -69,7 +69,7 @@ const RowStyleLayout = styled(props => <div {...props} />)`
&-title { &-title {
line-height: 14px; line-height: 14px;
margin-bottom: 18px; margin-bottom: 18px;
font-size: 14px; font-size: 12px;
font-weight: 400; font-weight: 400;
color: #303133; color: #303133;
} }
...@@ -84,7 +84,7 @@ const RowStyleLayout = styled(props => <div {...props} />)` ...@@ -84,7 +84,7 @@ const RowStyleLayout = styled(props => <div {...props} />)`
&-price { &-price {
line-height: 14px; line-height: 14px;
font-size: 14px; font-size: 12px;
font-weight: 500; font-weight: 500;
color: #303133; color: #303133;
} }
......
...@@ -69,7 +69,7 @@ const RowStyleLayout = styled(props => <div {...props} />)` ...@@ -69,7 +69,7 @@ const RowStyleLayout = styled(props => <div {...props} />)`
&-title { &-title {
line-height: 14px; line-height: 14px;
margin-bottom: 18px; margin-bottom: 18px;
font-size: 14px; font-size: 12px;
font-weight: 400; font-weight: 400;
color: #303133; color: #303133;
} }
...@@ -84,7 +84,7 @@ const RowStyleLayout = styled(props => <div {...props} />)` ...@@ -84,7 +84,7 @@ const RowStyleLayout = styled(props => <div {...props} />)`
&-price { &-price {
line-height: 14px; line-height: 14px;
font-size: 14px; font-size: 12px;
font-weight: 500; font-weight: 500;
color: #303133; color: #303133;
} }
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
&-name { &-name {
line-height: 14px; line-height: 14px;
margin-bottom: 13px; margin-bottom: 13px;
font-size: 14px; font-size: 12px;
font-weight: 400; font-weight: 400;
} }
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
line-height: 14px; line-height: 14px;
padding: 12px; padding: 12px;
position: relative; position: relative;
font-size: 14px; font-size: 12px;
font-weight: 400; font-weight: 400;
color: #606266; color: #606266;
border-bottom: 1px solid #EEF0F3; border-bottom: 1px solid #EEF0F3;
......
...@@ -5,20 +5,20 @@ ...@@ -5,20 +5,20 @@
list-style-type: decimal; list-style-type: decimal;
li{ li{
color: #909399; color: #909399;
font-size: 14px; font-size: 12px;
} }
} }
.step1Description{ .step1Description{
h4{ h4{
height:22px; height:22px;
font-size:14px; font-size: 12px;
font-weight:500; font-weight:500;
color:rgba(23,43,77,1); color:rgba(23,43,77,1);
line-height:22px; line-height:22px;
} }
p{ p{
height:20px; height:20px;
font-size:14px; font-size: 12px;
font-weight:400; font-weight:400;
color:rgba(107,119,140,1); color:rgba(107,119,140,1);
line-height:20px; line-height:20px;
......
...@@ -5,20 +5,20 @@ ...@@ -5,20 +5,20 @@
list-style-type: decimal; list-style-type: decimal;
li{ li{
color: #909399; color: #909399;
font-size: 14px; font-size: 12px;
} }
} }
.step1Description{ .step1Description{
h4{ h4{
height:22px; height:22px;
font-size:14px; font-size: 12px;
font-weight:500; font-weight:500;
color:rgba(23,43,77,1); color:rgba(23,43,77,1);
line-height:22px; line-height:22px;
} }
p{ p{
height:20px; height:20px;
font-size:14px; font-size: 12px;
font-weight:400; font-weight:400;
color:rgba(107,119,140,1); color:rgba(107,119,140,1);
line-height:20px; line-height:20px;
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
.selectionItem { .selectionItem {
height: 24px; height: 24px;
font-size: 14px; font-size: 12px;
padding: 0px 7px; padding: 0px 7px;
margin: 0 16px 16px 0; margin: 0 16px 16px 0;
display: flex; display: flex;
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
padding: 0 6px; padding: 0 6px;
background: #F4F5F7; background: #F4F5F7;
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 12px;
color: #606266; color: #606266;
display: flex; display: flex;
justify-content: center; justify-content: center;
......
...@@ -2,9 +2,19 @@ import React, { Component } from 'react'; ...@@ -2,9 +2,19 @@ import React, { Component } from 'react';
class Home extends Component { class Home extends Component {
render() { render() {
return <div> return (
<h1>home页面</h1> <div
</div>; style={{
margin: '-24px',
}}
>
<img
src="https://shushangyun01.oss-cn-shenzhen.aliyuncs.com/bc7f3a2385c0438bafcf1b74212cc7721601275065050.png"
width="100%"
height="auto"
/>
</div>
);
} }
} }
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
&-title { &-title {
margin-bottom: 20px; margin-bottom: 20px;
line-height: 24px; line-height: 24px;
font-size: 16px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: rgba(23, 43, 77, 1); color: rgba(23, 43, 77, 1);
} }
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
&-title { &-title {
margin-bottom: 9px; margin-bottom: 9px;
line-height: 22px; line-height: 22px;
font-size: 14px; font-size: 12px;
font-weight: 400; font-weight: 400;
color: rgba(23, 43, 77, 1); color: rgba(23, 43, 77, 1);
text-align: center; text-align: center;
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
&-tag { &-tag {
line-height: 22px; line-height: 22px;
padding: 0 6px; padding: 0 6px;
font-size: 14px; font-size: 12px;
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
border-radius: 4px; border-radius: 4px;
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
&-title { &-title {
line-height: 20px; line-height: 20px;
margin-bottom: 24px; margin-bottom: 24px;
font-size: 14px; font-size: 12px;
font-weight: 400; font-weight: 400;
color: rgba(107, 119, 140, 1); color: rgba(107, 119, 140, 1);
} }
......
.head { .head {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 20px; font-size: 18px;
font-weight: 500; font-weight: 500;
&-prefix { &-prefix {
......
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
.title { .title {
margin-bottom: 20px; margin-bottom: 20px;
line-height: 20px; line-height: 20px;
font-size: 14px; font-size: 12px;
font-weight: 400; font-weight: 400;
color: rgba(107, 119, 140, 1); color: rgba(107, 119, 140, 1);
......
.tag { .tag {
line-height: 22px; line-height: 22px;
padding: 0 8px; padding: 0 8px;
font-size: 14px; font-size: 12px;
font-weight: 400; font-weight: 400;
color: #00B37A; color: #00B37A;
background: #EBF7F2; background: #EBF7F2;
......
.headerTop { .headerTop {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 20px; font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
background-color: #FFEBE6; background-color: #FFEBE6;
border-radius: 4px; border-radius: 4px;
color: #E63F3B; color: #E63F3B;
font-size: 14px; font-size: 12px;
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
} }
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
display: flex; display: flex;
width: calc(100% / 3); width: calc(100% / 3);
margin-bottom: 17px; margin-bottom: 17px;
font-size: 14px; font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #909399; color: #909399;
......
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
line-height: 36px; line-height: 36px;
background: rgba(0, 0, 0, 0.65); background: rgba(0, 0, 0, 0.65);
color: #ffffff; color: #ffffff;
font-size: 16px; font-size: 14px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
flex-grow: 1; flex-grow: 1;
padding: 24px; padding: 24px;
overflow: auto; overflow: auto;
font-size: 14px; font-size: 12px;
line-height: 1.5715; line-height: 1.5715;
} }
......
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
line-height: 24px; line-height: 24px;
font-size: 14px; font-size: 12px;
background: #4279DF; background: #4279DF;
border-radius: 8px 0px 8px 0px; border-radius: 8px 0px 8px 0px;
z-index: 3; z-index: 3;
...@@ -112,7 +112,7 @@ ...@@ -112,7 +112,7 @@
.template_info_content_text_wrap { .template_info_content_text_wrap {
flex: 1; flex: 1;
font-size: 14px; font-size: 12px;
line-height: 22px; line-height: 22px;
.template_info_content_text_line { .template_info_content_text_line {
...@@ -141,7 +141,7 @@ ...@@ -141,7 +141,7 @@
border: 1px solid rgba(235, 236, 240, 1); border: 1px solid rgba(235, 236, 240, 1);
cursor: pointer; cursor: pointer;
color: #606266; color: #606266;
font-size: 14px; font-size: 12px;
// margin-top: auto; // margin-top: auto;
margin-left: auto; margin-left: auto;
......
...@@ -21,11 +21,11 @@ ...@@ -21,11 +21,11 @@
color: #909399; color: #909399;
padding-left: 12px; padding-left: 12px;
font-size: 14px; font-size: 12px;
&>label { &>label {
color: #303133; color: #303133;
font-size: 20px; font-size: 18px;
margin-left: 4px; margin-left: 4px;
} }
} }
......
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
.loading_text { .loading_text {
margin-top: 16px; margin-top: 16px;
font-size: 16px; font-size: 14px;
font-weight: bold; font-weight: bold;
} }
} }
\ No newline at end of file
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
.select-box, .animate-btn { .select-box, .animate-btn {
height: 24px; height: 24px;
font-family: PingFang-SC-Regular; font-family: PingFang-SC-Regular;
font-size: 14px; font-size: 12px;
letter-spacing: 0.2px; letter-spacing: 0.2px;
color: #555; color: #555;
border-radius: 2px; border-radius: 2px;
......
...@@ -38,13 +38,13 @@ ...@@ -38,13 +38,13 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
font-size: 14px; font-size: 12px;
color: #303133; color: #303133;
} }
&_price { &_price {
color: #D32F2F; color: #D32F2F;
font-size: 14px; font-size: 12px;
margin-top: 8px; margin-top: 8px;
margin-bottom: 4px; margin-bottom: 4px;
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
padding: 8px; padding: 8px;
border-bottom: 1px solid #F4F5F7; border-bottom: 1px solid #F4F5F7;
color: #606266; color: #606266;
font-size: 14px; font-size: 12px;
&::before { &::before {
position: absolute; position: absolute;
......
...@@ -23,13 +23,13 @@ ...@@ -23,13 +23,13 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
font-size: 14px; font-size: 12px;
color: #303133; color: #303133;
} }
&_price { &_price {
color: #D32F2F; color: #D32F2F;
font-size: 14px; font-size: 12px;
margin-top: 8px; margin-top: 8px;
margin-bottom: 4px; margin-bottom: 4px;
......
...@@ -25,13 +25,13 @@ ...@@ -25,13 +25,13 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
font-size: 14px; font-size: 12px;
color: #303133; color: #303133;
} }
&_price { &_price {
color: #D32F2F; color: #D32F2F;
font-size: 14px; font-size: 12px;
margin-top: 8px; margin-top: 8px;
margin-bottom: 4px; margin-bottom: 4px;
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
.back_btn { .back_btn {
color: #909399; color: #909399;
margin-left: 27px; margin-left: 27px;
font-size: 16px; font-size: 14px;
margin-top: 40px; margin-top: 40px;
cursor: pointer; cursor: pointer;
align-self: flex-start; align-self: flex-start;
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
line-height: 24px; line-height: 24px;
font-size: 14px; font-size: 12px;
background: #4279DF; background: #4279DF;
border-radius: 8px 0px 8px 0px; border-radius: 8px 0px 8px 0px;
z-index: 3; z-index: 3;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment