Skip to content

Commit

Permalink
上传测试用例
Browse files Browse the repository at this point in the history
  • Loading branch information
licong96 committed Aug 16, 2018
1 parent 563503a commit 23fea33
Show file tree
Hide file tree
Showing 11 changed files with 1,875 additions and 1 deletion.
1 change: 0 additions & 1 deletion .gitignore
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
.DS_Store
.cache/
node_modules/
/dist/
npm-debug.log*
yarn-debug.log*
yarn-error.log*
Expand Down
1 change: 1 addition & 0 deletions dist/lc-city-selector.1b52b9ad.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

12 changes: 12 additions & 0 deletions dist/lc-city-selector.3695ade1.js
View file

Large diffs are not rendered by default.

296 changes: 296 additions & 0 deletions dist/lc-city-selector.7edfe5f4.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,296 @@
html {
-moz-box-sizing: border-box;
box-sizing: border-box; }

*, *::before, *::after {
margin: 0;
padding: 0;
-moz-box-sizing: inherit;
box-sizing: inherit;
-webkit-tap-highlight-color: transparent; }

.lc-city-select {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 100%; }
.lc-city-select.lc-show {
display: block; }
.lc-city-select.lc-show .lc-city-mask {
-webkit-animation: fadeIn .3s both;
animation: fadeIn .3s both; }
.lc-city-select.lc-show .lc-city-body {
-webkit-animation: tranY .3s both;
animation: tranY .3s both; }
.lc-city-select.lc-close .lc-city-mask {
-webkit-animation: fadeIn-close .3s both;
animation: fadeIn-close .3s both; }
.lc-city-select.lc-close .lc-city-body {
-webkit-animation: tranY-close .3s both;
animation: tranY-close .3s both; }

.lc-city-mask {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4); }

.lc-error-tip {
display: none;
position: absolute;
top: 50%;
left: 50%;
z-index: 9;
margin-left: -60px;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
padding: 6px;
width: 120px;
text-align: center;
font-size: 16px;
color: #fff;
background-color: rgba(0, 0, 0, 0.6); }
.lc-error-tip.lc-show {
display: block;
-webkit-animation: tranY .3s both;
animation: tranY .3s both; }

.lc-city-body {
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 100%;
height: 76%;
background-color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.lc-city-body .lc-titile {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
width: 100%;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #D9D9D9; }
.lc-city-body .lc-titile .lc-top-title {
font-size: 16px;
font-weight: normal;
color: #666; }
.lc-city-body .lc-titile .lc-btn {
border: 0;
padding: 0 16px;
font-size: 16px;
color: #66b1ff;
background-color: transparent;
outline: none;
cursor: pointer; }
.lc-city-body .lc-nav-wrap {
position: relative;
z-index: 3;
border-bottom: 1px solid #D9D9D9;
padding-left: 10px;
height: 40px;
line-height: 40px;
white-space: nowrap;
cursor: pointer; }
.lc-city-body .lc-nav-wrap .lc-nav {
position: relative;
display: inline-block;
padding: 0 10px;
max-width: 33.33%;
font-size: 14px;
color: #333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.lc-city-body .lc-nav-wrap .lc-nav:after {
content: "";
position: absolute;
bottom: 1px;
left: 20%;
z-index: 3;
border-radius: 2px;
width: 60%;
height: 2px;
background-color: #66b1ff;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: all .3s;
transition: all .3s; }
.lc-city-body .lc-nav-wrap .lc-nav.active {
color: #66b1ff; }
.lc-city-body .lc-nav-wrap .lc-nav.active:after {
-webkit-transform: scale(1);
transform: scale(1); }
.lc-city-body .lc-nav-wrap .lc-line {
position: absolute;
bottom: 0;
left: 0;
width: 33.33%;
height: 2px;
background-color: #66b1ff;
z-index: 2; }
.lc-city-body .lc-center {
-webkit-box-flex: 0;
-webkit-flex: 0 0 1;
-moz-box-flex: 0;
flex: 0 0 1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
height: 100%;
background-color: #fff;
-webkit-transition: all .3s;
transition: all .3s; }
.lc-city-body .lc-center.tranx {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0); }
.lc-city-body .lc-ul {
overflow: hidden;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-moz-box-flex: 0;
flex: 0 0 50%;
width: 50%;
border-right: 1px solid #F5F5F5; }
.lc-city-body .lc-ul:nth-child(2) {
background-color: #F5F5F5; }
.lc-city-body .lc-ul:nth-child(2) .lc-li {
border-color: #e5e5e5; }
.lc-city-body .lc-scroll {
padding: 0 20% 0 10%;
width: 110%;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
.lc-city-body .lc-scroll .lc-li {
position: relative;
border-bottom: 1px solid #F5F5F5;
width: 100%;
height: 40px;
font-size: 14px;
color: #787878;
line-height: 40px;
list-style: none;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.lc-city-body .lc-scroll .lc-li:before, .lc-city-body .lc-scroll .lc-li:after {
display: none;
content: "";
position: absolute;
top: 50%;
border-radius: 2px;
width: 8px;
height: 2px;
background-color: #66b1ff; }
.lc-city-body .lc-scroll .lc-li:before {
right: 16px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.lc-city-body .lc-scroll .lc-li:after {
right: 4px;
width: 16px;
-webkit-transform: translateY(-2px) rotate(-45deg);
transform: translateY(-2px) rotate(-45deg); }
.lc-city-body .lc-scroll .lc-li.active {
color: #66b1ff; }
.lc-city-body .lc-scroll .lc-li.active:before, .lc-city-body .lc-scroll .lc-li.active:after {
display: block; }

@media (min-width: 768px) {
.lc-city-mask {
display: none; }
.lc-city-select {
position: absolute;
max-width: 440px;
width: 440px;
height: 440px; }
.lc-city-select .lc-city-body {
border-radius: 6px;
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
height: 440px; } }

@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }

@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }

@-webkit-keyframes tranY {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }

@keyframes tranY {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeIn-close {
from {
opacity: 1; }
to {
opacity: 0; } }

@keyframes fadeIn-close {
from {
opacity: 1; }
to {
opacity: 0; } }

@-webkit-keyframes tranY-close {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }

@keyframes tranY-close {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
Loading

0 comments on commit 23fea33

Please sign in to comment.