绚火健康

pages/bankCard/index.wxss

@@ -0,0 +1,166 @@
+page {
+    background: #f5f5f5;
+}
+
+.address {
+    border-bottom: 120rpx solid transparent;
+    margin: 20rpx;
+}
+
+.address-li {
+    margin-bottom: 20rpx;
+    background-color: #ffffff;
+    border-radius: 20rpx;
+}
+
+.top {
+    position: relative;
+    border-bottom: 2rpx solid #ececec;
+    padding: 20rpx 20rpx 15rpx;
+    box-sizing: border-box;
+}
+
+.top-logo {
+    width: 80rpx;
+    height: 80rpx;
+    border-radius: 50%;
+}
+
+.top-name {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    padding: 20rpx 20rpx 20rpx 120rpx;
+    box-sizing: border-box;
+    line-height: 80rpx;
+    font-weight: 600;
+    font-size: 32rpx;
+}
+
+.cont {
+    padding: 30rpx;
+    box-sizing: border-box;
+}
+
+.address-title {
+    display: flex;
+    font-size: 28rpx;
+    line-height: 80rpx;
+    background-color: #f9fbfc;
+    margin-bottom: 30rpx;
+    padding: 0 30rpx;
+    box-sizing: border-box;
+    border-radius: 10rpx;
+}
+
+.address-title text {
+    display: inline-block;
+    width: 200rpx;
+    color: #aaaaaa;
+}
+
+.address-title:last-child {
+    margin-bottom: 0;
+}
+
+.address-nmae,
+.address-tips {
+    flex: 1;
+}
+
+.address-text {
+    font-size: 28rpx;
+    margin: 20rpx 0;
+}
+
+.address-tool {
+    padding: 30rpx;
+    box-sizing: border-box;
+    font-size: 28rpx;
+    overflow: hidden;
+    border-top: 2rpx solid #ececec;
+}
+             
+.address-edit {
+    margin-left: 30rpx;
+    display: inline-block;
+    background-color: #ff9b26;
+    border: 2rpx solid #ff9b26;
+    color: #ffffff;
+    line-height: 58rpx;
+    padding: 0 30rpx;
+    border-radius: 10rpx;
+    font-size: 28rpx;
+}
+
+.address-edit-border {
+    color: #ff9b26;
+    background-color: #ffffff;
+}
+
+.address-edit image {
+    width: 32rpx;
+    height: 32rpx;
+    margin: 2rpx 10rpx 0 0;
+}
+
+
+.address-tool-btn {
+    height: 46rpx;
+    line-height: 44rpx;
+    border-radius: 6rpx;
+}
+
+.address-tool-btn.active{
+    color: #f57e32;
+}
+
+.address-tool.active::after {
+    display: none;
+}
+
+.address-tool-btn.yellow {
+    color: #f57e32;
+}
+
+.address-tool-btn image {
+    width: 34rpx;
+    height: 34rpx;
+    margin-right: 10rpx;
+    vertical-align: -6rpx;
+}
+
+.address-tool.active {
+    padding-top: 0;
+}
+
+.address-icon {
+    float: right;
+}
+
+/* footer */
+
+.address-footer {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding-left: 30rpx;
+    padding-right: 30rpx;
+    background: white;
+    z-index: 9;
+    height: 120rpx;
+}
+
+.address-footer navigator {
+    width: 100%;
+    line-height: 90rpx;
+    height: 90rpx;
+    margin: 15rpx 0;
+    text-align: center;
+    background: #e92152;
+    font-size: 30rpx;
+    color: white;
+    border-radius: 10rpx
+}