12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- .wrapper {
- display: flex;
- justify-content: center;
-
- .consumelist {
- padding: 0;
- margin: 0;
- display: flex;
- flex-wrap: wrap;
- padding-top: 10px;
-
- li {
- list-style: none;
- }
-
- .consumeItem {
- margin: 0 6px 10px;
- text-align: center;
- position: relative;
-
- .kingdomIcon {
- position: absolute;
- width: 24px;
- height: 22px;
- left: -6px;
- top: -12px;
- }
-
- .avatar {
- margin: 0 auto 4px;
- width: 36px;
- height: 36px;
- background-size: cover;
- border-radius: 50%;
- }
-
- .gray {
- color: #9b9b9b;
- font-size: 12px;
- }
- }
-
- .toggle {
- margin: 0 6px 10px;
- width: 36px;
- height: 36px;
- line-height: 36px;
- background-color: #ececec;
- border-radius: 50%;
- color: #a8adb6;
- cursor: pointer;
- background-image: url(../assets/btn_toggle.png);
- background-position: center;
-
- &.expand {
- transform: rotate(180deg);
- }
- }
- }
- }
|