| 1 |
- {"version":3,"sources":["common/style/utilities/_animation.less","common/style/utilities/_float.less","common/style/utilities/_index.less","tab-bar/tab-bar-item.less","common/style/mixins/_hairline.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;EGUC,YAAA;EACA,aAAA;EACA,YAAA;;AHZD;EGgBC,YAAA;EACA,sBAAA;EACA,iBAAA;EACA,kBAAA;;AAEA,eAAC;EACC,qCAAA;;AHtBH,eAAC,WAAW;EIGX,kBAAA;EACA,sBAAA;EACA,SAAS,GAAT;EACA,oBAAA;EAiCA,MAAA;EACA,SAAA;EACA,OAAA;EACA,8BAAA;EACA,WAAW,WAAX;EDhBE,QAAA;EACA,WAAA;;AAGF,eAAC;EACC,WAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;;AHrCH,eG+BE,SH/BD;EGwCI,cAAA;;AHxCL,eG+BE,SH/BD,aAAD;EG0CO,yBAAA;;AH1CP,eAAA;EGgDG,WAAW,oBAAX;;AAGF,eAAC;EACC,aAAA;EACA,mBAAA;;AAEA,eAJD,MAIE;EACC,eAAA;EACA,iBAAA;;AAIJ,eAAC;EACC,YAAA;;AAGF,eAAC;EACC,UAAA;EACA,WAAA;EACA,sBAAA;EACA,kBAAA;EACA,iBAAA;;AAEA,eAPD,WAOE;AACD,eARD,WAQE;EACC,cAAA;EACA,SAAS,EAAT;EACA,kBAAA;EACA,OAAA;EACA,yBAAA;EACA,cAAA;EACA,eAAA;;AAGF,eAlBD,WAkBE;EACC,SAAA;;AAGF,eAtBD,WAsBE;EACC,YAAA;;AAIJ,eAAC;EACC,kBAAA;EACA,MAAA;EACA,QAAA;EACA,UAAA;EACA,sBAAA;EACA,WAAW,eAAe,sBAA1B;EACA,UAAA;;AAEA,eATD,QASE;EACC,cAAA;EACA,SAAS,EAAT;EACA,kBAAA;EACA,SAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,6BAAA;EACA,0BAAA;EACA,WAAW,0BAAX;;AAGF,eAtBD,QAsBE;EACC,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;;AAEA,eA7BH,QAsBE,KAOE;EACC,qCAAA;;AH1HP,eG4FE,QAsBE,KHlHF;EG8HK,kBAAA;;AAEA,eApCL,QAsBE,KHlHF,+BGgIM;EACC,kBAAA;EACA,sBAAA;EACA,SAAS,GAAT;EACA,oBAAA;EACA,MAAA;EACA,6BAAA;EACA,WAAW,WAAX;EACA,qBAAA;EACA,uBAAA;EACA,yBAAA;EACA,UAAA","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/index.less';\n\n@item: ~'@{prefix}-tab-bar-item';\n@tab-bar-height: 48px;\n@tab-bar-bg-color: @bg-color-block;\n@tab-bar-border-color: @border-level-1-color;\n@tab-bar-hover-bg-color: rgba(0, 0, 0, .05);\n@tab-bar-active-color: @primary-color;\n\n@{item} {\n height: 100%;\n flex-basis: 0;\n flex-grow: 1;\n}\n\n.@{item} {\n height: 100%;\n box-sizing: border-box;\n user-select: none;\n position: relative;\n\n &--active {\n background-color: @tab-bar-hover-bg-color;\n }\n\n &.@{prefix}-is-split:before {\n .hairline-left(@color: @tab-bar-border-color);\n top: 8px;\n bottom: 8px;\n }\n\n &__content {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n &.@{prefix}-is-checked {\n color: @tab-bar-active-color;\n .@{item}__icon-menu {\n background-color: @tab-bar-active-color;\n }\n }\n }\n\n .@{prefix}-badge-class {\n transform: translate(50%, -10%) !important; // stylelint-disable-line\n }\n\n &__text {\n display: flex;\n align-items: center;\n\n &.t-size-s {\n font-size: 10px;\n line-height: 18px;\n }\n }\n\n &__icon {\n height: 24px;\n }\n\n &__icon-menu {\n width: 8px;\n height: 1px;\n background-color: #666;\n position: relative;\n margin-right: 4px;\n\n &::before,\n &::after {\n display: block;\n content: '';\n position: absolute;\n left: 0;\n background-color: inherit;\n width: inherit;\n height: inherit;\n }\n\n &::before {\n top: -4px;\n }\n\n &::after {\n bottom: -4px;\n }\n }\n\n &__spread {\n position: absolute;\n top: 0;\n left: 7%;\n width: 86%;\n background-color: @tab-bar-bg-color;\n transform: translate3d(0, calc(-100% - 16px), 0);\n z-index: 1;\n\n &::before {\n display: block;\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 0;\n border: 8px solid transparent;\n border-top: 8px solid @tab-bar-bg-color;\n transform: translate3d(-50%, 16px, 0);\n }\n\n &-item {\n width: 100%;\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &--active {\n background-color: @tab-bar-hover-bg-color;\n }\n\n & + .@{item}__spread-item {\n position: relative;\n\n &:before {\n position: absolute;\n box-sizing: border-box;\n content: ' ';\n pointer-events: none;\n top: 0;\n border-top: 1px solid #e6e6e6;\n transform: scaleY(.5);\n border-top-width: 1px;\n border-top-style: solid;\n border-top-color: @tab-bar-border-color;\n width: 80%;\n }\n }\n }\n }\n}\n","@import '../_variables.less';\n\n.hairline-base() {\n position: absolute;\n box-sizing: border-box;\n content: ' ';\n pointer-events: none;\n}\n\n.hairline(@color: @border-level-1-color) {\n .hairline-base();\n top: -50%;\n right: -50%;\n bottom: -50%;\n left: -50%;\n border: 1px solid @color;\n transform: scale(.5);\n}\n\n.hairline-top(@color: @border-level-1-color) {\n .hairline-base();\n right: 0;\n left: 0;\n top: 0;\n border-top: 1px solid @color;\n transform: scaleY(.5);\n}\n\n.hairline-bottom(@color: @border-level-1-color) {\n .hairline-base();\n right: 0;\n left: 0;\n bottom: 0;\n border-bottom: 1px solid @color;\n transform: scaleY(.5);\n}\n\n.hairline-left(@color: @border-level-1-color) {\n .hairline-base();\n top: 0;\n bottom: 0;\n left: 0;\n border-left: 1px solid @color;\n transform: scaleX(.5);\n}\n\n.hairline-right(@color: @border-level-1-color) {\n .hairline-base();\n top: 0;\n bottom: 0;\n right: 0;\n border-right: 1px solid @color;\n transform: scaleX(.5);\n}\n"],"file":"tab-bar-item.wxss"}
|
