seemore
/
zhongping-miniprogram
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
zhongping-miniprogram/miniprogram/pages/informationEventCreate/informationEventCreate.scss

505 lines
8.9 KiB
SCSS
Raw Permalink Blame History

/* pages/informationEventCreate/informationEventCreate.wxss */
/* pages/certification/certification.wxss */
.dataName {
font-size: 36rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
}
.form {
padding-bottom: 160rpx;
.formItem {
border-bottom: 2rpx solid #F3F5F8;
padding: 41rpx 0;
display: flex;
justify-content: space-between;
.uploadImg {
color: #C3C3C3;
font-size: 28rpx;
}
input {
text-align: right;
}
.formLabel {}
.datePicker {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 33rpx;
// padding-bottom: 41rpx;
.to {
width: 33rpx;
height: 3rpx;
background: #C3C3C3;
}
}
}
}
.submitLayout {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background: #fff;
height: 160rpx;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0px 0px 18rpx 0rpx #CCCCCC;
}
.icon_img {
width: 26rpx;
height: 26rpx;
margin-right: 18rpx;
}
.icon_delete {
width: 25rpx;
height: 24rpx;
}
.eduItems {
.eduItem {
border-bottom: 1px solid #F3F5F8;
padding-bottom: 40rpx;
margin-bottom: 25rpx;
.eduItem_top {
display: flex;
justify-content: space-between;
align-items: center;
.key {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #838383;
}
.value {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #494949;
line-height: 30px;
}
}
.eduItem_textarea {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #494949;
line-height: 42rpx;
margin-top: 26rpx;
margin-bottom: 26rpx;
}
// .fileList {
// margin-top: 30rpx;
// .fileItem {
// background: #F3F5F8;
// border-radius: 10px;
// height: 159rpx;
// display: flex;
// flex-direction: column;
// justify-content: center;
// padding: 0 29rpx 0 24rpx;
// .fileItem_top {
// display: flex;
// align-items: center;
// font-size: 24rpx;
// font-family: PingFang SC;
// font-weight: 500;
// color: #3A61B1;
// }
// .fileItem_bottom {
// display: flex;
// align-items: center;
// justify-content: space-between;
// .updateDate {
// font-size: 22rpx;
// font-family: PingFang SC;
// font-weight: 400;
// color: #C3C3C3;
// line-height: 30px;
// }
// }
// }
// }
.eduItem_bottom {
display: flex;
justify-content: space-between;
align-items: center;
.updateDate {
font-size: 22rpx;
color: #C3C3C3;
}
}
}
}
.fileList {
margin-top: 30rpx;
.fileItem {
background: #F3F5F8;
border-radius: 10px;
height: 159rpx;
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
height: 107rpx;
padding: 0 29rpx 0 24rpx;
margin-bottom: 20rpx;
.fileItem_top {
display: flex;
align-items: center;
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #3A61B1;
}
.fileItem_bottom {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #3A61B1;
.updateDate {
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 400;
color: #C3C3C3;
line-height: 30px;
}
}
}
}
.eventLayout {
.eventTitle {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #282828;
line-height: 50rpx;
}
.eventList {
margin-top: 49rpx;
.eventItem {
margin-bottom: 48rpx;
.eventDate {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #838383;
.icon_time {
width: 24rpx;
height: 24rpx;
margin-right: 17rpx;
}
}
.eventContent {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #494949;
margin-top: 19rpx;
margin-bottom: 17rpx;
}
.updateDate {
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 400;
color: #C3C3C3;
line-height: 30px;
}
}
}
}
.operations {
display: flex;
.operation {
color: #2F88DB;
font-size: 24rpx;
margin-left: 68rpx;
.operationIcon {
width: 21rpx;
height: 21rpx;
margin-right: 9rpx;
}
}
}
.white-box {
background: #fff;
border-radius: 32rpx;
margin-top: -32rpx;
box-sizing: border-box;
padding: 47rpx;
.title-box {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #000000;
.edit-box {
display: flex;
align-items: center;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #2F88DB;
image {
width: 29rpx;
height: 28rpx;
margin-right: 10rpx;
}
}
}
.description {
display: flex;
align-items: center;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #B3B3B3;
margin-top: 18rpx;
image {
width: 20rpx;
height: 20rpx;
margin-right: 10rpx;
}
}
.form-box {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #494949;
margin-top: 15rpx;
.form-item {
display: flex;
align-items: center;
box-sizing: border-box;
padding: 40rpx 30rpx;
border-bottom: 1rpx solid #D7D7D7;
&:last-child {
border: none;
}
text {
margin-right: 43rpx;
}
}
}
.btn-box {
display: flex;
justify-content: center;
margin-top: 10rpx;
}
.table-box {
.table-title {
display: flex;
justify-content: space-around;
margin-top: 80rpx;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #494949;
}
.table-content {
border: 1rpx solid #E6E6E6;
display: flex;
margin-top: 40rpx;
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 400;
color: #6E6E6E;
.table-col {
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
width: 50%;
padding: 40rpx;
&:last-child {
border-left: 1rpx solid #E6E6E6;
}
.item {
display: flex;
align-items: center;
margin-bottom: 58rpx;
&:last-child {
margin-bottom: 0;
}
image {
width: 63rpx;
height: 63rpx;
margin-right: 32rpx;
flex-shrink: 0;
}
}
}
}
}
.field-box {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #494949;
margin-top: 50rpx;
.field-item {
display: flex;
margin-bottom: 46rpx;
text {
margin-right: 43rpx;
}
}
}
.information {
box-sizing: border-box;
padding: 30rpx;
border-radius: 10rpx;
background: #FFF7F1;
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 36rpx;
color: #FE633A;
}
.price-box {
display: flex;
flex-direction: column;
align-items: flex-end;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #000000;
margin-top: 48rpx;
.price {
font-size: 24rpx;
font-weight: 500;
font-family: PingFang SC;
color: #FF5129;
margin-top: 24rpx;
text {
font-size: 48rpx;
font-weight: 800;
}
}
}
.bottom-box {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
box-shadow: 0 0 18rpx #CCCCCC;
box-sizing: border-box;
padding: 24rpx 50rpx;
padding-bottom: calc(constant(safe-area-inset-top) + 24rpx);
padding-bottom: calc(env(safe-area-inset-top) + 24rpx);
}
}
.radios {
display: flex;
margin-top: 33rpx;
.radio {
width: 155rpx;
height: 55rpx;
// color: #3A61B1;
background: #FFFFFF;
border: 1px solid #E2E2E2;
border-radius: 10rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #C3C3C3;
line-height: 30px;
text-align: center;
margin-right: 27rpx;
}
.active {
color: #3A61B1;
border: 1px solid #3A61B1;
}
}
.radio-group {
display: flex;
}
.weui-cell {
display: flex;
margin-right: 30rpx;
justify-content: space-around;
}
Reference in New Issue View Git Blame Copy Permalink