0000

pages/addAddress/addAddress.wxss

@@ -0,0 +1,134 @@
+.edit-box {
+    background: #fafafa;
+    box-sizing: border-box;
+    min-height: 100vh;
+    padding: 20rpx;
+}
+
+.edit-box .del {
+    height: 70rpx;
+    line-height: 70rpx;
+    margin: 20px;
+    padding: 20px;
+}
+
+.add-form {
+    background: #fff;
+    border: 1px solid #f2f2f2;
+    border-radius: 20rpx;
+    font-size: 28rpx;
+    padding: 20px;
+}
+
+.placeholder {
+    color: #ccc;
+}
+
+.add-form .item {
+    align-items: center;
+    border-bottom: 1px solid #f2f2f2;
+    display: flex;
+    padding: 44rpx 0;
+    position: relative;
+}
+
+.add-form .item .name {
+    width: 150rpx;
+}
+
+.add-form .item .content,.add-form .item .name {
+    align-items: center;
+    display: inline-flex;
+}
+
+.add-form .item .content {
+    flex: 1;
+    height: 70rpx;
+}
+
+.add-form .item input {
+    width: 100%;
+}
+
+.add-form .item .right {
+    position: absolute;
+    right: 0;
+    top: 49rpx;
+}
+
+.add-form .item .right image {
+    height: 40rpx;
+    transform: rotateZ(-90deg);
+    width: 40rpx;
+}
+
+.add-form .checkbox {
+    color: #999;
+    font-size: 28rpx;
+    margin: 20rpx 0;
+    padding: 20rpx 0;
+    text-align: left;
+}
+
+.add-form .btn {
+    background-color: #4cadf1;
+    border-radius: 90rpx;
+    color: #fff;
+    font-size: 44rpx;
+    line-height: 90rpx;
+    margin: 0 auto;
+    text-align: center;
+    width: 372rpx;
+}
+
+checkbox {
+    transform: scale(.7);
+}
+
+.add-form .btn.submit {
+    opacity: .5;
+}
+
+.edit-box .del {
+    background: #fff;
+    border: 1px solid #f2f2f2;
+    border-radius: 20rpx;
+    color: #333;
+    font-size: 32rpx;
+    margin: 20px auto;
+    padding: 20rpx;
+    text-align: center;
+    width: 200rpx;
+}
+
+.edit-box .del image {
+    display: inline-block;
+    height: 30rpx;
+    margin-right: 10rpx;
+    position: relative;
+    top: -2rpx;
+    vertical-align: middle;
+    width: 30rpx;
+}
+
+.btn-box {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 30rpx;
+}
+
+.btn-box .btn {
+    align-items: center;
+    background: #f60;
+    border-radius: 10rpx;
+    color: #fff;
+    display: inline-flex;
+    font-size: 34rpx;
+    height: 100rpx;
+    justify-content: center;
+    width: calc(50% - 10rpx);
+}
+
+.btn-box .btn.submit {
+    background: #4cadf1;
+}