first commit

历届学生/fontendsix/项目练习/上课项目/图片预览/css/ImagePreview.css

@@ -0,0 +1,104 @@
+.bmy_image_preview {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    z-index: 9999999;
+}
+
+.bmy_mask {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    opacity: .5;
+    background: #000;
+    z-index: -1;
+}
+
+.bmy_menu {
+    position: absolute;
+    left: 50%;
+    bottom: 30px;
+    transform: translateX(-50%);
+    width: 282px;
+    height: 44px;
+    padding: 0 23px;
+    background-color: #606266;
+    border-color: #fff;
+    border-radius: 22px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    opacity: .8;
+}
+
+.bmy_menu i {
+    color: #fff;
+    font-size: 23px;
+    font-weight: 400;
+}
+
+.bmy_menu li:nth-child(3){
+    width: 60px;
+    text-align: center;
+ }
+ .bmy_menu li:nth-child(4) {
+    transform: rotateY(180deg);
+ }
+.bmy_close {
+    top: 40px;
+    right: 40px;
+    width: 40px;
+    height: 40px;
+    font-size: 24px;
+    color: #fff;
+    background-color: #606266;
+}
+.bmy_prev,
+.bmy_next {
+    top: 50%;
+    transform: translateY(-50%);
+    width: 44px;
+    height: 44px;
+    font-size: 24px;
+    color: #fff;
+    background-color: #606266;
+    border-color: #fff;
+}
+.bmy_prev {
+    left: 40px;
+}
+.bmy_next {
+    right: 40px;
+    text-indent: 2px;
+}
+ .bmy_button {
+    position: absolute;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    opacity: .8;
+    cursor: pointer;
+    box-sizing: border-box;
+    user-select: none;
+ }
+ .bmy_image_canvas {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+ }
+ .bmy_image_canvas img {
+    transition: all 0.3s ease;
+ }
+
+ .sx {
+    max-height: 100%;
+    max-width: 100%;
+ }

历届学生/fontendsix/项目练习/上课项目/图片预览/css/clear.css

@@ -0,0 +1,15 @@
+body,
+html,
+ul,
+li,
+h2,
+h3,
+h4,
+h5,
+h6,
+h6,
+p {
+    margin: 0;
+    list-style: none;
+    padding: 0;
+}