123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- .wux-footer {
- display: flex;
- flex-direction: column;
- align-items: center;
- background-color: #fff;
- color: rgba(0,0,0,.65);
- font-size: 26rpx
- }
- .wux-footer__label {
- width: 100%
- }
- .wux-footer__links {
- margin: 20rpx 0;
- color: #33cd5f;
- white-space: nowrap
- }
- .wux-footer__link {
- display: inline-block;
- text-decoration: none;
- cursor: pointer
- }
- .wux-footer__content {
- display: flex;
- align-items: center;
- margin: 20rpx 0;
- color: rgba(0,0,0,.45)
- }
- .wux-footer__chips {
- display: flex;
- align-items: center;
- white-space: nowrap;
- margin: 20rpx 0
- }
- .wux-footer__chip {
- white-space: nowrap;
- margin-right: 40rpx;
- font-size: 24rpx;
- background-color: #f5f5f5;
- color: rgba(0,0,0,.45);
- padding: 8rpx 24rpx;
- border-radius: 200rpx
- }
- .wux-footer__chip--link {
- cursor: pointer;
- background-color: #aeebbf;
- color: #33cd5f
- }
- .wux-footer--light .wux-footer__chip--link {
- color: #ddd;
- background-color: #fff
- }
- .wux-footer--light .wux-footer__links {
- color: #ddd
- }
- .wux-footer--stable .wux-footer__chip--link {
- color: #b2b2b2;
- background-color: #fff
- }
- .wux-footer--stable .wux-footer__links {
- color: #b2b2b2
- }
- .wux-footer--positive .wux-footer__chip--link {
- color: #387ef5;
- background-color: #cadcfc
- }
- .wux-footer--positive .wux-footer__links {
- color: #387ef5
- }
- .wux-footer--calm .wux-footer__chip--link {
- color: #11c1f3;
- background-color: #a3e7fa
- }
- .wux-footer--calm .wux-footer__links {
- color: #11c1f3
- }
- .wux-footer--assertive .wux-footer__chip--link {
- color: #ef473a;
- background-color: #facbc8
- }
- .wux-footer--assertive .wux-footer__links {
- color: #ef473a
- }
- .wux-footer--balanced .wux-footer__chip--link {
- color: #33cd5f;
- background-color: #aeebbf
- }
- .wux-footer--balanced .wux-footer__links {
- color: #33cd5f
- }
- .wux-footer--energized .wux-footer__chip--link {
- color: #ffc900;
- background-color: #ffe999
- }
- .wux-footer--energized .wux-footer__links {
- color: #ffc900
- }
- .wux-footer--royal .wux-footer__chip--link {
- color: #886aea;
- background-color: #f3f0fd
- }
- .wux-footer--royal .wux-footer__links {
- color: #886aea
- }
- .wux-footer--dark .wux-footer__chip--link {
- color: #444;
- background-color: #919191
- }
- .wux-footer--dark .wux-footer__links {
- color: #444
- }
|