Skip to content

Commit

Permalink
feat(asset-bundle): add "generate all ab" draft logic(pass compile)
Browse files Browse the repository at this point in the history
  • Loading branch information
@yyc-git
yyc-git committed May 6, 2019
1 parent d113c47 commit e3876ab
Show file tree
Hide file tree
Showing 11 changed files with 738 additions and 7 deletions.
113 changes: 113 additions & 0 deletions public/css/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -304,6 +304,119 @@ html, body {
right: 30px;
padding-top: 5px; }

.wonder-generateAllAB-modal {
position: fixed;
z-index: 200;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
top: 20%;
display: flex;
justify-content: center; }
.wonder-generateAllAB-modal .input-component {
position: relative;
display: inline-block;
padding: 4px 7px;
width: 100%;
height: 22px;
cursor: text;
font-size: 12px;
line-height: 1.5;
color: #666;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 6px;
-webkit-transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
.wonder-generateAllAB-modal .input-component::placeholder {
color: #ccc; }
.wonder-generateAllAB-modal .input-component:hover {
border-color: #57c5f7; }
.wonder-generateAllAB-modal .input-component:focus {
border-color: #57c5f7;
outline: 0;
box-shadow: 0 0 0 2px rgba(45, 183, 245, 0.2); }
.wonder-generateAllAB-modal .modal-item {
width: 470px;
height: 200px;
position: relative;
background: #c1c1c1;
border-radius: 5px;
z-index: 150; }
.wonder-generateAllAB-modal .modal-item .modal-item-header {
width: 100%;
height: 22px;
line-height: 22px;
font-size: 14px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
text-align: center;
font-size: 17px;
font-weight: bold;
padding: 5px 0px 2px 0px;
border-bottom: 1px solid #868686;
background: #555454;
position: relative; }
.wonder-generateAllAB-modal .modal-item .modal-item-header img {
position: absolute;
top: 8px;
cursor: hand;
right: 20px;
width: 15px;
height: 15px; }
.wonder-generateAllAB-modal .modal-item .modal-item-content {
color: #000;
height: 114px;
overflow-y: auto;
width: 90%;
margin-left: 5%;
padding-top: 10px;
box-sizing: border-box;
font-size: 16px; }
.wonder-generateAllAB-modal .modal-item .modal-item-content::-webkit-scrollbar {
width: 4px;
height: 6px; }
.wonder-generateAllAB-modal .modal-item .modal-item-content::-webkit-scrollbar-button {
display: none; }
.wonder-generateAllAB-modal .modal-item .modal-item-content::-webkit-scrollbar-track {
background: rgba(1, 1, 1, 0.6);
width: 2px; }
.wonder-generateAllAB-modal .modal-item .modal-item-content::-webkit-scrollbar-thumb {
background: #cfcccc;
border-radius: 4px; }
.wonder-generateAllAB-modal .modal-item .modal-item-content::-webkit-scrollbar-thumb:hover {
background: #fc7100; }
.wonder-generateAllAB-modal .modal-item .modal-item-content .content-field {
width: 100%;
height: 24px;
display: flex; }
.wonder-generateAllAB-modal .modal-item .modal-item-content .content-field .field-title {
width: 20%;
text-align: center;
height: 24px;
line-height: 24px; }
.wonder-generateAllAB-modal .modal-item .modal-item-content .content-field .field-content {
width: 80%;
margin-left: 4px;
text-align: center;
height: 24px;
line-height: 24px; }
.wonder-generateAllAB-modal .modal-item .modal-item-content .content-field .field-content a {
white-space: nowrap; }
.wonder-generateAllAB-modal .modal-item .modal-item-footer {
height: 50px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
position: relative; }
.wonder-generateAllAB-modal .modal-item .modal-item-footer .footer-submit {
width: 100px;
position: absolute;
top: 5px;
right: 30px;
padding-top: 5px; }

.wonder-app-component {
width: 100%;
height: 100%;
Expand Down
80 changes: 80 additions & 0 deletions public/sass/components/ui/_generateAllABModal.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
.wonder-generateAllAB-modal {
position: fixed;
z-index: 200;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
top: 20%;
display: flex;
justify-content: center;
@import "./normalInput";

.modal-item {
width: 470px;
height: 200px;
position: relative;
background: #c1c1c1;
border-radius: 5px;
z-index: 150;

.modal-item-header {
width: 100%;
height: 22px;
line-height: 22px;
font-size: 14px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
text-align: center;
font-size: 17px;
font-weight: bold;
padding: 5px 0px 2px 0px;
border-bottom: 1px solid #868686;
background: #555454;
position: relative;

img {
position: absolute;
top: 8px;
cursor: hand;
right: 20px;
width: 15px;
height: 15px;
}
}

.modal-item-content {
@import "../../utils/scrollBarUtils";
color: #000;
height: 114px;
overflow-y: auto;
width: 90%;
margin-left: 5%;
padding-top: 10px;
box-sizing: border-box;
font-size: 16px;

.content-field {
width: 100%;
height: 24px;
display: flex;
@import "../../utils/modalUtils";
}
}

.modal-item-footer {
height: 50px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
position: relative;

.footer-submit {
width: 100px;
position: absolute;
top: 5px;
right: 30px;
padding-top: 5px;
}
}
}
}
4 changes: 2 additions & 2 deletions public/sass/index.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,10 @@

@import "./components/ui/modal";
@import "./components/ui/singleInputModal";
@import "./components/ui/generateAllABModal";

@import "components/app";

@import "vendors/colorPickExtend";

@import "vendors/selectComponent";

@import "vendors/selectComponent";
Loading

0 comments on commit e3876ab

Please sign in to comment.