12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- Page {
- height: 100%;
- width: 100%;
- background-color: #F5F5F5;
- }
- .bg-scroll-view {
- width: 750rpx;
- height: 100%;
- background-color: #F5F5F5;
- }
- /* scrollview底部视图 */
- .scroll-view-bottom-view {
- width: 100%;
- height: 136rpx;
- }
- .scroll-view-bottom-view-X {
- width: 100%;
- height: 204rpx;
- }
- /* 没有间隔的 */
- .scroll-view-bottom-view-n {
- width: 100%;
- height: 112rpx;
- }
- .scroll-view-bottom-view-n-X {
- width: 100%;
- height: 180rpx;
- }
- /* 底部固定视图 */
- .bottom-view, .bottom-view-X {
- position: fixed;
- width: 100%;
- background-color: white;
- bottom: 0rpx;
- display: flex;
- flex-direction: column;
- box-shadow: 0 -4rpx 12rpx 0 rgba(0,0,0,0.01);
- }
- .bottom-view {
- height: 112rpx;
- }
- .bottom-view-X {
- height: 180rpx;
- }
- .tab-shadow-view {
- position: fixed;
- bottom: -98rpx;
- width: 100%;
- height: 98rpx;
- box-shadow: 0 -4rpx 12rpx 0 rgba(0,0,0,0.01);
- }
- /* no-data */
- .no-data {
- width: 100%;
- display: flex;
- flex-direction: column;
- }
- .no-data>image {
- width: 308rpx;
- height: 308rpx;
- margin: 320rpx auto 0rpx;
- }
- .no-data>text {
- width: 100%;
- font-size: 28rpx;
- text-align: center;
- color: #9197A3;
- }
- ::-webkit-scrollbar {
- width: 0px;
- height: 0px;
- color: transparent;
- }
|