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 99 additions and 56 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 {
background-color: #fff;
height: 34px;
margin-bottom: 12px; margin-bottom: 12px;
padding: 7px 14px; padding: 7px 14px;
height: 34px;
background-color: #fff;
.ant-breadcrumb > span:last-child { .ant-breadcrumb > span:last-child {
color: #1892FF; color: #1892ff;
} }
} }
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{
.site-layout-header {
align-items: center;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center;
position: relative; position: relative;
&::before{
content: ""; &::before {
width: 1px; background-color: #fff;
content: '';
height: 36px; height: 36px;
position: absolute; position: absolute;
right: 0;
top: 50%; top: 50%;
right: 0px;
transform: translate(0%, -50%); transform: translate(0%, -50%);
background-color: #fff; width: 1px;
} }
} }
.icon{
width: 18px; .icon {
height: 18px; height: 18px;
margin-right: 10px; margin-right: 10px;
width: 18px;
} }
.logo-box { .logo-box {
margin: 0 auto;
width: 1200px;
display: flex;
align-items: center; align-items: center;
color: #fff; color: #fff;
display: flex;
margin: 0 auto;
width: 1200px;
} }
.platform { .platform {
color: #fff;
font-size: 16px; font-size: 16px;
line-height: 28px; line-height: 28px;
color: #fff;
} }
.site-layout-tab-header{
display: flex; .site-layout-tab-header {
align-items: center; align-items: center;
display: flex;
justify-content: space-between; justify-content: space-between;
padding-left: 16px; padding-left: 16px;
padding-right: 16px; padding-right: 16px;
} }
.user-menu-box{
display: flex; .user-menu-box {
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
.user-title{ display: flex;
.user-title {
color: #fff; color: #fff;
font-size: 18px; font-size: 18px;
font-weight: 500; font-weight: 500;
padding-left: 4px; padding-left: 4px;
} }
} }
.content{
margin: 11px; .content {
flex: 1; flex: 1;
height: calc(100vh - 82px); height: calc(100vh - 82px);
margin: 11px;
overflow: auto; overflow: auto;
padding-bottom: 30px; padding-bottom: 30px;
} }
.meun-box{
.meun-box {
height: calc(100vh - 82px); height: calc(100vh - 82px);
overflow: hidden; overflow: hidden;
} }
} }
\ No newline at end of file
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%;
} }
src/view/error/index.scss
.error-box { .error-box {
background-color: #fff;
padding-bottom: 30px; padding-bottom: 30px;
text-align: center; text-align: center;
background-color: #fff;
&::before{ &::before {
content: ''; content: '';
display: table; display: table;
} }
.login-box { .login-box {
min-height: 100vh;; background-color: #ebebeb;
background-color: #EBEBEB; min-height: 100vh;
} }
.login-header { .login-header {
display: flex;
align-items: center; align-items: center;
background-color: #1890ff;
display: flex;
height: 60px; height: 60px;
background-color: #1890FF;
.logo-box { .logo-box {
margin: 0 auto;
width: 1200px;
display: flex;
align-items: center; align-items: center;
color: #fff; color: #fff;
display: flex;
margin: 0 auto;
width: 1200px;
} }
.platform-name { .platform-name {
margin-left: 16px;
padding-left: 12px;
border-left: 1px solid #fff; border-left: 1px solid #fff;
font-size: 20px; font-size: 20px;
line-height: 28px; line-height: 28px;
margin-left: 16px;
padding-left: 12px;
} }
} }
.ant-statistic { .ant-statistic {
display: inline-block; display: inline-block;
vertical-align: bottom; vertical-align: bottom;
.ant-statistic-content { .ant-statistic-content {
font-size: 16px; font-size: 16px;
} }
} }
.error-img { .error-img {
margin: 39px auto 16px;
width: 714px;
height: 563px;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; 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!