gy-webcode2 1.0.0

package/css/layout.scss

@@ -0,0 +1,338 @@
+
+.wrapper{
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    .wrapper_body{
+        flex: 1;
+        height: 0;
+        display: flex;
+        &.max{
+            left: 40px;
+        }
+    }
+    .wrapper_main{
+        position: relative;
+        flex: 1;
+    }
+}
+.contentBox,.componentBody{
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    display:flex;
+    flex-direction: column;
+    >.content{
+        background: #fff;
+        position: relative;
+        margin: 0 16px 0 16px;
+        flex: 1;
+        overflow: hidden;
+        border-radius: 10px;
+    }
+    >.content2{
+        flex:1;
+        display: flex;
+        margin: 0 16px 0 16px;
+        height: 0;
+        .left{
+            background: #fff;
+            width: 240px;
+            position: relative;
+            overflow: hidden;
+            margin-right: 16px; 
+            border-radius: 10px;
+        }
+        .right{
+            width: 0;
+            border-radius: 10px;
+            overflow: hidden;
+            flex: 1;
+            background: #fff;
+        }
+    }
+
+}
+.componentBody{
+    z-index: 5;
+    background: #f0f2f5;
+
+}
+.contentMargin{
+    margin: 16px 16px 0 16px;
+}
+.emptyData{
+    text-align:center;
+    color:#aaa;
+    i{
+        font-size: 80px;
+        color:#eee;
+        display:block;
+        margin-bottom: 10px;
+        padding-top:20px;
+    }
+}
+
+.breadcrumb{
+    // height: 88px;
+   
+    // line-height: 40px;
+    .row1{
+        padding-left: 15px;
+        padding-right: 15px;
+        // height: 44px;
+        align-items: center;
+        overflow: hidden;
+        position: relative;
+        padding-top: 15px;
+        // padding-bottom: 10px;
+        // padding-bottom: 12px;
+        
+        display: flex;
+        justify-content: space-between;
+        .s1{
+            // color: #1890ff;
+            @include themeColor('color');
+        }
+        
+        .title{
+            display: flex;
+            align-items: center;
+            color:#595959;
+            .iconBox{
+                width:30px;
+                text-align: center;
+                font-size: 16px;
+                font-weight: bold;
+            }
+        }
+    }
+    .myHover{
+        cursor: pointer;
+        &:hover{
+            @include themeColor("color",'hover')
+        }
+        &:active{
+            @include themeColor("color",'active')
+        }
+    }
+}
+
+.pageHeader{
+    padding-left: 16px;
+    padding-right: 16px;
+    height: 32px;
+    color: #262626;
+    
+    // margin-top: 5px;
+    display: flex;
+    justify-content: space-between;
+    // margin-bottom: 8px;
+    align-items: center;
+    // align-items: flex-end;
+    // margin-bottom: 16px;
+    margin-bottom: 10px;
+    margin-top: 10px;
+    .name{
+        font-size: 20px;
+    }
+    .myHover{
+        cursor: pointer;
+        &:hover{
+            @include themeColor("color",'hover')
+        }
+        &:active{
+            @include themeColor("color",'active')
+        }
+    }
+    // border: 1px solid #000;
+}
+
+
+.findBox{
+    display: flex;
+    flex-wrap: wrap;
+    // justify-content: space-between;
+    padding-top: 12px;
+    padding-left: 12px;
+    padding-right: 12px;
+    line-height: 32px;
+    &.noPad{
+        padding:12px 0 0 0;
+    }
+    .start{
+        display: flex;
+        // .item{
+        //     margin-right: 8px;
+        // }
+    }
+    .end{
+        display: flex;
+        margin-left: auto;
+        // .item{
+        //     margin-left: 8px;
+        // }
+    }
+    .item{
+        padding-bottom: 12px;
+        display: flex;
+        align-items: center;
+        // margin-right: 8px;
+        margin: 0 4px;
+        
+    }
+    
+}
+
+.myDrawer{
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    display: flex;
+    flex-direction: column;
+    .header{
+        height: 56px;
+        display: flex;
+        align-items: center;
+        border-bottom: 1px solid #f0f0f0;
+        padding-left: 24px;
+        font-size: 16px;
+        padding-right: 24px;
+        justify-content: space-between;
+        .close{
+            margin-right: 10px;
+            cursor: pointer;
+        }
+    }
+    .body{
+        position: relative;
+        .row1{
+            padding: 10px 0;
+            // padding: 10px 0 5px 0;
+            font-weight: bold;
+        }
+        .stylPreview{
+            display: flex;
+            padding: 10px 0;
+            .item{
+                position: relative;
+                width: 64px;
+                height: 48px;
+                margin-right: 16px;
+                box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
+                cursor: pointer;
+                .iconBox{
+                    display: none;
+                    color: #1890ff ;
+                    font-size: 20px;
+                    width: 20px;
+                    height: 20px;
+                    position: absolute;
+                    left: 30px;
+                    top: 22px;
+                }
+                &.active .iconBox{
+                    display: block;
+                }
+                &.item_1{
+                    background-image: url("~gy-webcode2/img/theme/pageStyle_1.png");
+                }
+                &.item_2{
+                    background-image: url("~gy-webcode2/img/theme/pageStyle_2.png");
+                }
+                &.item_3{
+                    background-image: url("~gy-webcode2/img/theme/pageStyle_3.png");
+                }
+            }
+        }
+        .themeColors{
+            display: flex;
+            padding: 10px 0;
+            .item{
+                width: 20px;
+                height: 20px;
+                background: #000;
+                border-radius: 4px;
+                margin-right: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                text-align: center;
+                line-height: 20px;
+                color: #fff;
+                font-size: 12px;
+                cursor: pointer;
+                .iconBox{
+                    display: none;   
+                }
+                &.active .iconBox{
+                    display: block;
+                }
+            }
+        }
+    }
+
+}
+.myContainer{
+    border-radius: 8px;
+    background: #fff;
+    overflow: hidden;
+}
+.myformFoot{
+    height: 56px;
+    position: relative;
+    .shadow{
+        background: #fff;
+        height: 56px;
+        border-top: 1px solid #fafafa;
+        box-shadow: 0px 0 10px 0px  #fafafa;
+        display: flex;
+        align-items: center;
+        padding-left: 140px;
+    }
+}
+.myPage{
+    padding:10px 16px;
+    text-align: right;
+}
+
+.common_settings {
+    position: absolute;
+    right: 8px;
+    top: 8px;
+    display: flex;
+    opacity: 0;
+    transition: all 0.2s ease;
+    
+    span {
+        width: 20px;
+        height: 20px;
+        // background: #a4d1cd;
+        @include themeColor('background-color','hover',0.5);
+        border-radius: 3px;
+        color: #fff;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        margin-left: 4px;
+        font-size: 12px;
+
+        &:hover {
+            @include themeColor('background-color','hover');
+        }
+        &:active {
+            @include themeColor('background-color','active');
+        }
+
+    }
+}

package/css/login.scss

@@ -0,0 +1,122 @@
+.loginBody{
+    background:#00656b  url("~gy-webcode2/img/login_bg2.jpg") top center no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    // height: 100%;
+    bottom: 0;
+    overflow: auto;
+    
+}
+.loginBox{
+    width: 740px;
+    height: 390px;
+    background: #fff url("~gy-webcode2/img/login_bg2.png") top left no-repeat;
+    border-radius: 10px;
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: 0;
+    margin:auto;
+    padding-left: 370px;
+    .logo{
+        height: 80px;
+        background-repeat: no-repeat;
+        background-size: auto 55%;
+        background-position: center;
+    }
+    .projectName{
+        text-align:center;
+        font-size: 28px;
+        height: 75px;
+    }
+    .nrBox{
+        height: 180px;
+        padding: 0 30px;
+    }
+
+    .login_inputBox{
+        position: relative;
+        // margin-bottom: 20px;
+        input{
+            display:block;
+            outline:none;
+            width: 100%;
+            border: 1px solid #cccccc;
+            height: 40px;
+            padding: 0 10px;
+            caret-color: #009fa2;
+            &:focus{
+                border: 1px solid #009fa2;
+            }
+
+            &.yzmInput{
+                padding-right: 120px;
+            }
+        }
+        .yznBtn{
+            position: absolute;
+            width: 80px;
+            height: 30px;
+            right: 4px;
+            top:5px;
+            color: #fff;
+            font-size: 12px;
+            border-radius: 3px;
+            cursor: pointer;
+            background: #325bc0;
+            text-align:center;
+            line-height: 30px;
+            user-select: none;
+            &:hover{
+                background: #325bc0;
+            }
+        }
+        
+        .inputInfo{
+            font-size: 12px;
+            overflow: hidden;
+            line-height: 25px;
+            height: 25px;
+            .error{
+                color: #c4261d;
+            }
+        }
+    }
+    .wjmm{
+        color: #0095df;
+    }
+    .login_btn{
+        display:block;
+        width: 100%;
+        border: none;
+        margin-top: 10px;
+        height: 40px;
+        color: #fff;
+        background: #325bc0;
+        outline: none;
+        cursor: pointer;
+    }
+    .loginOption{
+        padding: 0 30px;
+        color: #325bc0;
+        line-height: 30px;
+        font-size: 20px;
+        i{
+            cursor:pointer;
+        }
+    }
+
+    .logo_ewm{
+        text-align: center;
+        p{
+            font-size: 12px;
+            margin-top: 10px;
+        }
+    }
+
+    
+}

package/css/modules/button.scss

@@ -0,0 +1,2 @@
+
+

package/css/modules/color.scss

@@ -0,0 +1,58 @@
+//文字颜色
+.color_hong{
+    // color: #b61f1f;
+    color:#d81e06 !important;
+}
+.color_lv{
+        color: #52c41a !important;
+}
+
+.color_lv2{
+    // color: #0e8782;
+    color: #12c9b5;
+}
+
+.color_huang{
+    color:#fbb200 !important;
+}
+.color_huang2{
+    color: #ff8834 !important;
+}
+.color_333{
+    color: #333333 !important;
+}
+.color_666{
+    color:#666666 !important;
+}
+.color_aaa{
+    color:#aaaaaa !important;
+}
+.color_fff{
+    // color: #b61f1f;
+    color:#fff !important;
+}
+.color_5487ee{
+    color:#5487ee;
+}
+
+.color_ccc{
+    color: #ccc;
+}
+
+.color_eee{
+    color: #eee;
+}
+.color_cheng{
+    color: #fa8c16;
+}
+.color_2{
+    color: $color2;
+}
+
+.color_4{
+    color: $color4;
+    // background-color: rgba($color: #000000, $alpha: 1.0);
+}
+.bg_fff{
+    background: #fff !important;
+}