Skip to content

ds147000 / react-project-storage

Go to a project
Commit bea92af9 by 杨周龙
Options

集成stylelint

1 parent 706d1783
Inline Side-by-side
Showing with 180 additions and 140 deletions
.stylelintrc.json 0 → 100644
{
"extends": [
"stylelint-config-standard",
"stylelint-config-sass-guidelines"
],
"rules": {
"at-rule-no-vendor-prefix": true,
"block-no-empty": true,
"block-opening-brace-space-before": "always",
"declaration-bang-space-after": "never",
"declaration-colon-space-after": "always",
"declaration-colon-space-before": "never",
"function-url-quotes": "always",
"indentation": 4,
"property-no-vendor-prefix": true,
"order/properties-alphabetical-order": true,
"max-nesting-depth": 4,
"selector-max-compound-selectors": 4
}
}
package-lock.json
This diff could not be displayed because it is too large.
package.json
...@@ -24,7 +24,9 @@ ...@@ -24,7 +24,9 @@
"start": "react-app-rewired start", "start": "react-app-rewired start",
"build": "react-app-rewired build", "build": "react-app-rewired build",
"test": "react-app-rewired test", "test": "react-app-rewired test",
"eject": "react-scripts eject" "eject": "react-scripts eject",
"style-lint": "stylelint \"**/*.{scss, css, less}\"",
"lint-fix": "stylelint --fix \"**/*.{scss, css, less}\""
}, },
"eslintConfig": { "eslintConfig": {
"extends": "react-app" "extends": "react-app"
...@@ -53,6 +55,9 @@ ...@@ -53,6 +55,9 @@
"cross-env": "^7.0.2", "cross-env": "^7.0.2",
"customize-cra": "^1.0.0", "customize-cra": "^1.0.0",
"node-sass": "^4.14.1", "node-sass": "^4.14.1",
"react-app-rewired": "^2.1.6" "react-app-rewired": "^2.1.6",
"stylelint": "^13.8.0",
"stylelint-config-sass-guidelines": "^7.1.0",
"stylelint-config-standard": "^20.0.0"
} }
} }
src/components/BreadCrumbs/index.scss
.breadcrumb-box { .breadcrumb-box {
margin-bottom: 12px; background-color: #fff;
padding: 7px 14px; height: 34px;
height: 34px; margin-bottom: 12px;
background-color: #fff; padding: 7px 14px;
.ant-breadcrumb > span:last-child {
color: #1892FF; .ant-breadcrumb > span:last-child {
} color: #1892ff;
} }
\ No newline at end of file }
src/components/Layout/style.scss
.site-layout{ .site-layout {
.site-layout-background { .site-layout-background {
background: #1890FF; background: #1890ff;
height: 60px; height: 60px;
} }
.site-layout-header{
display: flex; .site-layout-header {
justify-content: center; align-items: center;
align-items: center; display: flex;
position: relative; justify-content: center;
&::before{ position: relative;
content: "";
width: 1px; &::before {
height: 36px; background-color: #fff;
position: absolute; content: '';
top: 50%; height: 36px;
right: 0px; position: absolute;
transform: translate(0%, -50%); right: 0;
background-color: #fff; top: 50%;
} transform: translate(0%, -50%);
} width: 1px;
.icon{ }
width: 18px; }
height: 18px;
margin-right: 10px; .icon {
} height: 18px;
.logo-box { margin-right: 10px;
margin: 0 auto; width: 18px;
width: 1200px; }
display: flex;
align-items: center; .logo-box {
color: #fff; align-items: center;
} color: #fff;
display: flex;
.platform { margin: 0 auto;
font-size: 16px; width: 1200px;
line-height: 28px; }
color: #fff;
} .platform {
.site-layout-tab-header{ color: #fff;
display: flex; font-size: 16px;
align-items: center; line-height: 28px;
justify-content: space-between; }
padding-left: 16px;
padding-right: 16px; .site-layout-tab-header {
} align-items: center;
.user-menu-box{ display: flex;
display: flex; justify-content: space-between;
align-items: center; padding-left: 16px;
cursor: pointer; padding-right: 16px;
.user-title{ }
color: #fff;
font-size: 18px; .user-menu-box {
font-weight: 500; align-items: center;
padding-left: 4px; cursor: pointer;
} display: flex;
}
.content{ .user-title {
margin: 11px; color: #fff;
flex: 1; font-size: 18px;
height: calc(100vh - 82px); font-weight: 500;
overflow: auto; padding-left: 4px;
padding-bottom: 30px; }
} }
.meun-box{
height: calc(100vh - 82px); .content {
overflow: hidden; flex: 1;
} height: calc(100vh - 82px);
} margin: 11px;
overflow: auto;
\ No newline at end of file padding-bottom: 30px;
}
.meun-box {
height: calc(100vh - 82px);
overflow: hidden;
}
}
src/components/iframe/index.scss
.iframe{ .iframe {
width: 100%; border: 0;
height: 100%; height: 100%;
border: 0px; margin: 0;
padding: 0px; padding: 0;
margin: 0px; width: 100%;
} }
.iframe-box{
display: flex; .iframe-box {
align-items: center; align-items: center;
justify-content: center; display: flex;
width: 100%;
height: calc(100vh - 100px); height: calc(100vh - 100px);
justify-content: center;
overflow: auto; overflow: auto;
width: 100%;
} }
.iframe-loading{
.iframe-loading {
left: 50%;
position: fixed; position: fixed;
top: 50%; top: 50%;
left: 50%; }
}
\ No newline at end of file
src/view/error/index.scss
.error-box { .error-box {
padding-bottom: 30px; background-color: #fff;
text-align: center; padding-bottom: 30px;
background-color: #fff; text-align: center;
&::before{
content: ''; &::before {
display: table; content: '';
} display: table;
.login-box {
min-height: 100vh;;
background-color: #EBEBEB;
}
.login-header {
display: flex;
align-items: center;
height: 60px;
background-color: #1890FF;
.logo-box {
margin: 0 auto;
width: 1200px;
display: flex;
align-items: center;
color: #fff;
} }
.platform-name {
margin-left: 16px; .login-box {
padding-left: 12px; background-color: #ebebeb;
border-left: 1px solid #fff; min-height: 100vh;
font-size: 20px;
line-height: 28px;
} }
}
.ant-statistic { .login-header {
display: inline-block; align-items: center;
vertical-align: bottom; background-color: #1890ff;
.ant-statistic-content { display: flex;
font-size: 16px; height: 60px;
.logo-box {
align-items: center;
color: #fff;
display: flex;
margin: 0 auto;
width: 1200px;
}
.platform-name {
border-left: 1px solid #fff;
font-size: 20px;
line-height: 28px;
margin-left: 16px;
padding-left: 12px;
}
} }
}
.error-img { .ant-statistic {
margin: 39px auto 16px; display: inline-block;
width: 714px; vertical-align: bottom;
height: 563px;
background-position: center; .ant-statistic-content {
background-repeat: no-repeat; font-size: 16px;
background-size: contain; }
} }
}
\ No newline at end of file .error-img {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
height: 563px;
margin: 39px auto 16px;
width: 714px;
}
}
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!