调整UI字体大小

This commit is contained in:
471615499@qq.com 2024-10-31 20:04:07 +08:00
parent 94a010f938
commit ffa2fd740b
10 changed files with 76 additions and 60 deletions

View File

@ -25,7 +25,7 @@
.meetingRoomView .meetingRoomItem .content { .meetingRoomView .meetingRoomItem .content {
position: relative; position: relative;
width: 85%; width: 95%;
margin: 0px auto; margin: 0px auto;
height: 228rpx; height: 228rpx;
/* border: 1px solid #A3CDFF; */ /* border: 1px solid #A3CDFF; */
@ -38,7 +38,7 @@
} }
.meetingRoomView .meetingRoomItem .content .title { .meetingRoomView .meetingRoomItem .content .title {
font-size: 40rpx; font-size: 42rpx;
font-weight: 700; font-weight: 700;
color: black; color: black;
text-align: center; text-align: center;
@ -49,7 +49,7 @@
.meetingRoomView .meetingRoomItem .content .am,.meetingRoomView .meetingRoomItem .content .pm,.meetingRoomView .meetingRoomItem .content .night { .meetingRoomView .meetingRoomItem .content .am,.meetingRoomView .meetingRoomItem .content .pm,.meetingRoomView .meetingRoomItem .content .night {
height: 59rpx; height: 59rpx;
line-height: 59rpx; line-height: 59rpx;
font-size: 20rpx; font-size: 32rpx;
color: black; color: black;
text-align: center; text-align: center;
background-color: #A3CDFF; background-color: #A3CDFF;
@ -89,6 +89,7 @@
text-align: center; text-align: center;
background-color: #D8E9FC; background-color: #D8E9FC;
color: #000; color: #000;
overflow: hidden;
} }
.meetingRoomView .meetingRoomItem .disabled .priceView { .meetingRoomView .meetingRoomItem .disabled .priceView {
@ -102,7 +103,7 @@
} }
.meetingRoomView .meetingRoomItem .content .priceView .unit { .meetingRoomView .meetingRoomItem .content .priceView .unit {
font-size: 24rpx; font-size: 30rpx;
color: #333; color: #333;
} }
@ -133,8 +134,8 @@
} }
.roomType { .roomType {
width: 100%; /* width: 100%; */
padding: 15rpx 30rpx; padding: 15rpx 30rpx;
font-weight: 700; font-weight: 700;
font-size: 32rpx; font-size: 52rpx;
} }

View File

@ -80,7 +80,8 @@
} }
.meetingDetailView .detailView .title { .meetingDetailView .detailView .title {
font-size: 32rpx; font-size: 42rpx;
font-weight: 700;
} }
.meetingDetailView .detailView .itemList { .meetingDetailView .detailView .itemList {
@ -89,7 +90,7 @@
justify-content: start; justify-content: start;
align-items: center; align-items: center;
margin-top: 14rpx; margin-top: 14rpx;
font-size: 26rpx; font-size: 32rpx;
color: gray; color: gray;
} }
@ -149,7 +150,7 @@
} }
.fillMsgView .itemView .label { .fillMsgView .itemView .label {
font-size: 28rpx; font-size: 34rpx;
} }
.fillMsgView .itemView .content { .fillMsgView .itemView .content {

View File

@ -77,7 +77,7 @@
} }
.meetingDetailView .detailView .title { .meetingDetailView .detailView .title {
font-size: 32rpx; font-size: 42rpx;
font-weight: 700; font-weight: 700;
} }
@ -87,10 +87,15 @@
justify-content: start; justify-content: start;
align-items: center; align-items: center;
margin-top: 14rpx; margin-top: 14rpx;
font-size: 26rpx; font-size: 34rpx;
color: gray; color: gray;
} }
.leftLineTitle {
font-size: 40rpx;
font-weight: 700;
}
.meetingDetailView .detailView .itemList .item { .meetingDetailView .detailView .itemList .item {
margin-right: 12rpx; margin-right: 12rpx;
} }
@ -158,7 +163,7 @@
.facilitiesView .content { .facilitiesView .content {
margin: 40rpx 20rpx 0; margin: 40rpx 20rpx 0;
font-size: 26rpx; font-size: 34rpx;
} }
.facilitiesView .itemView { .facilitiesView .itemView {

View File

@ -23,13 +23,16 @@
.serviceView .serviceItemView .serviceItem:first-of-type { .serviceView .serviceItemView .serviceItem:first-of-type {
border-top: 1px solid rgb(126, 126, 126, 0.2); border-top: 1px solid rgb(126, 126, 126, 0.2);
} }
.leftLineTitle {
font-size: 42rpx;
}
.serviceView .serviceItem .name { .serviceView .serviceItem .name {
position: relative; position: relative;
flex: 1; flex: 1;
margin-right: 20rpx; margin-right: 20rpx;
padding-left: 10rpx; padding-left: 10rpx;
font-size: 26rpx; font-size: 34rpx;
} }
.serviceView .serviceItem .content { .serviceView .serviceItem .content {

View File

@ -5,8 +5,6 @@
.serviceView .leftLineTitle { .serviceView .leftLineTitle {
margin-left: 20rpx; margin-left: 20rpx;
padding-left: 30rpx;
font-weight: 700;
} }
.serviceView .serviceItemView { .serviceView .serviceItemView {
@ -25,13 +23,16 @@
.serviceView .serviceItemView .serviceItem:first-of-type { .serviceView .serviceItemView .serviceItem:first-of-type {
border-top: 1px solid rgb(126, 126, 126, 0.2); border-top: 1px solid rgb(126, 126, 126, 0.2);
} }
.leftLineTitle {
font-size: 42rpx;
}
.serviceView .serviceItem .name { .serviceView .serviceItem .name {
position: relative; position: relative;
flex: 1; flex: 1;
margin-right: 20rpx; margin-right: 20rpx;
padding-left: 10rpx; padding-left: 10rpx;
font-size: 26rpx; font-size: 34rpx;
} }
.serviceView .serviceItem .content { .serviceView .serviceItem .content {

View File

@ -19,8 +19,8 @@
.itemView .headView .number { .itemView .headView .number {
flex: 1; flex: 1;
margin-right: 30rpx; margin-right: 30rpx;
font-size: 26rpx; font-size: 34rpx;
font-weight: 700;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
word-break: break-all; word-break: break-all;
@ -28,7 +28,7 @@
} }
.itemView .headView .status { .itemView .headView .status {
font-size: 26rpx; font-size: 30rpx;
color: #4e96f8; color: #4e96f8;
margin-right: 20rpx; margin-right: 20rpx;
} }
@ -58,12 +58,12 @@
} }
.itemView .contentView .msgView .title { .itemView .contentView .msgView .title {
font-size: 28rpx; font-size: 32rpx;
} }
.itemView .contentView .msgView .name, .itemView .contentView .msgView .name,
.itemView .contentView .msgView .time { .itemView .contentView .msgView .time {
font-size: 24rpx; font-size: 30rpx;
color: gray; color: gray;
margin-top: 6rpx; margin-top: 6rpx;
} }
@ -78,7 +78,7 @@
.itemView .priceView .cancelContent { .itemView .priceView .cancelContent {
flex: 1; flex: 1;
margin-right: 40rpx; margin-right: 40rpx;
font-size: 26rpx; font-size: 32rpx;
color: #7F7F7F; color: #7F7F7F;
text-overflow: ellipsis; text-overflow: ellipsis;

View File

@ -4,7 +4,7 @@
<view class="contentView"> <view class="contentView">
<image class="img" src="{{IMG_NAME + detail.room.indoorPicUrlFirst}}" mode="aspectFill"></image> <image class="img" src="{{IMG_NAME + detail.room.indoorPicUrlFirst}}" mode="aspectFill"></image>
<view class="msgView"> <view class="msgView">
<view class="title">{{detail.room.floor}} | {{detail.room.roomNum}} | {{detail.roomContent.capacityNum}}人 | {{detail.room.typeName}}</view> <view class="title">{{detail.room.floor}} | {{detail.room.roomNum}} | {{detail.room.capacityNum}}人 | {{detail.room.typeName}}</view>
<view class="name">{{detail.room.name}}</view> <view class="name">{{detail.room.name}}</view>
<view class="time">{{detail.timeSlot}}</view> <view class="time">{{detail.timeSlot}}</view>
</view> </view>

View File

@ -36,11 +36,14 @@
.itemView .contentView .msgView .title { .itemView .contentView .msgView .title {
font-size: 28rpx; font-size: 28rpx;
font-size: 36rpx;
font-weight: 700;
} }
.itemView .contentView .msgView .name, .itemView .contentView .msgView .name,
.itemView .contentView .msgView .time { .itemView .contentView .msgView .time {
font-size: 24rpx; font-size: 24rpx;
font-size: 32rpx;
color: gray; color: gray;
margin-top: 6rpx; margin-top: 6rpx;
} }
@ -66,6 +69,8 @@
.basicView .labelTitle { .basicView .labelTitle {
margin: 40rpx 20rpx; margin: 40rpx 20rpx;
font-size: 32rpx; font-size: 32rpx;
font-size: 36rpx;
font-weight: 700;
} }
.basicView .cellView { .basicView .cellView {
@ -78,12 +83,12 @@
} }
.basicView .cellView .label { .basicView .cellView .label {
font-size: 28rpx; font-size: 34rpx;
min-width: 180rpx; min-width: 180rpx;
} }
.basicView .cellView .content { .basicView .cellView .content {
font-size: 26rpx; font-size: 32rpx;
} }
.basicView .cellView .content.payMoney { .basicView .cellView .content.payMoney {
@ -102,7 +107,7 @@
} }
.serviceItemView .label { .serviceItemView .label {
font-size: 28rpx; font-size: 36rpx;
min-width: 180rpx; min-width: 180rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
@ -123,7 +128,7 @@
.serviceItemView .serviceItem .name { .serviceItemView .serviceItem .name {
position: relative; position: relative;
font-size: 26rpx; font-size: 34rpx;
padding-left: 30rpx; padding-left: 30rpx;
} }

View File

@ -19,8 +19,8 @@
.itemView .headView .number { .itemView .headView .number {
flex: 1; flex: 1;
margin-right: 30rpx; margin-right: 30rpx;
font-size: 26rpx; font-size: 34rpx;
font-weight: 700;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
word-break: break-all; word-break: break-all;
@ -28,7 +28,7 @@
} }
.itemView .headView .status { .itemView .headView .status {
font-size: 26rpx; font-size: 30rpx;
color: #4e96f8; color: #4e96f8;
margin-right: 20rpx; margin-right: 20rpx;
} }
@ -58,12 +58,12 @@
} }
.itemView .contentView .msgView .title { .itemView .contentView .msgView .title {
font-size: 28rpx; font-size: 32rpx;
} }
.itemView .contentView .msgView .name, .itemView .contentView .msgView .name,
.itemView .contentView .msgView .time { .itemView .contentView .msgView .time {
font-size: 24rpx; font-size: 30rpx;
color: gray; color: gray;
margin-top: 6rpx; margin-top: 6rpx;
} }
@ -78,7 +78,7 @@
.itemView .priceView .cancelContent { .itemView .priceView .cancelContent {
flex: 1; flex: 1;
margin-right: 40rpx; margin-right: 40rpx;
font-size: 26rpx; font-size: 32rpx;
color: #7F7F7F; color: #7F7F7F;
text-overflow: ellipsis; text-overflow: ellipsis;

View File

@ -19,8 +19,8 @@
.itemView .headView .number { .itemView .headView .number {
flex: 1; flex: 1;
margin-right: 30rpx; margin-right: 30rpx;
font-size: 26rpx; font-size: 34rpx;
font-weight: 700;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
word-break: break-all; word-break: break-all;
@ -28,7 +28,7 @@
} }
.itemView .headView .status { .itemView .headView .status {
font-size: 26rpx; font-size: 30rpx;
color: #4e96f8; color: #4e96f8;
margin-right: 20rpx; margin-right: 20rpx;
} }
@ -58,12 +58,12 @@
} }
.itemView .contentView .msgView .title { .itemView .contentView .msgView .title {
font-size: 28rpx; font-size: 32rpx;
} }
.itemView .contentView .msgView .name, .itemView .contentView .msgView .name,
.itemView .contentView .msgView .time { .itemView .contentView .msgView .time {
font-size: 24rpx; font-size: 30rpx;
color: gray; color: gray;
margin-top: 6rpx; margin-top: 6rpx;
} }
@ -78,7 +78,7 @@
.itemView .priceView .cancelContent { .itemView .priceView .cancelContent {
flex: 1; flex: 1;
margin-right: 40rpx; margin-right: 40rpx;
font-size: 26rpx; font-size: 32rpx;
color: #7F7F7F; color: #7F7F7F;
text-overflow: ellipsis; text-overflow: ellipsis;