fix: css bug

Hentaitang · Nov 5, 2019 · adf3fd5 · adf3fd5
1 parent 745c666
commit adf3fd5
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 153 deletions.
diff --git a/src/components/icon/icon.js b/src/components/icon/icon.js
@@ -1,6 +1,6 @@
 import React, { memo } from 'react';
 
-export const SvgIconLoading = memo(({ className = {}, attributes = {}, style = {}, width, height, fills = [], onClick, onMouseUp }) => {
+export const SvgIconLoading = memo(({ className = '', attributes = {}, style = {}, width, height, fills = [], onClick, onMouseUp }) => {
   return (
     <svg {...attributes} className={className} width={width} height={height} style={style} viewBox="0 0 1024 1024" onClick={onClick} onMouseUp={onMouseUp}>
       <path
@@ -12,7 +12,7 @@ export const SvgIconLoading = memo(({ className = {}, attributes = {}, style = {
   );
 });
 
-export const SvgIconDrapDown = memo(({ className = {}, attributes = {}, style = {}, width, height, fills = [], onClick, onMouseUp }) => {
+export const SvgIconDrapDown = memo(({ className = '', attributes = {}, style = {}, width, height, fills = [], onClick, onMouseUp }) => {
   return (
     <svg {...attributes} className={className} width={width} height={height} style={style} viewBox="0 0 1024 1024" onClick={onClick} onMouseUp={onMouseUp}>
       <path
@@ -24,7 +24,7 @@ export const SvgIconDrapDown = memo(({ className = {}, attributes = {}, style =
   );
 });
 
-export const SvgIconCircleClose = memo(({ className = {}, attributes = {}, style = {}, width, height, fills = [], onClick, onMouseUp }) => {
+export const SvgIconCircleClose = memo(({ className = '', attributes = {}, style = {}, width, height, fills = [], onClick, onMouseUp }) => {
   return (
     <svg {...attributes} className={className} width={width} height={height} style={style} viewBox="0 0 1024 1024" onClick={onClick} onMouseUp={onMouseUp}>
       <path

diff --git a/src/components/select/select.js b/src/components/select/select.js
@@ -136,7 +136,7 @@ const component = memo(({ children, placeholder, select, onSelectChange, noOptio
     listHtml = (
       <li className={'loadingItem'}>
         {isLoadingIcon ? (
-          <div className={'isLoadingIcon'}>
+          <div className={'loadingIcon'}>
             <SvgIconLoading width="14px" height="14px" />
           </div>
         ) : (

diff --git a/src/components/select/select.scss b/src/components/select/select.scss
@@ -146,152 +146,3 @@ ul {
     transform: rotate(360deg);
   }
 }
-
-// .selectWrapper {
-//   position: relative;
-//   .inputWrapper {
-//     background-color: #fff;
-//     font-size: inherit;
-//     border: none;
-//     outline: none;
-//     width: 100%;
-//     padding: 0;
-//     position: relative;
-//     display: flex;
-//     align-items: center;
-//     cursor: pointer;
-//     height: 40px;
-//     padding: 0 10px;
-//     padding-right: 34px;
-//     border-radius: 4px;
-//     border: 1px solid #dcdfe6;
-//     .myInput {
-//       cursor: pointer;
-//       width: 2px;
-//       border: 0px;
-//       outline: 0px;
-//       padding: 0px;
-//       color: inherit;
-//       margin: 2px;
-//       font-size: inherit;
-//     }
-//     .fakeInput {
-//       position: absolute;
-//       top: 0px;
-//       left: 0px;
-//       visibility: hidden;
-//       font-size: inherit;
-//       height: 0;
-//     }
-//     .selectValue,
-//     .placeholder {
-//       position: absolute;
-//       top: 50%;
-//       transform: translateY(-50%);
-//       margin-left: 2px;
-//       margin-right: 2px;
-//     }
-//     .placeholder {
-//       color: #c0c4cc;
-//     }
-//     &.focus {
-//       border-color: #409eff;
-//     }
-//     .clearAllIcon,
-//     .dropdownIcon {
-//       position: absolute;
-//       top: 50%;
-//       transform: translateY(-50%);
-//       fill: #c0c4cc;
-//       cursor: pointer;
-//       &:hover {
-//         fill: rgb(153, 153, 153);
-//       }
-//     }
-//     .clearAllIcon {
-//       right: 40px;
-//     }
-//     .dropdownIcon {
-//       right: 10px;
-//     }
-//   }
-
-//   .selectListWrapper {
-//     overflow: auto;
-//     position: absolute;
-//     top: 100%;
-//     border: 1px solid #e4e7ed;
-//     border-radius: 4px;
-//     background-color: #fff;
-//     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-//     width: 100%;
-//     box-sizing: border-box;
-//     margin: 5px 0;
-//     z-index: 1000;
-//     .selectList {
-//       padding: 6px 0;
-//       .selectListItem,
-//       .noItem,
-//       .loadingItem {
-//         font-size: 14px;
-//         padding: 0 20px;
-//         position: relative;
-//         white-space: nowrap;
-//         overflow: hidden;
-//         text-overflow: ellipsis;
-//         height: 34px;
-//         line-height: 34px;
-//         box-sizing: border-box;
-//       }
-//       .selectListItem {
-//         color: #606266;
-//         cursor: pointer;
-//       }
-//       .noItem,
-//       .loadingItem {
-//         color: rgb(128, 128, 128);
-//         text-align: center;
-//         cursor: default;
-//       }
-//       .loadingItem {
-//         display: flex;
-//         justify-content: center;
-//         align-items: center;
-//         .loadingIcon {
-//           padding-right: 4px;
-//           display: flex;
-//           justify-content: center;
-//           align-items: center;
-//           svg {
-//             fill: rgb(128, 128, 128);
-//             animation: loading 1.5s infinite linear;
-//           }
-//         }
-//       }
-//     }
-//     &::-webkit-scrollbar {
-//       width: 6px;
-//       height: 6px;
-//       background-color: #f5f5f5;
-//     }
-//     &::-webkit-scrollbar-track {
-//       background-color: transparent;
-//     }
-//     &::-webkit-scrollbar-thumb {
-//       border-radius: 4px;
-//       background-color: rgba(144, 147, 153, 0.3);
-//       &:hover {
-//         background-color: rgba(144, 147, 153, 0.5);
-//       }
-//     }
-//   }
-// }
-
-// @keyframes loading {
-//   0% {
-//     transform: rotate(0deg);
-//   }
-//   100% {
-//     transform: rotate(360deg);
-//   }
-// }