index.wxss

/* static/nativeComponents/Notice/index.wxss */
.notice {
  position: relative;
}

.notice .container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.container .notice-icon {
  margin-left: 15px;
  width: 100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.container .notice-content {
  flex: auto;
  margin-left: 15px;
}

.notice-content .content {
  flex: auto;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.container .notice-arrowhead {
  margin: 0 15px;
  width: 17px;
  height: 17px;
}