modified some style sheet

kongweiyu_branch
孔维屿 2 years ago
parent 1fb735ebcd
commit ee10fad031

@ -32,7 +32,7 @@
margin: 20rpx auto; margin: 20rpx auto;
padding: 20rpx; padding: 20rpx;
background-color: #83acc4; background-color: #83acc4;
border-radius: 10rpx; border-radius: 25rpx;
box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1); box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
} }
@ -71,11 +71,13 @@
} }
.image { .image {
width: 50%; width: 25%;
height: 300rpx; height: 160rpx;
object-fit: cover; object-fit: cover;
border-radius: 10rpx 0 0 10rpx; border-radius: 10rpx 0 0 10rpx;
border: 2rpx solid #ccc; /* 添加框线样式 */ align-self: flex-start;
/* border: 2rpx solid #ccc; 添加框线样式
丑的一比,下次不要加了*/
} }
@ -99,19 +101,19 @@
.button-container { .button-container {
display: flex; display: flex;
justify-content: space-between; /* justify-content: space-between; */
margin-top: 20rpx; margin-top: 20rpx;
} }
.button { .button {
flex: 1; /* flex: 1; */
background-color: #48477c; background-color: #48477c;
color: #fff; color: #fff;
font-size: 28rpx; font-size: 28rpx;
padding: 10rpx; padding: 10rpx;
border-radius: 5rpx; border-radius: 8rpx;
text-align: center; text-align: center;
margin-right: 10rpx; /* margin-right: 10rpx; */
} }
.button-wrapper { .button-wrapper {
@ -146,7 +148,7 @@ button {
.cover{ .cover{
background-color: #f1f1f1; background-color: #f1f1f1;
text-align: center; text-align: center;
padding: 80rpx; padding: 10rpx;
} }
.app{ .app{
width: 160rpx; width: 160rpx;

@ -2,13 +2,15 @@
.tab{ .tab{
display: flex; display: flex;
justify-content: space-between; justify-content: space-around;
background-color: #838d9e; background-color: #838d9e;
height: 45px; height: 45px;
border-radius: 10%; border-radius: 0 0 30rpx 30rpx;
} }
.tab-item{ .tab-item{
font-size: 25px; font-size: 20px;
align-self: center;
margin: 10rpx;
} }
.content-container { .content-container {
display: flex; display: flex;

@ -52,16 +52,20 @@
margin: 40rpx; margin: 40rpx;
} }
.section{ .section{
margin: 40rpx 0 80rpx; margin: 40rpx 0 0rpx;
} }
.title{ .title{
font-weight: 36rpx; font-weight: 36rpx;
color: #b4a69f;
} }
.input{ .input{
background-color: #ffffff;
margin:30rpx 0; margin:30rpx 0;
border-bottom: 1px solid #666; /* border-bottom: 1px solid #666; */
border-top: solid 1px;
border-bottom: solid 1px;
padding: 20rpx 0; padding: 20rpx 0;
width:100% width:100%;
} }
.mg{ .mg{
margin: 30rpx 0; margin: 30rpx 0;
@ -79,3 +83,7 @@
font-size: 44rpx; font-size: 44rpx;
margin: 50rpx 32rpx; margin: 50rpx 32rpx;
} }
.picker {
color: #818183;
}
Loading…
Cancel
Save