diff --git a/wms/chengyanUI/select3.css b/wms/chengyanUI/select3.css new file mode 100644 index 00000000..fa4dd032 --- /dev/null +++ b/wms/chengyanUI/select3.css @@ -0,0 +1,106 @@ +body { + background-color: #aaa; + padding: 150px; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box !important; +} + +.select3 { + position: relative; +} +.select3 > .input { + width: 250px; + padding: 12px 15px; + border-radius: 10px; + background-color: #fff; + font-size: 13px; + cursor: pointer; + position: relative; +} +.select3 > .input > i { + position: absolute; + top: 50%; + right: 8px; + transform: translateY(-50%); + font-size: 12px; +} +.select3 > .select { + display: none; + position: absolute; + top: 44px; + left: 0; + width: 250px; + padding: 16px 10px; + background-color: #fff; + border-radius: 10px; + box-sizing: border-box !important; + overflow: hidden; + animation: fadein 0.085s linear; +} +.select3 > .select > input[type=text] { + outline: none; + border: 1px #999 solid; + width: 100%; + border-radius: 4px; + height: 31px; + padding: 12px; + margin-bottom: 3px; +} +.select3 > .select > .options { + overflow-y: scroll; + max-height: 205px; + height: auto; +} +.select3 > .select > .options::-webkit-scrollbar { + width: 7px; +} +.select3 > .select > .options::-webkit-scrollbar-track { + background-color: transparent; + background-size: 10px 10px; +} +.select3 > .select > .options::-webkit-scrollbar-thumb { + background: #aaa; + border-radius: 5px; +} +.select3 > .select > .options > label { + width: 100%; + display: block; + padding: 10px; + cursor: pointer; + border-bottom: 1px #ccc solid; + transition: 0.2s; +} +.select3 > .select > .options > label:hover { + transform: scale(1.05); +} +.select3 > .select > .options > label.check { + background-color: #5BC0DE; + color: #fff; + animation: check 0.1s linear; +} + +@keyframes fadein { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes check { + 0% { + transform: translateX(0px); + background-color: rgba(91, 192, 222, 0); + } + 0% { + transform: translateX(180px); + } + 100% { + transform: translateX(0px); + background-color: rgb(91, 192, 222); + } +}/*# sourceMappingURL=select3.css.map */ \ No newline at end of file diff --git a/wms/chengyanUI/select3.css.map b/wms/chengyanUI/select3.css.map new file mode 100644 index 00000000..a49de8d4 --- /dev/null +++ b/wms/chengyanUI/select3.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["select3.scss","select3.css"],"names":[],"mappings":"AAAA;EACI,sBAAA;EACA,cAAA;ACCJ;;ADCA;EACI,SAAA;EACA,UAAA;EACA,iCAAA;ACEJ;;ADAA;EACI,kBAAA;ACGJ;ADFI;EACI,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,sBAAA;EAEA,eAAA;EACA,eAAA;EACA,kBAAA;ACGR;ADFQ;EACI,kBAAA;EACA,QAAA;EACA,UAAA;EACA,2BAAA;EACA,eAAA;ACIZ;ADDI;EACI,aAAA;EACA,kBAAA;EACA,SAAA;EACA,OAAA;EACA,YAAA;EACA,kBAAA;EACA,sBAAA;EACA,mBAAA;EACA,iCAAA;EACA,gBAAA;EACA,+BAAA;ACGR;ADFQ;EACI,aAAA;EACA,sBAAA;EACA,WAAA;EACA,kBAAA;EACA,YAAA;EACA,aAAA;EACC,kBAAA;ACIb;ADDQ;EACI,kBAAA;EACA,iBAAA;EACA,YAAA;ACGZ;ADFY;EACI,UAAA;ACIhB;ADFY;EACI,6BAAA;EACA,0BAAA;ACIhB;ADFY;EACI,gBAAA;EACA,kBAAA;ACIhB;ADAY;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,6BAAA;EACA,gBAAA;ACEhB;ADDgB;EACI,sBAAA;ACGpB;ADDgB;EACI,yBAAA;EACA,WAAA;EACA,4BAAA;ACGpB;;ADKA;EACI;IACI,UAAA;ECFN;EDIE;IACI,UAAA;ECFN;AACF;ADKA;EACI;IACI,0BAAA;IACA,uCAAA;ECHN;EDKE;IACI,4BAAA;ECHN;EDKE;IACI,0BAAA;IACA,mCAAA;ECHN;AACF","file":"select3.css"} \ No newline at end of file diff --git a/wms/chengyanUI/select3.php b/wms/chengyanUI/select3.php new file mode 100644 index 00000000..e1be0a39 --- /dev/null +++ b/wms/chengyanUI/select3.php @@ -0,0 +1,88 @@ + + + +