| | |
| | | /* pages/personalCenter/feedBack/index.wxss */ |
| | | page { |
| | | background-color: #f0f2f5; |
| | | box-sizing: border-box; |
| | | padding: 0 24rpx; |
| | | } |
| | | |
| | | .page-header { |
| | | background-color: #F2F3F8; |
| | | width: 100%; |
| | | position: fixed; |
| | | top: 0; |
| | | left: 0; |
| | | z-index: 1 |
| | | } |
| | | |
| | | .t-tabs__track { |
| | | display: none; |
| | | } |
| | | |
| | | .t-tabs { |
| | | margin-top: 20rpx; |
| | | background: none !important; |
| | | } |
| | | |
| | | .t-tabs__wrapper { |
| | | background: none !important; |
| | | } |
| | | |
| | | .t-tabs__nav :nth-child(1) { |
| | | border-radius: 30rpx 30rpx 0 0rpx; |
| | | } |
| | | |
| | | .t-tabs__nav :nth-child(2) { |
| | | border-radius: 0rpx 30rpx 0 30rpx; |
| | | } |
| | | |
| | | .t-tabs__item { |
| | | flex: 1 !important; |
| | | background: #E6E8F1; |
| | | height: 76rpx !important; |
| | | margin-top: 16rpx; |
| | | border-radius: 30rpx 0 30rpx 0rpx !important; |
| | | } |
| | | |
| | | .t-tabs__item--active { |
| | | color: #333 !important; |
| | | background: #fff; |
| | | height: 96rpx; |
| | | font-size: 32rpx; |
| | | margin-top: 0; |
| | | height: 96rpx !important; |
| | | border-radius: 30rpx 30rpx 0 0rpx !important; |
| | | } |
| | | |
| | | .t-tabs__item--active+.t-tabs__item { |
| | | border-radius: 0 30rpx 0 30rpx !important; |
| | | } |
| | | |
| | | .refresh-container { |
| | | margin: 0 auto; |
| | | } |
| | | |
| | | .bottom-loading, |
| | | .loading { |
| | | padding: 20rpx; |
| | | text-align: center; |
| | | } |
| | | |
| | | .container { |
| | | height: calc(100vh - env(safe-area-inset-bottom)); |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .pageInfo { |
| | | margin-top: -30rpx; |
| | | } |
| | | |
| | | .content-item { |
| | | background: #fff; |
| | | display: flex; |
| | | margin-bottom: 30rpx; |
| | | border-radius: 10rpx; |
| | | padding: 40rpx 30rpx; |
| | | } |
| | | |
| | | .content-item:nth-child(1) { |
| | | padding-top: 70rpx; |
| | | } |
| | | |
| | | .listBox .icon { |
| | | width: 150rpx; |
| | | height: 200rpx; |
| | | } |
| | | |
| | | .listBox .icon .img { |
| | | width: 100%; |
| | | height: 100%; |
| | | object-fit: contain; |
| | | } |
| | | |
| | | .listBox .item-con { |
| | | flex: 1; |
| | | margin-left: 20rpx; |
| | | } |
| | | |
| | | .listBox .titleBox { |
| | | font-size: 28rpx; |
| | | font-weight: bold; |
| | | border-bottom: 2rpx solid #EDEDED; |
| | | line-height: 80rpx; |
| | | word-break: break-all; |
| | | display: -webkit-box; |
| | | -webkit-line-clamp: 1; |
| | | -webkit-box-orient: vertical; |
| | | overflow: hidden; |
| | | padding-bottom: 10rpx; |
| | | } |
| | | |
| | | .name { |
| | | font-size: 26rpx; |
| | | color: #9D9D9D; |
| | | line-height: 70rpx; |
| | | } |
| | | |
| | | .feedBack { |
| | | font-size: 26rpx; |
| | | color: #FF6C00; |
| | | } |
| | | |
| | | .backBox .content-item { |
| | | display: block; |
| | | } |
| | | |
| | | .backBox .item-title { |
| | | font-size: 28rpx; |
| | | font-weight: bold; |
| | | line-height: 80rpx; |
| | | word-break: break-all; |
| | | display: -webkit-box; |
| | | -webkit-line-clamp: 1; |
| | | -webkit-box-orient: vertical; |
| | | overflow: hidden; |
| | | padding-bottom: 10rpx; |
| | | } |
| | | |
| | | .backCon { |
| | | background: #FAFAFA; |
| | | border-radius: 5rpx; |
| | | padding: 10rpx 20rpx; |
| | | font-size: 28rpx; |
| | | line-height: 60rpx; |
| | | } |
| | | |
| | | .submitBox { |
| | | width: 220rpx; |
| | | height: 80rpx; |
| | | line-height: 80rpx; |
| | | background: #ff6d00; |
| | | color: #fff; |
| | | border-radius: 50rpx 0 0 50rpx; |
| | | position: fixed; |
| | | bottom: 20%; |
| | | right: 0; |
| | | } |
| | | |
| | | .submitBox .box { |
| | | display: flex; |
| | | margin: 0 auto; |
| | | width: 160rpx; |
| | | align-items: center; |
| | | text-align: center; |
| | | font-size: 28rpx; |
| | | } |
| | | |
| | | .submitBox .img { |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | margin-right: 10rpx; |
| | | } |
| | | |
| | | .empyt { |
| | | background: #fff; |
| | | padding: 200rpx 0; |
| | | } |