/* 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; }