/* pages/resource/index.wxss */ @import '../../style/font.wxss'; page{ width: 100%; display: flex; background-color: whitesmoke; } .container{ display: flex; width: 100%; flex-direction: column; align-items: center; background-color: white; margin-top:10px; } .column{ display: flex; align-items: center; justify-content: space-between; width: 90%; height: 90px; border-bottom: 2px solid whitesmoke; } .left{ display: flex; align-items: center; flex: 1; } .right{ width: 15px; text-align:right; } .articleImg{ width: 55px; height: 55px; display: flex; align-items: center; /* border-radius: 50%; */ } .content{ margin-left: 15px; margin-right: 20px; flex: 1; } .title{ width: 100%; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-break: break-all; font-weight:1000; } .r_type{ font-size: 13px; } .tips{ width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; } .tips-con{ width: 90%; height: 90; }