1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- page{
- height: 100%;
- }
- .box{
- width: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
- height: 100%;
- background: rgba(204, 202, 202, 0.329);
- }
- .box .view{
- width: 90%;
- display: flex;
- background: white;
- margin-top: 30rpx;
- border-radius: 10rpx;
- flex-direction: column;
- align-items: center;
- }
- .box .view .top{
- display: flex;
- justify-content: space-between;
- width: 100%;
- background: #F4F4F4;
- align-items: center;
- padding: 10rpx 0rpx;
- border-radius: 10rpx 10rpx 0rpx 0rpx;
- }
- .box .top image{
- margin-left: 5%;
- }
- .box .top text{
- margin-right: 5%;
- font-size: 26rpx;
- color: #999999;
- }
- .box .view .center{
- display: flex;
- flex-direction: column;
- width: 90%;
- border-bottom: 2rpx solid #F4F4F4;
- padding: 20rpx 0rpx;
- }
- .box .center text:nth-of-type(1){
- font-size: 30rpx;
- color: black;
- /* font-weight: bold; */
- }
- .box .center text:nth-of-type(2){
- font-size: 26rpx;
- color: #999999;
- padding-top: 8rpx;
- }
- .box .view .bottom{
- display: flex;
- justify-content: space-between;
- width: 90%;
- padding: 15rpx 0rpx;
- font-size: 26rpx;
- }
- /* .box .view text{
- width: 70%;
- overflow:hidden;
- text-overflow:ellipsis;
- white-space:nowrap;
- font-size: 28rpx;
- }
- .box .view image:nth-of-type(1){
- margin-left: 10rpx;
- }
- .box .view image:nth-of-type(2){
- margin-right: 10rpx;
- } */
- .none{
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- width: 100%;
- height: 90%;
- }
- .none image{
- margin-left: 70rpx;
- }
- .none text{
- /* padding-right: 70rpx; */
- padding-top: 20rpx;
- }
|