modified some style sheet

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

@ -36,8 +36,8 @@
<!-- //当每通过一个教员上传的简历信息则创建一个 --> <!-- //当每通过一个教员上传的简历信息则创建一个 -->
<view class="content-container"> <view class="content-container">
<image class="image" src="/images/user.png"></image> <image class="image" src="/images/user.png"></image>
<view class="text-container"> <view class="text-container">
<text class="title">{{item.name}}</text> <text class="title">{{item.name}}</text>
<view> <view>
<text class="description"> <text class="description">
电话号码:{{item.phone}} 电话号码:{{item.phone}}

@ -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;

@ -50,7 +50,7 @@
<view class="section"> <view class="section">
<view class="title">你的基本情况:</view> <view class="title">你的基本情况:</view>
<input type="input" class="input" name="information" placeholder="请输入" /> <input type="input" class="input" name="information" placeholder="请输入" />
</view> </view>
<view class="area"> <view class="area">

@ -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;
@ -78,4 +82,8 @@
color: #000; color: #000;
font-size: 44rpx; font-size: 44rpx;
margin: 50rpx 32rpx; margin: 50rpx 32rpx;
}
.picker {
color: #818183;
} }
Loading…
Cancel
Save