PatrolPipelineNetwork_zdsz/app.wxss

/**app.wxss**/
@import"iconfont.wxss";

page {
  font-family: Arial, Helvetica, sans-serif;
}

.wid15 {
  margin: 0px 30rpx;
}

.line {
  height: 4rpx;
  background: #dddddd;
}

.line2 {
  height: 1rpx;
  background: #dddddd;
}

.line3 {
  height: 1rpx;
  background: #dddddd;
}

/* 搜索 */
.search-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10rpx 20rpx 10rpx 40rpx;
  box-sizing: border-box;
  background-color: rgb(240, 240, 240);
  margin: 30rpx;
  border-radius: 50rpx;
  position: relative;
}

.search-left {
  flex: 2;
  border-radius: 40rpx;
  padding-right: 40rpx;
  box-sizing: border-box;
}

.search-left input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 90rpx);
  height: 70rpx;
}

.search-right {
  background: none;
  width: 130rpx !important;
  height: 80rpx;
  padding: 0px !important;
  position: absolute;
  right: 0rpx;
  top: 7rpx;
  z-index: 99;
}

.search-right .img {
  width: 45rpx;
  height: 45rpx;
  padding: 10rpx 0;
  vertical-align: middle;
}

.icon-sousuo {
  font-size: 55rpx;
  color: rgb(206, 205, 205);
}

.icon-saoyisao1 {
  font-size: 55rpx;
  color: rgb(206, 205, 205);
}

/* 列表 */
.list_vi {
  margin: 40rpx 30rpx 20rpx 30rpx;
  height: 101vh;
}

.list_vi2 {
  margin: 40rpx 30rpx 20rpx 30rpx;
}

.list_vi .list_li {
  display: flex;
  flex-direction: row;
  height: 100rpx;
  line-height: 100rpx;
  padding-bottom: 10rpx;
  border-bottom: 1px solid #f3f3f3;
  
}

.list_vi .list_li:active {
  background: rgb(240, 240, 240);
}

.list_r {
  display: flex;
  flex-direction: column;
}

.list_li_c {
  display: flex;
  flex-direction: row;
  height: auto;
  line-height: auto;
  padding-top: 10rpx;
}

.list_vi .list_li1 {
  display: flex;
  flex-direction: row;
  height: auto;
  line-height: 50rpx;

}

.list_vi .list_li2 {
  display: flex;
  flex-direction: row;
  height: auto;
  line-height: 50rpx;
  padding-bottom: 10rpx;
  padding-left: 58rpx;
}

.list_vi .list_li2 text {
  font-size: 29rpx !important;
  color: #999 !important;
  margin-right: 20rpx;
}

.list_vi .iconfont {
  margin-right: 20rpx;
  font-size: 40rpx;
}

.list_vi .list_li text {
  font-size: 34rpx;
  color: #181818;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.list_vi .icon-queding {
  color: rgb(13, 145, 13);
}

.list_vi .icon-yingjipingtai {
  color: rgb(230, 61, 19);
}

.list_vi .list_right {
  color: rgb(207, 207, 207);
  margin-left: auto;
  font-size: 40rpx;
}

.list_li3 {
  display: flex;
  flex-direction: row;
  height: auto;
  line-height: 50rpx;
  padding-bottom: 20rpx;
  padding-top: 20rpx;
  border-bottom: 1px solid #f2f2f2;
}

.list_li3:active {
  background-color: rgb(255, 247, 243);

}

.list_li3 .li_tit {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 34rpx;
  color: #181818;
  text-align: left;
}

.list_li3 .li_time {
  font-size: 29rpx;
  color: #666;
}

.list_li3 .li_time text {
  margin-right: 40rpx;
}

.list_li3 .notice_li {
  width: 80%;
  display: flex;
  flex-direction: column;
}

.list_li3 .icon-tongzhigonggao {
  font-size: 50rpx;
  color: rgb(238, 148, 125);
  width: 10%;
}

.list_li3 .icon-anfangxungeng {
  font-size: 50rpx;
  color: rgb(238, 148, 125);
  width: 10%;
  line-height: 86rpx;
}

.list_li3 .list_right {
  width: 10%;
  text-align: right;
  font-size: 70rpx;
  line-height: 100rpx;
  color: rgb(238, 238, 238);
}

.list_li3 .iconfont {
  margin-right: 0px !important;
}

.list_li3 .icon-wuzichubei {
  font-size: 50rpx;
  color: rgb(125, 238, 163);
  width: 10%;
}

.list_li3 .icon-cangkukucun {
  font-size: 50rpx;
  color: rgb(125, 196, 238);
  width: 10%;
}

.list_li3 .icon-dangjian_duiwujianshe {
  font-size: 50rpx;
  color: rgb(238, 217, 125);
  width: 10%;
}

/* 暂无数据 */
.zwsj {
  font-size: 260rpx !important;
  display: flex;
  text-align: center;
  justify-content: center;
  color: rgb(206, 206, 206);
  margin: 200rpx auto 40rpx auto !important;
}

.zwsj_text {
  display: flex;
  text-align: center;
  justify-content: center;
  font-size: 40rpx;
  color: #666;
}

/* 悬浮按钮 */
.float_btn {
  bottom: 150rpx;
  right: 30rpx;
  border-radius: 50%;
  text-align: center;
  position: fixed;
  width: 100rpx;
  height: 100rpx;
  line-height: 100rpx;
  background-color: #f94b0e;
  color: #fff;
  font-size: 36rpx;
  box-shadow: 5rpx 5rpx 10rpx rgb(153, 153, 153);
}

/* 悬浮按钮 */
.float_btn2 {
  bottom: 290rpx;
  right: 30rpx;
  border-radius: 50%;
  text-align: center;
  position: fixed;
  width: 100rpx;
  height: 100rpx;
  line-height: 100rpx;
  background-color: #fdcd2e;
  color: #fff;
  font-size: 36rpx;
  box-shadow: 5rpx 5rpx 10rpx rgb(153, 153, 153);
}

.float_btn:active {
  background-color: #f14405;
}

.float_btn2:active {
  background-color: #f1c120;
}

/* 列表详情 */

.notice_tit {
  font-size: 32rpx;
  color: #181818;
  text-align: left;
  display: flex;
  flex-direction: column;
}

.notice_tit .tit {
  color: #f94b0e;
  list-style: circle;
  font-size: 34rpx;
  font-weight: 500;
  height: 60rpx;
  line-height: 60rpx;
  margin-bottom: 30rpx;
}

.notice_tit .bor {
  width: 92%;
  padding: 3% 4%;
  box-shadow: 0px 0px 10rpx #e9e9e9;
  border-radius: 14rpx;
  margin-bottom: 30rpx;
}

.notice_tit .icon-weibiaoti-- {
  font-size: 36rpx;
  color: #ffaa8a;
  margin-right: 14rpx;
}

.notice_tit .icon-dian {
  font-size: 38rpx;
  color: #f94b0e;
}

/* 通讯录列表 */
.list_li4 {
  display: flex;
  flex-direction: row;
  height: 130rpx;
  justify-content: center;
  align-items: center;
}

.list_li4 .txl_img .iconfont {
  font-size: 100rpx;
  color: #fff1e8;
}

.list_li4 .txl_txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #f7f7f7;
  width: 100%;
  padding-left: 5rpx;
  height: 100%;
}

.list_li4 .txl_txt text {
  font-size: 34rpx;
  font-weight: 500;
  color: #181818;
  padding-bottom: 10rpx;
}

.list_li4 .txl_txt i {
  font-size: 32rpx;
  color: #666;
}