Authored by ccbikai

修改地址页面样式

... ... @@ -97,4 +97,78 @@
color: #d0021b;
}
}
}
.my-edit-address-page {
position: absolute;
bottom: 0;
top: pxToRem(90px);
width: 100%;
color: #d0d0d0;
background: #f0f0f0;
.edit-address {
padding: 0 pxToRem(30px);
background: #fff;
font-size: pxToRem(30px);
line-height: pxToRem(88px);
border-bottom: 1px solid #e0e0e0;
label {
display: block;
position: relative;
&:after {
content: "";
position: absolute;
right: pxToRem(-30px);
bottom: 0;
width: pxToRem(610px);
height: 0;
border-top: 1px solid #e0e0e0;
}
&:last-of-type:after {
content: none;
}
.iconfont {
position: absolute;
right: 0;
top: 0;
}
}
input, textarea {
position: absolute;
top: 0;
right: 0;
width: pxToRem(400px);
height: pxToRem(88px);
color: #444;
padding: 0;
border: none;
-webkit-appearance: none;
}
.address {
height: pxToRem(88px) * 2;
}
textarea {
height: pxToRem(58px) * 2;
padding: pxToRem(20px) pxToRem(10px);
}
}
.submit {
margin: pxToRem(30px) auto 0;
width: pxToRem(470px);
height: pxToRem(88px);
color: #fff;
background: #444;
text-align: center;
font-size: pxToRem(32px);
line-height: pxToRem(88px);
}
}
\ No newline at end of file
... ...
{{> layout/header}}
<div class="my-edit-address-page yoho-page">
<form class="edit-address">
<label class="username">
用户名
<input type="text" name="name" value="张三">
</label>
<label class="mobile">
手机号码
<input type="text" name="mobile" value="18911110110">
</label>
<label class="area">
省市区
<input type="text" name="area" value="江苏省南京市栖霞区">
<span class="iconfont">&#xe604;</span>
</label>
<label class="address">
详细地址
<textarea name="address">东大街西大66号茶馆东大街西大66号茶馆东大街西大66号茶馆</textarea>
</label>
</form>
<div class="submit">
确认
</div>
</div>
{{> layout/footer}}
\ No newline at end of file
... ...