epmet 工作端 小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

999 lines
20 KiB

/**index.wxss**/
/* .select{
width: 100%;
height: 90rpx;
background-color: #fff;
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 0 40rpx;
align-items: center;
}
.select view {
display: flex;
align-items: center;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #3A80E7;
}
.select view image{
width: 16rpx;
height: 16rpx;
margin: 0 9rpx;
}
.select .delete {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
}
.select .delete image{
width: 30rpx;
height: 30rpx;
}
.content{
width: 100%;
display: flex;
height: auto;
flex-direction: column;
justify-content: flex-center;
margin: 30rpx 20rpx 0 30rpx;
}
/* .content .scroll {
height: calc(100vh - 130rpx);
*/
/* .box{
display: flex;
flex-direction: column;
background-color: #fff;
}
.hd_news{
display: flex;
flex-direction:row;
justify-content: space-between;
margin: 20rpx 20rpx 0 30rpx
}
.hd_news .reminder{
width: 134rpx;
height: 33rpx;
overflow-wrap: break-word;
color: rgba(51,51,51,1);
font-size: 34rpx;
font-family: PingFang-SC-Bold;
font-weight: 700;
text-align: left;
white-space: nowrap;
line-height: 52rpx;
}
.card{
width: 100%;
display: flex;
height: 168rpx;
margin: 20rpx 0 0 10rpx;
box-sizing: border-box;
overflow: hidden;
position: relative;
flex-direction: column;
}
.content .card::before{
content: "";
position: absolute;
left: 30rpx;
right: 30rpx;
bottom: 0;
border-bottom: 2rpx solid #EAEAEA;
}
.blue{
color:#5693EE;
}
.yellow{
color:#E2944D;
}
.cyan{
color: #2EB4F2 ;
}
.cyanBg{
background: rgba(56,189,253,0.1);
}
.yellowBg{
background: rgba(248,188,122,0.1);
}
.blueBg{
background: rgba(86,147,238,0.1);
}
.gray{
color: #999999 !important;
}
.content .card .left{
width: 100rpx;
height: 100rpx;
background: linear-gradient(0deg, #3E8DF8 0%, #68A8FD 100%);
border-radius: 20rpx;
color:#fff ;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
text-align: center;
line-height: 100rpx;
}
.content .card .right{
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
margin-left: 24rpx;
}
.content .card .right .top{
display: flex;
align-items: center;
justify-content: space-between;
}
.content .card .right .title{
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: calc(100% - 80rpx);
}
.content .card .right .bottom{
display: flex;
justify-content: space-between;
align-items: center;
font-size: 28rpx;
font-family: PingFang SC;
color: #999999;
}
.textOver{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 250rpx;
}
.content .card .right .bottom .flex_box{
display: flex;
justify-content: left;
} */
/* .bgBule{
background-color: #dfebfb;
border: 1px solid #3A80E7;
border-radius: 32rpx;
padding:10rpx 20rpx;
box-sizing: border-box;
}
.bgBule image{
margin-left: 50rpx !important;
} */
.page {
overflow: hidden;
position: relative;
width: 750rpx;
height: auto;
display: flex;
flex-direction: column;
background-color: #F7F7F7;
/* z-index: -9999; */
}
.header {
display: flex;
background: #1673ee;
width: 100%;
height: 300rpx;
flex-direction: column;
border-radius: 0 0 40rpx 40rpx;
}
.header .header_addre{
display: flex;
width: 100%;
height: 40rpx;
align-items: center;
align-content: center;
margin:80rpx 0 0 20rpx;
z-index:1;
}
.header_image {
width: 34rpx;
height: 31rpx;
}
.header_text_1 {
/* width: 157rpx;
height: 30rpx; */
overflow-wrap: break-word;
color: rgba(255,255,255,1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 42rpx;
margin-left: 15rpx;
}
.text-wrapper_8 {
position: relative;
left: 30rpx;
top: -150rpx;
width: 690rpx;
height: 300rpx;
background-size: 100% 100%;
display: flex;
flex-direction: column;
z-index: 1000;
}
.bg-image{
position: absolute;
width: 100%;
height: 100%;
z-index: -1; /* 使图片位于文本内容之后 */
}
.text_30 {
text-shadow: 0px 2px 10px rgba(85,91,132,0.330000);
width: 333rpx;
height: 44rpx;
overflow-wrap: break-word;
color: rgba(255,255,255,1);
font-size: 46rpx;
font-family: PingFang-SC-Heavy;
font-weight: 900;
text-align: left;
white-space: nowrap;
line-height: 46rpx;
margin: 68rpx 0 0 49rpx;
}
.paragraph_1 {
text-shadow: 0px 2px 5px rgba(101,103,114,0.360000);
width: 400rpx;
height: 65rpx;
overflow-wrap: break-word;
color: rgba(255,255,255,1);
font-size: 28rpx;
font-family: PingFang-SC-Bold;
font-weight: 700;
text-align: left;
line-height: 38rpx;
margin: 40rpx 0 0rpx 49rpx;
}
.group_1 {
position: relative;
width: 689rpx;
height: 124rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: -100rpx 0 0 30rpx;
}
.section_1 {
box-shadow: 0px 2px 20px 0px rgba(53,100,158,0.200000);
background-image: linear-gradient(-90deg, rgba(188,217,255,1.000000) 0, rgba(188,217,255,1.000000) 0, rgba(207,228,255,1.000000) 100.000000%, rgba(207,228,255,1.000000) 100.000000%);
border-radius: 16rpx;
width: 216rpx;
height: 124rpx;
display: flex;
flex-direction: row;
}
.image-text_1 {
width: 188rpx;
height: 89rpx;
flex-direction: row;
display: flex;
margin: 11rpx 0 0 20rpx;
}
.text-group_1 {
width: 131rpx;
height: 71rpx;
margin-top: 18rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.text_1 {
width: 111rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(55,129,199,1);
font-size: 28rpx;
font-family: PingFang-SC-Heavy;
font-weight: 900;
text-align: left;
white-space: nowrap;
line-height: 28rpx;
}
.text_2 {
width: 131rpx;
height: 22rpx;
overflow-wrap: break-word;
color: rgba(81,150,214,1);
font-size: 22rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
margin-top: 21rpx;
}
.image_1 {
width: 70rpx;
height: 70rpx;
margin-left: -13rpx;
}
.section_2 {
box-shadow: 0px 2px 20px 0px rgba(160,183,185,0.290000);
background-image: linear-gradient(-90deg, rgba(166,224,231,1.000000) 0, rgba(166,224,231,1.000000) 0, rgba(198,238,243,1.000000) 100.000000%, rgba(198,238,243,1.000000) 100.000000%);
border-radius: 16rpx;
width: 216rpx;
height: 124rpx;
margin-left: 21rpx;
display: flex;
flex-direction: column;
}
.image-text_2 {
width: 190rpx;
height: 89rpx;
flex-direction: row;
display: flex;
margin: 11rpx 0 0 19rpx;
}
.text-group_2 {
width: 132rpx;
height: 68rpx;
margin-top: 21rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.text_3 {
width: 112rpx;
height: 26rpx;
overflow-wrap: break-word;
color: rgba(53,147,139,1);
font-size: 28rpx;
font-family: PingFang-SC-Heavy;
font-weight: 900;
text-align: left;
white-space: nowrap;
line-height: 28rpx;
}
.text_4 {
width: 131rpx;
height: 22rpx;
overflow-wrap: break-word;
color: rgba(83,166,159,1);
font-size: 22rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
margin: 20rpx 0 0 1rpx;
}
.image_2 {
width: 70rpx;
height: 70rpx;
margin-left: -12rpx;
}
.section_3 {
box-shadow: 0px 2px 20px 0px rgba(199,172,165,0.340000);
background-image: linear-gradient(-90deg, rgba(247,210,200,1.000000) 0, rgba(247,210,200,1.000000) 0, rgba(255,230,221,1.000000) 100.000000%, rgba(255,230,221,1.000000) 100.000000%);
border-radius: 16rpx;
width: 216rpx;
height: 124rpx;
margin-left: 20rpx;
display: flex;
flex-direction: column;
}
.image-text_3 {
width: 188rpx;
height: 87rpx;
flex-direction: row;
display: flex;
margin: 13rpx 0 0 20rpx;
}
.text-group_3 {
width: 130rpx;
height: 68rpx;
margin-top: 19rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.text_5 {
width: 110rpx;
height: 26rpx;
overflow-wrap: break-word;
color: rgba(204,136,74,1);
font-size: 28rpx;
font-family: PingFang-SC-Heavy;
font-weight: 900;
text-align: left;
white-space: nowrap;
line-height: 28rpx;
}
.text_6 {
width: 130rpx;
height: 22rpx;
overflow-wrap: break-word;
color: rgba(199,149,104,1);
font-size: 22rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
margin-top: 20rpx;
}
.image_3 {
width: 70rpx;
height: 70rpx;
margin-left: -12rpx;
}
.group_2 {
position: relative;
background-color: rgba(255,255,255,1.000000);
border-radius: 20rpx;
width: 710rpx;
height: 412rpx;
display: flex;
flex-direction: column;
margin: 36rpx 0 0 30rpx;
}
.text-wrapper_1 {
background-color: rgba(255,255,255,1.000000);
border-radius: 20rpx;
height: 90rpx;
display: flex;
flex-direction: column;
width: 710rpx;
}
.text_7 {
width: 202rpx;
height: 33rpx;
overflow-wrap: break-word;
color: rgba(51,51,51,1);
font-size: 34rpx;
font-family: PingFang-SC-Bold;
font-weight: 700;
text-align: left;
white-space: nowrap;
line-height: 52rpx;
margin: 30rpx 0 0 29rpx;
}
.block_1 {
width: 650rpx;
height: 290rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: 2rpx 0 30rpx 30rpx;
}
.group_3 {
width: 309rpx;
height: 290rpx;
background-size: 100% 100%;
display: flex;
flex-direction: column;
position: relative;
}
.image_house{
width: 310rpx;
height: 290rpx;
}
.text-group_4 {
position: absolute;
width: 114rpx;
height: 80rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 38rpx 0 0 57rpx;
}
.text_8 {
width: 114rpx;
height: 41rpx;
overflow-wrap: break-word;
color: rgba(58,128,231,1);
font-size: 44rpx;
font-family: PingFang-SC-Heavy;
font-weight: 900;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
}
.text_9 {
width: 102rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(102,102,102,1);
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
margin-top: 14rpx;
}
.text-group_5 {
position: absolute;
bottom: 20rpx; /* 调整文本在图片上的垂直位置 */
right:75rpx; /* 调整文本在图片上的水平位置 */
display: flex;
flex-direction: column;
margin: 0 0 30rpx 0 ;
}
.text_10 {
width: 112rpx;
height: 41rpx;
overflow-wrap: break-word;
color: rgba(255,76,28,1);
font-size: 44rpx;
font-family: PingFang-SC-Heavy;
font-weight: 900;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
}
.text_11 {
width: 180rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(102,102,102,1);
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
margin-top: 12rpx;
}
.group_4 {
width: 309rpx;
height: 290rpx;
background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psq0fabgccqbd5mjs6z8p0rt7df5pv3uen565b4a611-6a0e-4fbc-a572-28bc912d91b5) 100% no-repeat;
background-size: 100% 100%;
display: flex;
flex-direction: column;
}
.image_JM{
width: 310rpx;
height: 290rpx;
}
.text-group_6 {
position: absolute;
width: 114rpx;
height: 80rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 40rpx 0 0 115rpx;
}
.text_12 {
width: 114rpx;
height: 41rpx;
overflow-wrap: break-word;
color: rgba(58,128,231,1);
font-size: 44rpx;
font-family: PingFang-SC-Heavy;
font-weight: 900;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
}
.text_13 {
width: 102rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(102,102,102,1);
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
margin: 14rpx 0 0 33rpx;
}
.text-group_7 {
position:absolute;
width: 180rpx;
height: 80rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 49rpx 0 44rpx 74rpx;
bottom: 20px;
}
.text_14 {
width: 113rpx;
height: 41rpx;
overflow-wrap: break-word;
color: rgba(255,76,28,1);
font-size: 44rpx;
font-family: PingFang-SC-Heavy;
font-weight: 900;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
margin-left: 67rpx;
}
.text_15 {
width: 180rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(102,102,102,1);
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
margin-top: 14rpx;
}
.group_5 {
background-color: rgba(255,255,255,1.000000);
border-radius: 20rpx;
width: 710rpx;
height: 502rpx;
display: flex;
flex-direction: column;
justify-content: flex-center;
margin: 20rpx 0 0 20rpx;
}
.text-wrapper_2 {
width: 649rpx;
height: 33rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: 30rpx 0 0 29rpx;
}
.text_16 {
width: 134rpx;
height: 33rpx;
overflow-wrap: break-word;
color: rgba(51,51,51,1);
font-size: 34rpx;
font-family: PingFang-SC-Bold;
font-weight: 700;
text-align: left;
white-space: nowrap;
line-height: 52rpx;
}
.text_17 {
width: 53rpx;
height: 26rpx;
overflow-wrap: break-word;
color: rgba(180,180,180,1);
font-size: 28rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
margin-top: 6rpx;
}
.box_2 {
width: 648rpx;
height: 31rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: 45rpx 0 0 30rpx;
}
.image-text_4 {
width: 535rpx;
height: 31rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
}
.label_1 {
width: 30rpx;
height: 30rpx;
}
.text-group_8 {
width: 490rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(51,51,51,1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 32rpx;
}
.text_18 {
width: 51rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(102,102,102,1);
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
margin-top: 1rpx;
}
.text-wrapper_3 {
width: 648rpx;
height: 27rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: 23rpx 0 0 30rpx;
}
.text_19 {
width: 169rpx;
height: 27rpx;
overflow-wrap: break-word;
color: rgba(153,153,153,1);
font-size: 28rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
}
.text_20 {
width: 228rpx;
height: 20rpx;
overflow-wrap: break-word;
color: rgba(193,193,193,1);
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
margin-top: 4rpx;
}
.image_4 {
width: 650rpx;
height: 1rpx;
margin: 30rpx 0 0 31rpx;
}
.text-wrapper_4 {
width: 650rpx;
height: 31rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: 30rpx 0 0 30rpx;
}
.text_21 {
width: 554rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(51,51,51,1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 42rpx;
}
.text_22 {
width: 51rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(102,102,102,1);
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
margin-top: 1rpx;
}
.text-wrapper_5 {
width: 648rpx;
height: 26rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: 24rpx 0 0 30rpx;
}
.text_23 {
width: 168rpx;
height: 26rpx;
overflow-wrap: break-word;
color: rgba(153,153,153,1);
font-size: 28rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
}
.text_24 {
width: 228rpx;
height: 20rpx;
overflow-wrap: break-word;
color: rgba(193,193,193,1);
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
margin-top: 3rpx;
}
.image_5 {
width: 650rpx;
height: 1rpx;
margin: 30rpx 0 0 31rpx;
}
.text-wrapper_6 {
width: 649rpx;
height: 31rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: 29rpx 0 0 30rpx;
}
.text_25 {
width: 546rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(51,51,51,1);
font-size: 32rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 42rpx;
}
.text_26 {
width: 51rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(102,102,102,1);
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
margin-top: 5rpx;
}
.text-wrapper_7 {
width: 648rpx;
height: 27rpx;
flex-direction: row;
display: flex;
justify-content: space-between;
margin: 23rpx 0 30rpx 30rpx;
}
.text_27 {
width: 168rpx;
height: 27rpx;
overflow-wrap: break-word;
color: rgba(153,153,153,1);
font-size: 28rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
}
.text_28 {
width: 228rpx;
height: 20rpx;
overflow-wrap: break-word;
color: rgba(193,193,193,1);
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
margin-top: 4rpx;
}
.content{
display: flex;
flex-direction: column;
width: 710rpx;
height:auto ;
background-color: #FFFFFF;
margin: 30rpx 0 0 30rpx;
border-radius: 30rpx;
}
.hd_news{
display: flex;
justify-content: space-between;
flex-direction: row;
margin: 30rpx 30rpx 30rpx 30rpx;
}
.news_remind{
font-family: PingFang SC;
font-weight: bold;
font-size: 34rpx;
color: #333333;
line-height: 52rpx;
}
.more{
font-family: PingFang SC;
font-weight: 500;
font-size: 28rpx;
color: #B4B4B4;
line-height: 36rpx;
}
.Information{
height: 100rpx;
display: flex;
flex-direction: column;
margin: 10rpx 30rpx 30rpx 30rpx;
border-bottom: 2rpx solid #EAEAEA;
}
.Information_one{
display: flex;
justify-content: space-between;
}
.Information_test{
width: 490rpx;
height: auto;
font-family: PingFang SC;
font-weight: 500;
font-size: 32rpx;
color: #333333;
line-height: 32rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Information_test2{
width: 60rpx;
height: auto;
font-family: PingFang SC;
font-weight: 500;
font-size: 26rpx;
color: #666666;
line-height: 40rpx;
}
.Information_two{
display: flex;
justify-content: space-between;
}
.Information_test3{
width: 169rpx;
height: auto;
font-family: PingFang SC;
font-weight: 500;
font-size: 28rpx;
color: #999999;
line-height: 40rpx;
}
.Information_test4{
width: auto;
height: auto;
font-family: PingFang SC;
font-weight: 500;
font-size: 26rpx;
color: #C1C1C1;
line-height: 40rpx;
}
.one_one{
display: flex;
flex-direction: row;
}
.Information_image{
width: 30rpx;
height: 30rpx;
margin-right: 10rpx;
}