.fill-height { width: 100%; height: var(--status-bar-height); } .uni-navbar .uni-navbar__content { border: 0 none !important; } .uni-navbar .uni-navbar__header .uni-nav-bar-text { font-size: 36rpx; font-weight: 400; font-family: PingFang SC; } /* 带有筛选项的标题 */ .filter_title { display: flex; align-items: center; width: 100%; height: 88rpx; justify-content: space-between; position: relative; box-sizing: border-box; padding-left: 28rpx; } .filter_title .go_back_icon { width: 50rpx; height: 50rpx; position: absolute; left: 28rpx; margin-top: -8rpx; } .filter_title .filter_title_name { font-family: PingFang SC; font-size: 32rpx; color: #000000; font-weight: bold; position: absolute; left: 50%; transform: translate(-50%); display: flex; align-items: center; } .filter_title .filter_title_name>image { width: 26rpx; height: 14rpx; margin: 10rpx; transition: 0.3s all; } .filter_title .filter_title_name .rotate_style { transform: rotate(180deg); } .filter_title .titlt_select { width: 100%; height: auto; position: absolute; z-index: 99; top: 88rpx; } .filter_title .titlt_select .titlt_div { width: 50%; height: auto; background: #FFFFFF; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); border-radius: 12rpx; margin: auto; display: flex; flex-direction: column; } .filter_title .titlt_select .titlt_div>text { line-height: 88rpx; text-align: center; border-bottom: 1px solid #F3F8FF; } /* 列表页最外层样式 */ .content_list { width: 100%; /* height: calc(100vh - 88rpx); */ height: calc(100vh - 88rpx - var(--status-bar-height)); overflow: hidden; } .content_list .list_div_3 { display: flex; flex-direction: column; width: 100%; height: calc(100% - 136rpx - 76rpx - 104rpx); overflow: auto; box-sizing: border-box; padding: 40rpx 28rpx 0; background-color: #f3f8ff; } .content_list .list_div_2 { display: flex; flex-direction: column; width: 100%; height: calc(100% - 104rpx - 104rpx); overflow: auto; box-sizing: border-box; padding: 40rpx 28rpx 0; background-color: #f3f8ff; } .content_list .list_div_1 { display: flex; flex-direction: column; width: 100%; height: calc(100% - 104rpx - 40rpx); overflow: auto; box-sizing: border-box; padding: 40rpx 28rpx 0; background-color: #f3f8ff; } /* 列表中卡片样式:标题-一行 */ .list_title_1line { width: 100%; height: auto; background-color: #FFFFFF; border-radius: 16rpx; margin-bottom: 24rpx; box-sizing: border-box; padding: 42rpx 28rpx; box-shadow: 0px 0px 12rpx rgba(0, 31, 80, 0.06); position: relative; } .list_title_1line .list_title { width: 100%; height: 42rpx; font-size: 30rpx; font-family: PingFang SC; font-weight: 600; line-height: 42rpx; color: #1D1D1D; } .list_title_1line .list_line { width: 100%; display: flex; margin-top: 28rpx; } .list_title_1line .list_line:last-child { margin-top: 16rpx; } .list_title_1line .list_line>text { width: 100%; box-sizing: border-box; min-height: 32rpx; font-family: PingFang SC; font-size: 24rpx; color: #6e6e6e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 列表中卡片样式:标题-一行半 */ .list_title_1_5line { width: 100%; height: auto; background-color: #FFFFFF; border-radius: 16rpx; margin-bottom: 24rpx; box-sizing: border-box; padding: 42rpx 28rpx; box-shadow: 0px 0px 12rpx rgba(0, 31, 80, 0.06); position: relative; } .list_title_1_5line .list_title { width: 100%; height: 42rpx; font-size: 30rpx; font-family: PingFang SC; font-weight: 600; line-height: 42rpx; color: #1D1D1D; } .list_title_1_5line .list_line { width: 100%; display: flex; justify-content: space-between; margin-top: 28rpx; } .list_title_1_5line .list_line:last-child { margin-top: 16rpx; } .list_title_1_5line .list_line:last-child>text { width: 100%; } .list_title_1_5line .list_line>text { width: 50%; box-sizing: border-box; min-height: 32rpx; font-family: PingFang SC; font-size: 24rpx; color: #6e6e6e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list_title_1_5line .list_line>text:first-child { padding-right: 20rpx; } /* 列表中卡片样式:标题-两行 */ .list_title_2line { width: 100%; height: auto; background-color: #FFFFFF; border-radius: 16rpx; margin-bottom: 24rpx; box-sizing: border-box; padding: 42rpx 28rpx; box-shadow: 0px 0px 12rpx rgba(0, 31, 80, 0.06); position: relative; } .list_title_2line .list_title { width: 100%; height: 42rpx; font-size: 30rpx; font-family: PingFang SC; font-weight: 600; line-height: 42rpx; color: #1D1D1D; } .list_title_2line .list_line { width: 100%; display: flex; justify-content: space-between; margin-top: 28rpx; } .list_title_2line .list_line:last-child { margin-top: 16rpx; } .list_title_2line .list_line>text { width: 50%; box-sizing: border-box; min-height: 32rpx; font-family: PingFang SC; font-size: 24rpx; color: #6e6e6e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list_title_2line .list_line>text:first-child { padding-right: 20rpx; } /* 列表中卡片样式:标题-两行 加一个底部带上边框的 */ .list_title_2line_bottom { width: 100%; height: auto; background-color: #FFFFFF; border-radius: 16rpx; margin-bottom: 24rpx; box-sizing: border-box; padding-top: 42rpx; box-shadow: 0px 0px 12rpx rgba(0, 31, 80, 0.06); position: relative; } .list_title_2line_bottom .list_title { width: 100%; height: 42rpx; font-size: 30rpx; font-family: PingFang SC; font-weight: 600; line-height: 42rpx; color: #1D1D1D; box-sizing: border-box; padding: 0 28rpx; } .list_title_2line_bottom .list_line { width: 100%; display: flex; justify-content: space-between; margin-top: 28rpx; box-sizing: border-box; padding: 0 28rpx; } .list_title_2line_bottom .list_line:last-child { margin-top: 16rpx; } .list_title_2line_bottom .list_line>text { width: 50%; box-sizing: border-box; min-height: 32rpx; font-family: PingFang SC; font-size: 24rpx; color: #6e6e6e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list_title_2line_bottom .list_line>text:first-child { padding-right: 20rpx; } .list_title_2line_bottom .list_bottom { width: 100%; line-height: 90rpx; box-sizing: border-box; padding: 0 28rpx; border-top: 2rpx solid #F3F8FF; margin-top: 28rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: 400; color: #1D1D1D; } /* 列表中卡片样式:上下两块-上 左图片右内容 下 日期等 */ .list_2block_image_content { display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: auto; background-color: #FFFFFF; border-radius: 16rpx; margin-bottom: 24rpx; box-sizing: border-box; box-shadow: 0px 0px 12rpx rgba(0, 31, 80, 0.06); position: relative; } /* 上部分 */ .list_2block_image_content .top_block { display: flex; width: 100%; height: auto; box-sizing: border-box; padding: 42rpx 28rpx 28rpx; } .list_2block_image_content .top_block .top_block_image { width: 144rpx; height: 144rpx; } .list_2block_image_content .top_block .top_block_content { display: flex; flex-direction: column; width: calc(100% - 144rpx - 20rpx); margin-left: 20rpx; min-height: 142rpx; } .list_2block_image_content .top_block .top_block_content .content_title { width: 100%; font-family: PingFang SC; font-size: 30rpx; color: #1d1d1d; } .list_2block_image_content .top_block .top_block_content .content_line { display: flex; width: 100%; min-height: 32rpx; margin-top: 30rpx; } .list_2block_image_content .top_block .top_block_content .content_line:last-child { margin-top: 8rpx; } .list_2block_image_content .top_block .top_block_content .content_line>image { width: 28rpx; height: 28rpx; margin-top: 4rpx; } .list_2block_image_content .top_block .top_block_content .content_line>text { width: calc(100% - 28rpx - 4rpx); margin-left: 4rpx; font-family: PingFang SC; font-size: 24rpx; color: #b2b2b2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 下部分 */ .list_2block_image_content .bottom_block { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0 28rpx; width: 100%; height: 90rpx; border-top: 2rpx solid #F3F8FF; } .list_2block_image_content .bottom_block>text { font-family: PingFang SC; font-size: 24rpx; color: #1d1d1d; } /* 列表卡片标签样式 */ .list_position { position: absolute; top: 0; right: 0; } .list_position .label_Style { width: auto; line-height: 42rpx; padding: 0 20rpx; border-bottom-left-radius: 16rpx; border-top-right-radius: 16rpx; font-family: PingFang SC; font-size: 24rpx; color: #ffffff; text-align: center; } /* tabs切换:居中样式 */ .tabs_center { width: 100%; box-sizing: border-box; padding: 28rpx 28rpx; display: flex; justify-content: space-around; } .tabs_center .tabs_div { min-width: 112rpx; line-height: 72rpx; font-family: PingFang SC; text-align: center; font-style: Regular; font-size: 30rpx; color: #1d1d1d; } .tabs_center .tabs_div_select { color: #4285F4; border-bottom: 8rpx solid #4285F4; } /* tabs切换:居左样式 */ .tabs_left { width: 100%; box-sizing: border-box; padding: 28rpx 0; display: flex; } .tabs_left .tabs_div { min-width: 112rpx; line-height: 72rpx; font-family: PingFang SC; text-align: center; font-style: Regular; font-size: 28rpx; color: #6E6E6E; margin-right: 40rpx; } .tabs_left .tabs_div_select { color: #4285F4; border-bottom: 8rpx solid #4285F4; } /* 列表上方搜索样式 */ .list_search { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 28rpx - 28rpx); box-sizing: border-box; height: 76rpx; margin: 28rpx 28rpx 0; background-color: #F3F8FF; border-radius: 8rpx; box-sizing: border-box; padding: 0 24rpx; } .list_search .search_text { flex: 1; min-height: 32rpx; font-family: PingFang SC; font-size: 24rpx; color: #ccd2dc; } .list_search .search_icon { width: 34rpx; height: 34rpx; } /* 详情-左标题 右内容 布局 */ .detail_title_content { width: 100%; /* height: calc(100vh - 88rpx); */ height: 100vh; overflow: auto; box-sizing: border-box; padding: 40rpx 28rpx 0; } .detail_title_content .title_content { width: 100%; line-height: 40rpx; display: flex; justify-content: space-between; margin-bottom: 40rpx; } .detail_title_content .title_content .left_title { font-family: PingFang SC; font-size: 28rpx; color: #1d1d1d; word-break: break-word; } .detail_title_content .title_content .right_content { font-family: PingFang SC; font-size: 28rpx; color: #1d1d1d; word-break: break-word; margin-left: 40rpx; text-align: right; font-weight: 400; }