| 1 |
- {"version":3,"sources":["common/style/utilities/_animation.less","common/style/utilities/_float.less","common/style/utilities/_index.less","tabs/tabs.less"],"names":[],"mappings":"AAAC;ECIC,WAAA;;ADJD;ECQC,YAAA;;ADRF;EACE;IACE,UAAA;;EAGF;IACE,UAAA;;;AEDF,iBAAC;EACC,kBAAA;;AAGF,iBAAC;EACC,SAAS,EAAT;EACA,cAAA;EACA,kBAAA;EACA,OAAA;EACA,MAAA;EACA,QAAA;EACA,SAAA;EACA,WAAW,UAAX;;AFjBH;EGOC,aAAA;EACA,gBAAA;EACA,sBAAA;;AHTD,OAAA;EGYG,gBAAA;EACA,cAAA;;AHbH,OAAA;EGiBG,cAAA;;AAGF,OAAC;EACC,OAAA;EACA,gBAAA;;AAGF,OAAC;EACC,gBAAA;;AAGF,OAAC;EACC,kBAAA;EACA,UAAA;EACA,iBAAA;EACA,WAAA;EACA,aAAA;EACA,iBAAA;EACA,mBAAA;;AAGF,OAAC;EACC,kBAAA;EACA,gBAAA;EACA,UAAA;;AAGF,OAAC;EACC,cAAA;;AH9CH,OAAC;AAAc,OAAC;EGmDb,eAAA;;AHnDH,OAAC,YAAD;AAAe,OAAC,eAAhB;EGsDK,kBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;;AH1DL,OAAC,YAAD;AAAe,OAAC,eAAhB;EG8DK,kBAAA;;AAEA,OHhEJ,YAAD,gBGgEM;AAAD,OHhEW,eAAhB,gBGgEM;EACC,SAAS,EAAT;;AHjEP,OAAC,YAAD;AAAe,OAAC,eAAhB;EGsEK,aAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;;AHzEL,OAAC,YAAD;AAAe,OAAC,eAAhB;EG6EK,OAAA;EACA,SAAA;EACA,YAAA;;AH/EL,OAAC,YAAD;AAAe,OAAC,eAAhB;EGmFK,WAAA;;AHnFL,OAAC,YAAD;EGyFK,iDAAA;;AHzFL,OAAC;EG8FE,8BAAA;;AH9FH,OAAC,aAAD;AAAgB,OAAC,cAAjB;EGoGK,kBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,8BAAA;;AHzGL,OAAC,aAAD;AAAgB,OAAC,cAAjB;EG6GK,WAAA;;AH7GL,OAAC,aAAD;AAAgB,OAAC,cAAjB;EGiHK,sBAAA;;AHjHL,OAAC,aAAD;AAAgB,OAAC,cAAjB;EGqHK,kBAAA;EACA,cAAA;EACA,mBAAA;EACA,aAAA;EACA,yBAAA;;AHzHL,OAAC,aAAD,cAAC;AAAD,OAAiB,cAAjB,cAAC;EG4HM,sBAAA;;AH5HP,OAAC,aAAD;AAAgB,OAAC,cAAjB;EGiIK,WAAA;;AHjIL,OAAC,aAAD;EGuIK,OAAA;EACA,MAAA;EACA,WAAA;;AHzIL,OAAC;EG8IE,2BAAA;;AH9IH,OAAC,cAAD;EGiJK,QAAA;EACA,MAAA;EACA,WAAA","sourcesContent":["@keyframes tdesign-fade-out {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n","// 公共前缀\n@prefix: t;\n\n.@{prefix}-float-left {\n float: left;\n}\n\n.@{prefix}-float-right {\n float: right;\n}\n","@import './_float.less';\n@import './_animation.less';\n\n.hotspot-expanded {\n \n &.relative {\n position: relative;\n }\n\n &::after {\n content: '';\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n transform: scale(1.5);\n }\n}","@import '../common/style/index.less';\n\n@tab-item-height--horizontal: 92rpx;\n@tab-item-height--vertical: 108rpx;\n@tab-item-width--vertical: 208rpx;\n\n.@{prefix}-tabs {\n display: flex;\n font-size: 28rpx;\n background-color: #fff;\n\n .@{prefix}-is-active {\n font-weight: 700;\n color: #0052d9;\n }\n\n .@{prefix}-is-disabled {\n color: #c8c9cc;\n }\n\n &__item {\n flex: 1;\n font-weight: 400;\n }\n\n &__content {\n overflow: hidden;\n }\n\n &__nav {\n position: relative;\n z-index: 0;\n user-select: none;\n width: 100%;\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n }\n\n &__track {\n position: absolute;\n font-weight: 600;\n z-index: 1;\n }\n\n &__content-inner {\n display: block;\n }\n\n &.@{prefix}-tabs--top,\n &.@{prefix}-tabs--bottom {\n flex-wrap: wrap;\n\n .@{prefix}-tabs__content-inner {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n transition-property: transform;\n }\n\n .@{prefix}-tabs__scroll {\n position: relative;\n\n &::after {\n content: '';\n }\n }\n\n .@{prefix}-tabs__item {\n height: @tab-item-height--horizontal;\n line-height: @tab-item-height--horizontal;\n text-align: center;\n min-width: 162rpx;\n }\n\n .@{prefix}-tabs__track {\n left: 0;\n bottom: 0;\n height: 4rpx;\n }\n\n .@{prefix}-tabs__content {\n width: 100%;\n }\n }\n\n &.@{prefix}-tabs--top {\n .@{prefix}-tabs__scroll {\n border-bottom: solid 1rpx rgba(150, 95, 95, 0.12);\n }\n }\n\n &.@{prefix}-tabs--bottom {\n flex-direction: column-reverse;\n }\n\n &.@{prefix}-tabs--left,\n &.@{prefix}-tabs--right {\n .@{prefix}-tabs__content-inner {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n transition-property: transform;\n }\n\n .@{prefix}-tabs__scroll {\n width: auto;\n }\n\n .@{prefix}-tabs__nav {\n flex-direction: column;\n }\n\n .@{prefix}-tabs__item {\n text-align: center;\n height: @tab-item-height--vertical;\n line-height: @tab-item-height--vertical;\n width: @tab-item-width--vertical;\n background-color: rgb(243, 243, 243);\n\n &.@{prefix}-is-active {\n background-color: #fff;\n }\n }\n\n .@{prefix}-tabs__content {\n width: 100%;\n }\n }\n\n &.@{prefix}-tabs--left {\n .@{prefix}-tabs__track {\n left: 0;\n top: 0;\n width: 4rpx;\n }\n }\n\n &.@{prefix}-tabs--right {\n flex-direction: row-reverse;\n\n .@{prefix}-tabs__track {\n right: 0;\n top: 0;\n width: 4rpx;\n }\n }\n}\n"],"file":"tabs.wxss"}
|
