add AddressList component

This commit is contained in:
陈嘉涵
2017-09-21 16:26:40 +08:00
parent 309744286e
commit 522655fdd8
14 changed files with 341 additions and 6 deletions

View File

@@ -0,0 +1,69 @@
@import './common/var.css';
.van-address-list {
height: 100%;
.van-cell__value {
color: $text-color;
padding-right: 34px;
position: relative;
}
.van-radio__label {
margin-left: 32px;
}
.van-radio__input {
top: 50%;
left: 0;
position: absolute;
transform: translate(0, -50%);
}
.van-icon-checked {
color: $blue;
}
&__group {
height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
&__name {
font-size: 14px;
line-height: 1.5;
}
&__address {
font-size: 12px;
line-height: 1.5;
color: $gray-darker;
}
&__edit {
position: absolute;
top: 50%;
right: 4px;
font-size: 24px;
color: $gray-dark;
transform: translate(0, -50%);
}
&__add {
position: fixed;
left: 0;
bottom: 0;
z-index: 9999;
padding-left: 15px;
.van-cell__text {
font-size: 16px;
}
.van-icon-add {
color: $blue;
font-size: 20px;
}
}
}

View File

@@ -1,5 +1,5 @@
/**
* 基本样式入口
* Entry of basic styles
*/
@import "./common/var.css";

View File

@@ -8,6 +8,7 @@ $van-checkbox-size: 18px;
.van-icon-success {
color: #fff;
display: block;
line-height: 1;
font-size: 14px;
text-align: center;
pointer-events: none;

View File

@@ -1,5 +1,5 @@
/**
* style entry
* Entry of all component's style
*/
/* base */
@@ -50,6 +50,7 @@
@import './tree-select.css';
/* business components */
@import './address-list.css';
@import './coupon-list.css';
@import './goods-action.css';
@import './submit-bar.css';

View File

@@ -30,7 +30,6 @@
&__content {
position: absolute;
white-space: nowrap;
transition-property: left;
transition-timing-function: linear;
}
}