12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- page{
- background-color: #f2f2f2;
- height: 100%;
- }
- .tab{
- height: 130rpx;
- display: flex;
- align-items: center;
- background: #fff;
- }
- .top{
- width: 690rpx;
- margin: 0 auto;
- display: flex;
- flex-direction: row;
- justify-content: space-around;
- border-radius: 10rpx;
- /* overflow: hidden; */
- }
- .top :first-child{
- border-radius: 10rpx 0rpx 0rpx 10rpx;
- }
- .top :last-child{
- border-radius: 0rpx 10rpx 10rpx 0rpx;
- }
- .top view{
- width: 40%;
- height: 70rpx;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 30rpx;
- border-collapse: collapse;
- border:1rpx solid #6282f4;
- margin-right: -1rpx
- }
- .select{
- color: #fff;
- background-color: #6282f4;
- }
- .list{
- width: 100%;
- display: flex;
- background-color: #fff;
- justify-content: space-between;
- margin-top: 20rpx;
- }
- .list-left{
- display: flex;
- flex-direction: column;
- padding: 20rpx 20rpx 20rpx 40rpx;
- }
- .list-left view{
- margin: 10rpx;
- }
- .list-right{
- display: flex;
- justify-content: center;
- align-items: center;
- padding-right: 30rpx;
- }
- .list-right view{
- display: flex;
- justify-content: center;
- align-items: center;
- width: 100rpx;
- height: 100rpx;
- border:1rpx solid #6282f4;
- border-radius: 50%;
- }
- .nodata{
- text-align: center;
- margin-top: 30rpx;
- }
|