hm-uniapp-sms-list-card/components/hm-sms-list-card/index.response.css

毫末uni-app毫末短信列表卡片组件。支持H5/小程序(微信、支付宝、头条、百度、QQ)/App；组件可自适应各种屏幕大小的手机。

.hm-sms-list-card {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 750rpx;
  height: 315.18rpx;
}

.box {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
  margin-left: 16.1rpx;
  border-radius: 32.21rpx;
  background-color: #ffffff;
  width: 720.09rpx;
  height: 223.16rpx;
  overflow: hidden;
}

.xueshengdangan {
  position: absolute;
  top: 66.72rpx;
  left: 69.02rpx;
  width: 82.82rpx;
  height: 110.43rpx;
}

.primary {
  position: relative;
  margin-top: 46.01rpx;
  margin-right: 34.51rpx;
  width: 128.83rpx;
  height: 115.03rpx;
}

.sub {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 36.81rpx;
  margin-right: 29.91rpx;
  height: 112.73rpx;
}

.outer {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  width: 421.01rpx;
  height: 50.61rpx;
}

.wrap {
  display: flex;
  align-items: center;
  flex-direction: row;
  height: 46.01rpx;
}

.paybak {
  opacity: 1;
  max-width: 220.86rpx;
  height: 46.01rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 46.01rpx;
  white-space: pre;
  color: #34c1fe;
  font-family: Helvetica;
  font-size: 32.21rpx;
  font-weight: normal;
}

.company {
  opacity: 1;
  max-width: 80.52rpx;
  height: 46.01rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 46.01rpx;
  white-space: nowrap;
  color: #34c1fe;
  font-size: 32.21rpx;
  font-weight: 400;
}

.txt {
  opacity: 1;
  line-height: 46.01rpx;
  white-space: pre;
  color: #b3c0ce;
  font-family: MicrosoftYaHei, Microsoft YaHei;
  font-size: 25.31rpx;
  font-weight: normal;
}

.block {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  margin-top: 16.1rpx;
  height: 46.01rpx;
}

.desc {
  opacity: 1;
  line-height: 46.01rpx;
  white-space: nowrap;
  color: #15232e;
  font-size: 25.31rpx;
  font-weight: 400;
}

.side {
  position: relative;
  margin-top: 46.01rpx;
  width: 16.1rpx;
  height: 27.61rpx;
}