| 1 |
- {"version":3,"sources":["common/style/utilities/_animation.less","common/style/utilities/_float.less","common/style/utilities/_index.less","navbar/navbar.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;EGaC,qBAAA;EACA,sBAAA;EACA,0BAAA;EACA,uBAAA;EAEA,gBAAA;;AAEA,SAAC,OHpBF;EGsBK,eAAA;EACA,MAAA;EACA,OAAA;EACA,aAAA;;AAIJ,SAAC;EACC,SAAS,EAAT;;AAGF,SAAC;EACC,UAAA;EAEA,yBAAyB,oCAAzB;;AAGF,SAAC;EACC,UAAA;EAEA,yBAAyB,oCAAzB;;AAGF,SAAC;EACC,aAAA;;AAGF,SAAC;EACC,QAAQ,oBAAR;EACA,aAAa,yBAAb;EACA,kBAAA;EACA,kBAAA;;AAGF,SAAC;EACC,kBAAA;EACA,UAAA;EACA,QAAQ,oBAAR;EACA,OAAO,YAAY,oBAAnB;EACA,eAAe,mBAAf;EACA,aAAa,yBAAb;EACA,aAAA;EACA,mBAAA;EACA,sBAAA;EACA,WAAA;;AAGF,SAAC;EACC,kBAAA;EACA,sBAAA;EACA,OAAO,mBAAP;EACA,aAAA;EACA,mBAAA;;AAGF,SAAC;EACC,sBAAA;EACA,kBAAA;EACA,OAAO,oBAAP;EACA,QAAQ,qBAAR;EACA,aAAa,qBAAb;EACA,oBAAA;EACA,0BAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;;AAVF,SAAC,SH7EF;EG0FK,OAAA;;AAEA,SAfH,SH7EF,eG4FM,IAAI;EACH,kBAAA;;AAEA,SAlBL,SH7EF,eG4FM,IAAI,cAGF;EACC,cAAA;EACA,SAAS,EAAT;EACA,kBAAA;EACA,UAAA;EACA,aAAA;EACA,OAAA;EACA,oCAAA;EACA,UAAA;;AAIJ,SA9BH,SH7EF,eG2GM;EACC,iBAAA;;AAIJ,SAnCD,SAmCE;EACC,aAAA;EACA,mBAAA;;AAIJ,SAAC;EACC,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,MAAM,mBAAN;EACA,OAAO,YAAY,wBAAnB;EACA,QAAQ,oBAAR;EACA,aAAa,oBAAb;EACA,OAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,gBAAA;;AAEA,SAdD,QAcE;EACC,uBAAA;EACA,mBAAA;EACA,gBAAA;;AAIJ,SAAC;EACC,sBAAA;EACA,aAAA;EACA,uBAAA;EACA,gBAAA;;AAEA,SAND,KAME;EACC,kBAAA","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 (css) '../common/index.wxss';\n@import '../common/style/index.less';\n\n@black: #000;\n@white: #fff;\n\n// navbar 字体颜色\n@navbar-color: @black;\n\n// navbar 背景色\n@navbar-background-color: @white;\n\n.@{prefix}-navbar {\n --navbar-height: 44px;\n --navbar-right: 190rpx; // 默认右上角胶囊按钮宽度，组件会在初始化时尝试自动获取胶囊按钮宽度并覆写该值\n --narbar-padding-top: 20px; // 导航栏顶部间距，组件会在初始化时尝试取右侧系统胶囊位置进行覆盖\n --capsule-wight: 174rpx;\n\n overflow: hidden;\n\n &--fixed {\n .@{prefix}-navbar__content {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 5001;\n }\n }\n\n &--visible {\n display: '';\n }\n\n &--visible-animation {\n opacity: 1;\n transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n }\n\n &--hide-animation {\n opacity: 0;\n transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n }\n\n &--hide {\n display: none;\n }\n\n &__placeholder {\n height: var(--navbar-height);\n padding-top: var(--narbar-padding-top);\n position: relative;\n visibility: hidden;\n }\n\n &__content {\n position: relative;\n z-index: 1;\n height: var(--navbar-height);\n width: calc(100% - var(--navbar-right));\n padding-right: var(--navbar-right);\n padding-top: var(--narbar-padding-top);\n display: flex;\n align-items: center;\n background-color: @navbar-background-color;\n color: @navbar-color;\n }\n\n &__left {\n position: relative;\n box-sizing: border-box;\n width: var(--navbar-right);\n display: flex;\n align-items: center;\n }\n\n &__capsule {\n box-sizing: border-box;\n margin-left: 24rpx;\n width: var(--capsule-wight);\n height: var(--capsule-height);\n line-height: var(--capsule-height);\n border-radius: 16rpx * 2;\n border: 1rpx solid #e3e6eb;\n background: #fff;\n display: flex;\n align-items: center;\n\n .@{prefix}-navbar__btn {\n flex: 1;\n\n &:not(:first-child) {\n position: relative;\n\n &::before {\n display: block;\n content: '';\n position: absolute;\n top: 12rpx;\n bottom: 12rpx;\n left: 0;\n background-color: rgba(0, 0, 0, 0.2);\n width: 1px;\n }\n }\n\n &:first-child {\n margin-left: 0rpx;\n }\n }\n\n &-icon {\n display: flex;\n align-items: center;\n }\n }\n\n &__center {\n font-size: 36rpx;\n text-align: center;\n position: absolute;\n left: var(--navbar-right);\n width: calc(100% - var(--navbar-right) * 2);\n height: var(--navbar-height);\n line-height: var(--navbar-height);\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n\n &-title {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n }\n\n &__btn {\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n overflow: hidden;\n\n &:first-child {\n margin-left: 24rpx;\n }\n }\n}\n"],"file":"navbar.wxss"}
|
