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.
32 lines
2.2 KiB
32 lines
2.2 KiB
/* monitor/pages/stationDetail/stationDetail.wxss */
|
|
.top-bg{width: 100%; height: 700rpx; position: relative; z-index: -1;}
|
|
.station-content{margin-top: -700rpx; padding: 20rpx;}
|
|
.top-data{display: flex; justify-content: space-between; font-size: 48rpx;}
|
|
.top-data>view{flex: 1; text-align: center; color: #FFF;}
|
|
.top-data>view:first-child{border-right: 1px solid #FFF;}
|
|
.title1{ display: flex; font-size: 28rpx; align-items: center; justify-content: center; margin-bottom: 20rpx;}
|
|
.ssgl{width: 38rpx; height: 30rpx; margin-right: 10rpx;}
|
|
.drfd{width: 25rpx; height: 38rpx; margin-right: 10rpx;}
|
|
.jksj_bg2{width: 710rpx; height: 418rpx; position: relative; z-index: -1; margin-top: 38rpx;}
|
|
.data-table{width: 710rpx; height: 418rpx; margin-top: -418rpx; padding: 35rpx 25rpx; display: flex; flex-direction: row; flex-wrap: wrap; font-size: 24rpx; color: #FFF; }
|
|
.data-table>view{width: 33.33%; text-align: center;}
|
|
.data-table .numb{font-size: 40rpx; margin-top: 20rpx; height: 60rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
|
|
.mt-20{margin-top: 40rpx;}
|
|
|
|
.info-list-box{background: #FFF; border-radius: 20rpx;}
|
|
.head-tit{font-size: 30rpx; display: flex; height: 100rpx; align-items: center; border-bottom: solid 1px #e7e7e7; padding: 0 30rpx; font-weight: 600;}
|
|
.head-tit image{width: 40rpx; height: 40rpx; margin-right: 10rpx;}
|
|
.info-cont{padding: 20rpx 0;}
|
|
.info-list{display: flex; margin: 10rpx 20rpx; font-size: 28rpx;}
|
|
.info-list .left-title{ width: 180rpx; text-align: left; margin-right: 20rpx; color: #666666;}
|
|
.info-list .right{flex: 1;}
|
|
|
|
.cont-table{border: 1px solid #096b94; border-radius: 10rpx; margin: 0 15rpx;}
|
|
.tab-title{ height: 90rpx; line-height: 90rpx; color: #096b94; text-align: center; font-size: 28rpx;}
|
|
.tab-head{background-color: #eef2f7; height:80rpx; display: flex; align-items: center; }
|
|
.tab-head>view, .tab-body>view>view{text-align: center; font-size: 26rpx;}
|
|
.tab-head>view.flex1, .tab-body>view>view.flex1{flex: 1;}
|
|
.tab-head>view:first-child, .tab-body>view>view:first-child{ width: 100rpx;}
|
|
.tab-body>view:nth-child(even){ background-color: #f5f5f5;}
|
|
.tab-body>view{height:80rpx; display: flex; align-items: center; }
|
|
.mt-20{margin-top: 20rpx;} |