/**app.wxss**/ @import '/static/iconfont/iconfont.wxss'; .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx 0; box-sizing: border-box; } navigator.disabled { pointer-events: none; } navigator.disabled>view { color: #b6b6b6 !important; } page { min-height: 100%; } rich-text .rich-img { max-width: 100%; max-height: auto; } .text1 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .text2 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .text3 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .text4 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .text5 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } @keyframes abel-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .iconfont.icon-loadding { display: inline-block; -webkit-animation-name: abel-rotate; animation-name: abel-rotate; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; animation-iteration-count: infinite; animation-fill-mode: both; -webkit-font-smoothing: antialiased; } .wx-switch-input { width: 80rpx !important; height: 80rpx !important; } .wx-switch-input::before { width: 80rpx !important; height: 80rpx !important; } .wx-switch-input::after { width: 80rpx !important; height: 80rpx !important; } .rmb1 { font-size: 20rpx; } .rmb2 { font-size: 24rpx; } .rmb3 { font-size: 28rpx; } /* 弹窗 背景*/ .dialogBg { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.30); z-index: 999; } .drawer_content { overflow-y: auto; min-height: 200rpx; max-height: 80%; } /* 弹出*/ .drawer_attr_box { width: 100%; overflow: hidden; position: fixed; bottom: 0; left: 0; z-index: 99999; background: #fff; border-radius: 8rpx 8rpx 0rpx 0rpx; /* transition: all 0.5s linear; */ } .draw_attr_title { font-weight: 600; font-size: 32rpx; color: #000000; text-align: center; padding: 60rpx 0; } .keyboard_arrow_right ::after { content: "\e615"; } .titleText { font-weight: 500; font-size: 28rpx; color: #000000; padding: 20rpx 0; } .pannel { padding: 20rpx 24rpx; background: #FFFFFF; margin-bottom: 20rpx; border-radius: 8rpx; } .pannel .cell { position: relative; min-height: 80rpx; display: flex; /* align-items: center; */ align-content: flex-start; justify-content: space-between; } .pannel .cellText, .pannel .cell .cellText { position: relative; font-weight: 400; font-size: 28rpx; color: #202020; line-height: 80rpx; } .pannel .cellText::before, .pannel .cell .cellText::before { position: absolute; left: -15rpx; content: ' '; color: #FFFFFF; } .pannel .cellText.required::before, .pannel .cell .cellText.required::before { content: '*'; color: #E60000; } .pannel .cell .cellInput { flex: 1; text-align: right; font-weight: 400; font-size: 28rpx; color: #202020; line-height: 80rpx; min-height: 80rpx; /* border: none; */ } .pannel .cell .cellInput.disabled { color: #b6b6b6; } .pannel .cell .cellAvatar { width: 80rpx; height: 80rpx; background: #D9D9D9; border-radius: 50%; } .pannel .cell textarea { flex: 1; height: 120rpx; background-color: #F8F8F8; font-weight: 400; font-size: 28rpx; line-height: 1.2; padding: 24rpx; box-sizing: border-box; } .pannel .cell picker { flex: 1; text-align: right; padding-left: 20rpx; } .pannel .cell picker.cellInput.disabled { color: #b6b6b6 !important; } .pannel .cell picker.cellInput.disabled view{ color: #b6b6b6 !important; } .pannel .cell .cellArrow { flex: 1; text-align: right; line-height: 80rpx; } .pannel .cell .cellArrow::after { /* position: absolute; */ /* top: 30rpx; */ font-weight: normal; content: "\e615"; color: #000000; } .pannel .cell .keyboard_arrow_right { font-weight: 400; font-size: 28rpx; padding-right: 24rpx; color: #000000; } .pannel .cell .keyboard_arrow_right::after { position: absolute; top: 0; font-weight: normal; content: "\e615"; color: #000000; line-height: 80rpx; } .xy-popup { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99; overflow: visible; background-color: transparent; } .listEmpty { width: 208rpx; height: 208rpx; } .loadMore { text-align: center; font-size: 18rpx; color: #000000; line-height: 25rpx; /* background: #F8F8F8; */ } .noMore { text-align: center; font-size: 18rpx; color: #A2A2A2; line-height: 25rpx; } .noLogin { width: 100%; display: flex; align-items: center; flex-flow: column; padding-top: 200rpx; } .noLogin image { height: 120rpx; } .noLogin view { margin-top: 20rpx; color: #b6b6b6 } .noLogin .loginText { color: #00BC8A; margin-left: 20rpx; }