UNPKG

bmui

Version:

Bluemoon Moon Components

1 lines 36.9 kB
{"version":3,"sources":["webpack:///./src/src/style/global.styl","webpack:///./src/bmui.styl","webpack:///./src/src/style/animations.styl","webpack:///./src/src/style/cell.styl","webpack:///./src/src/style/choice.styl","webpack:///./src/src/style/field.styl","webpack:///./src/src/style/searchbox.styl","webpack:///./src/src/style/segment.styl","webpack:///./src/src/style/empty.styl","webpack:///./src/src/style/picker.styl"],"names":[],"mappings":"AAiGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CChGD;ADiGC;;;EACE;CC7FH;AD8FC;;EACE;CC3FH;AD4FC;;;EACE;KAAA;UAAA;EACA;EACA;CCxFH;ADyFG;;;EACE;CCrFL;ADoFG;;;EACE;CCrFL;ADoFG;;;EACE;CCrFL;ADoFG;;;EACE;CCrFL;ADoFG;;;EACE;CCrFL;ADsFC;EACE;EACA;CCpFH;ACjCU;EACT;IACE;YAAA;GD2CD;EC1CD;IACE;YAAA;GD4CD;CACF;ACjDU;EACT;IACE;YAAA;GD2DD;EC1DD;IACE;YAAA;GD4DD;CACF;AEhEC;EACE;EACA;EACA;EACA;EAAA;EACA;UAAA;EACA;CFkEH;AEjEG;EACE;EACA;EACA;EACA;CFmEL;AElEG;EACE;EACA;EACA;UAAA;EACA;EACA;EACA;EACA;CFoEL;AEnEG;EHgDF;EACA;EACA;EACA;EGjDI;EACA;EACA;EACA;CFwEL;AEtEC;EACE;EACA;EACA;EACA;EAAA;EACA;UAAA;EACA;CFwEH;AEvEG;EACE;EACA;EACA;UAAA;EACA;EACA;EACA;CFyEL;AExEG;EH2BF;EACA;EACA;EACA;EG5BI;EACA;EACA;EACA;CF6EL;AE3EC;EACE;EACA;EACA;EACA;EAAA;EACA;UAAA;EACA;CF6EH;AE5EG;EACE;EACA;EACA;EACA;CF8EL;AE7EG;EACE;EACA;EACA;UAAA;EACA;CF+EL;AE7EC;EACE;EACA;EACA;EACA;CF+EH;AE9EG;EACE;EACA;EACA;CFgFL;AE/EG;EACE;EACA;CFiFL;AG/JD;EACE;EACA;EAAA;EACA;UAAA;EACA;UAAA;EACA;EACA;EACA;CHiKD;AGhKC;EACE;EACA;EACA;EACA;CHkKH;AGjKC;EACE;EACA;CHmKH;AGlKC;EACE;EACA;EACA;EACA;CHoKH;AGnKC;EJgDA;EACA;EACA;EACA;EIjDE;EACA;CHwKH;AGvKG;EACE;CHyKL;AGxKG;EACE;CH0KL;AGzKC;EACE;CH2KH;AGxKC;EACE;EAAA;EACA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;CH0KH;AGzKC;EACE;CH2KH;AG1KC;EACE;EJwBF;EACA;EACA;EACA;EIzBE;EACA;EACA;CH+KH;AG9KG;EACE;CHgLL;AG/KG;EAEE;CHgLL;AG7KC;EACE;EAAA;EACA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;CH+KH;AG9KC;EACE;CHgLH;AG/KC;EACE;UAAA;CHiLH;AGhLC;EACE;EJFF;EACA;EACA;EACA;EICE;EACA;EACA;CHqLH;AGpLG;EACE;CHsLL;AGrLG;EACE;CHuLL;AGpLC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CHsLH;AGrLC;EACE;EACA;EACA;CHuLH;AGtLC;EACE;EACA;EACA;CHwLH;AI1RD;EACE;EACA;EACA;EACA;EAAA;EACA;UAAA;EACA;CJ4RD;AI3RC;EACE;EACA;EACA;EACA;CJ6RH;AI5RC;EACE;EACA;EACA;UAAA;EACA;EACA;EACA;EACA;CJ8RH;AI7RC;EACE;CJ+RH;AI9RC;EL+CA;EACA;EACA;EACA;EKhDE;EACA;EACA;EACA;CJmSH;AIjSD;EACE;EACA;EACA;EACA;CJmSD;AIlSC;EACE;EACA;EACA;CJoSH;AInSC;EACE;EAAA;EACA;UAAA;CJqSH;AIpSC;EACE;EACA;EACA;UAAA;EACA;EACA;EACA;CJsSH;AIrSC;EACE;CJuSH;AItSC;ELmBA;EACA;EACA;EACA;EKpBE;EACA;EACA;EACA;CJ2SH;AIzSD;EACE;EACA;EACA;EACA;EAAA;EACA;UAAA;EACA;CJ2SD;AI1SC;EACE;EACA;EACA;EACA;CJ4SH;AI3SC;EACE;EACA;EACA;UAAA;EACA;EACA;EACA;EACA;CJ6SH;AI5SC;EACE;CJ8SH;AI7SC;ELVA;EACA;EACA;EACA;EKSE;EACA;EACA;EACA;CJkTH;AIjTC;ELhBA;EACA;EACA;EACA;EKeE;EACA;EACA;EACA;CJsTH;AIpTD;EACE;EACA;EACA;EACA;CJsTD;AIrTC;EACE;EACA;EACA;CJuTH;AItTC;EACE;EAAA;EACA;EACA;UAAA;EACA;CJwTH;AIvTC;EACE;EACA;EACA;UAAA;CJyTH;AIxTC;EACE;CJ0TH;AIzTC;EL3CA;EACA;EACA;EACA;EK0CE;EACA;EACA;EACA;CJ8TH;AI7TC;ELjDA;EACA;EACA;EACA;EKgDE;EACA;EACA;EACA;CJkUH;AIhUD;EACE;EACA;EACA;CJkUD;AIjUC;EACE;EAAA;EACA;UAAA;EACA;UAAA;EACA;EACA;CJmUH;AIlUC;EACE;CJoUH;AInUC;EACE;CJqUH;AIpUC;EACE;EACA;EACA;CJsUH;AIpUD;EACE;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;EACA;UAAA;EACA;CJsUD;AIrUC;EACE;EACA;EACA;EACA;CJuUH;AItUC;EACE;EACA;UAAA;EACA;CJwUH;AIvUC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CJyUH;AIxUG;;EACE;EACA;CJ2UL;AI1UC;;;;EACE;EACA;EACA;EACA;CJ+UH;AI9UC;EL9GA;EACA;EACA;EACA;EK6GE;UAAA;CJmVH;AIlVC;ELjHA;EACA;EACA;EACA;CCscD;AItVC;ELnHA;EACA;EACA;EACA;CC4cD;AI1VC;ELrHA;EACA;EACA;EACA;CCkdD;AK1hBD;EACE;EACA;EACA;EACA;EAAA;EACA;UAAA;EACA;CL4hBD;AK3hBC;EACE;EAAA;EACA;UAAA;EACA;EACA;EACA;CL6hBH;AK5hBC;EACE;ENuDF;EACA;EACA;EACA;EMxDE;EACA;CLiiBH;AKhiBC;EACE;EACA;EACA;EACA;EACA;UAAA;CLkiBH;AKjiBC;EACE;EACA;EACA;EN0CF;EACA;EACA;EACA;CC0fD;AKriBC;EACE;EACA;CLuiBH;AKtiBC;EACE;CLwiBH;AKviBC;ENmCA;EACA;EACA;EACA;CCugBD;AK1iBD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CL4iBD;AMxlBD;EACE;EACA;EACA;EACA;EAAA;EACA;EACA;EACA;EACA;CN0lBD;AMzlBC;EACE;EACA;EACA;EACA;EAIA;EAAA;EACA;UAAA;CNwlBH;AM3lBK;;EACE;CN8lBP;AM/lBK;;EACE;CNkmBP;AMnmBK;;EACE;CNsmBP;AMvmBK;;EACE;CN0mBP;AMvmBC;EACE;EAAA;EACA;UAAA;EACA;EACA;EACA;CNymBH;AMxmBC;EACE;EACA;CN0mBH;AMzmBC;EACE;EACA;EACA;EACA;CN2mBH;AM1mBC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;MAAA;UAAA;CN4mBH;AM3mBC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;MAAA;UAAA;CN6mBH;AM5mBC;EACE;CN8mBH;AM7mBC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CN+mBH;AO/qBD;EACE;EACA;EACA;EACA;EACA;CPirBD;AOhrBC;ER+DA;EACA;EACA;EACA;EQhEE;EACA;EACA;EACA;CPqrBH;AOprBC;EACE;EACA;EACA;CPsrBH;AOrrBC;EACE;EACA;EACA;CPurBH;AQ1sBD;EACE;EACA;EACA;EACA;EACA;EACA;CR4sBD;AQ3sBC;EACE;EACA;EACA;EACA;EACA;EACA;CR6sBH;AQ5sBC;EACE;EAAA;EACA;UAAA;EACA;EACA;EACA;EACA;CR8sBH;AQ7sBC;EACE;CR+sBH;AQ9sBC;EACE;KAAA;MAAA;UAAA;EACA;EAAA;EACA;EACA;EACA;CRgtBH;AQ/sBC;EACE;EACA;EACA;EACA;CRitBH;AQhtBC;EACE;EACA;EACA;EAAA;EAAA;EAAA;CRktBH;AQjtBC;EACE;EACA;EACA;EACA;EACA;EACA;CRmtBH;AQltBC;EACE;EACA;CRotBH;AQntBC;EACE;CRqtBH;AACD","file":"bmui.css","sourcesContent":["$PREFIX = 'bmui'\n\n$normalize_lh = 1.15\n\n// UI组命名空间\nangelkit_brandcolor_1 = #1fb8ff\nangelkit_brandcolor_2 = #ff6c47\nangelkit_brandcolor_3 = #ffca23\nangelkit_brandcolor_4 = #0dd66f\n\nangelkit_subcolor_1 = #0a85cc\nangelkit_subcolor_2 = #d7d7d7\n\nangelkit_linecolor_1 = #e5e5e5\nangelkit_linecolor_2 = #ebebeb\n\nangelkit_bgcolor_1 = #f2f2f2\nangelkit_bgcolor_2 = #f8f8f8\n\nangelkit_textcolor_1 = #333\nangelkit_textcolor_2 = #666\nangelkit_textcolor_3 = #999\n\nangelkit_fontsize_1 = 20px\nangelkit_fontsize_2 = 17px\nangelkit_fontsize_3 = 15px\nangelkit_fontsize_4 = 14px\nangelkit_fontsize_5 = 12px\nangelkit_fontsize_6 = 11px\n\nangelkit_gap_1 = 12px\nangelkit_gap_2 = 8px\nangelkit_gap_3 = 4px\n\n// web组命名空间\n$color_main1 = angelkit_brandcolor_1\n$color_main2 = angelkit_brandcolor_2\n$color_main3 = angelkit_brandcolor_3\n$color_main4 = angelkit_brandcolor_4\n\n$color_sub1 = angelkit_subcolor_1\n$color_sub2 = angelkit_subcolor_2\n\n$color_b1 = angelkit_linecolor_1\n$color_b2 = angelkit_linecolor_2\n\n$color_bg1 = angelkit_bgcolor_1\n$color_bg2 = angelkit_bgcolor_2\n\n$color_t1 = angelkit_textcolor_1\n$color_t2 = angelkit_textcolor_2\n$color_t3 = angelkit_textcolor_3\n\n$size1 = angelkit_fontsize_1\n$size2 = angelkit_fontsize_2\n$size3 = angelkit_fontsize_3\n$size4 = angelkit_fontsize_4\n$size5 = angelkit_fontsize_5\n$size6 = angelkit_fontsize_6\n\n$offset1 = angelkit_gap_1\n$offset2 = angelkit_gap_2\n$offset3 = angelkit_gap_3\n\n// 全局方法\n$get_asset(path, ext = '.png')\n return '\\~src/assets/' + path + ext\n\n$icon(path, ext = '.png')\n display: inline-block\n vertical-align: middle\n background: convert('url(' + $get_asset(path, ext) + ')') center no-repeat\n background-size: contain\n\n$reset()\n margin: 0\n padding: 0\n\n$reset_ctrl()\n $reset()\n font-size: inherit\n font-weight: inherit\n color: inherit\n border: none\n line-height: inherit\n background-color: transparent\n appearance: none\n textarea&\n width: 100%\n &::placeholder\n color: $color_t3\n\n$reset_ul()\n $reset()\n list-style: none\n\n// 全局Reset\n[class|=\"bmui\"]\n margin: 0\n padding: 0\n font-style: inherit\n font-size: inherit\n font-weight: inherit\n color: inherit\n line-height: inherit\n &, &:before, &:after\n box-sizing: border-box\n ul&, li&\n list-style: none\n input&, textarea&, button&\n appearance: none\n border: none\n background-color: transparent\n &::placeholder\n color: $color_t3\n textarea&\n display: block\n width: 100%\n","[class|=\"bmui\"] {\n margin: 0;\n padding: 0;\n font-style: inherit;\n font-size: inherit;\n font-weight: inherit;\n color: inherit;\n line-height: inherit;\n}\n[class|=\"bmui\"],\n[class|=\"bmui\"]:before,\n[class|=\"bmui\"]:after {\n box-sizing: border-box;\n}\nul[class|=\"bmui\"],\nli[class|=\"bmui\"] {\n list-style: none;\n}\ninput[class|=\"bmui\"],\ntextarea[class|=\"bmui\"],\nbutton[class|=\"bmui\"] {\n appearance: none;\n border: none;\n background-color: transparent;\n}\ninput[class|=\"bmui\"]::placeholder,\ntextarea[class|=\"bmui\"]::placeholder,\nbutton[class|=\"bmui\"]::placeholder {\n color: #999;\n}\ntextarea[class|=\"bmui\"] {\n display: block;\n width: 100%;\n}\n@-moz-keyframes bmui-field-rotate {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(359deg);\n }\n}\n@-webkit-keyframes bmui-field-rotate {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(359deg);\n }\n}\n@-o-keyframes bmui-field-rotate {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(359deg);\n }\n}\n@keyframes bmui-field-rotate {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(359deg);\n }\n}\n.bmui-cell_arrow1 {\n min-height: 50px;\n background-color: #fff;\n border-bottom: 1px solid #e5e5e5;\n display: flex;\n align-items: center;\n padding: 12px;\n}\n.bmui-cell_arrow1-title {\n flex-shrink: 0;\n color: #666;\n font-size: 11px;\n margin-right: 12px;\n}\n.bmui-cell_arrow1-content {\n color: #333;\n font-size: 14px;\n flex-grow: 1;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-align: right;\n}\n.bmui-cell_arrow1-icon {\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/component_arrow_right@3x.png\") center no-repeat;\n background-size: contain;\n width: 30px;\n height: 30px;\n flex-shrink: 0;\n margin: 0 -4px 0 8px;\n}\n.bmui-cell_arrow2 {\n min-height: 50px;\n background-color: #fff;\n border-bottom: 1px solid #e5e5e5;\n display: flex;\n align-items: center;\n padding: 12px;\n}\n.bmui-cell_arrow2-title {\n color: #333;\n font-size: 14px;\n flex-grow: 1;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.bmui-cell_arrow2-icon {\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/component_arrow_right@3x.png\") center no-repeat;\n background-size: contain;\n width: 30px;\n height: 30px;\n flex-shrink: 0;\n margin: 0 -4px 0 8px;\n}\n.bmui-cell_text {\n min-height: 50px;\n background-color: #fff;\n border-bottom: 1px solid #e5e5e5;\n display: flex;\n align-items: center;\n padding: 12px;\n}\n.bmui-cell_text-title {\n flex-shrink: 0;\n color: #666;\n font-size: 11px;\n margin-right: 12px;\n}\n.bmui-cell_text-content {\n color: #333;\n font-size: 14px;\n flex-grow: 1;\n text-align: right;\n}\n.bmui-cell_paragraph {\n min-height: 50px;\n background-color: #fff;\n border-bottom: 1px solid #e5e5e5;\n padding: 12px;\n}\n.bmui-cell_paragraph-title {\n color: #666;\n font-size: 11px;\n margin-bottom: 8px;\n}\n.bmui-cell_paragraph-content {\n color: #333;\n font-size: 14px;\n}\n.bmui-radio {\n min-height: 50px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background-color: #fff;\n border-bottom: 1px solid #e5e5e5;\n padding: 12px;\n}\n.bmui-radio-title {\n flex-shrink: 0;\n color: #666;\n font-size: 11px;\n margin-right: 12px;\n}\n.bmui-radio-ctrls {\n text-align: right;\n margin: 0 -8px;\n}\n.bmui-radio-ctrl {\n display: inline-block;\n color: #333;\n font-size: 14px;\n margin: 0 8px;\n}\n.bmui-radio-input {\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/radio_normal.svg\") center no-repeat;\n background-size: contain;\n width: 30px;\n height: 30px;\n}\n.bmui-radio-input:checked {\n background-image: url(\"~src/assets/radio_selected.svg\");\n}\n.bmui-radio-input:disabled {\n background-image: url(\"~src/assets/radio_disable@3x.png\");\n}\n.bmui-radio-disabled {\n color: #999;\n}\n.bmui-radio_list-item {\n display: flex;\n align-items: center;\n min-height: 50px;\n border-bottom: 1px solid #e5e5e5;\n background-color: #fff;\n padding: 12px;\n font-size: 14px;\n color: #333;\n}\n.bmui-radio_list-disabled {\n color: #999;\n}\n.bmui-radio_list-input {\n flex-shrink: 0;\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/radio_normal.svg\") center no-repeat;\n background-size: contain;\n width: 30px;\n height: 30px;\n margin: 0 8px 0 -4px;\n}\n.bmui-radio_list-input:checked {\n background-image: url(\"~src/assets/radio_selected.svg\");\n}\n.bmui-radio_list-input:disabled {\n background-image: url(\"~src/assets/radio_disable@3x.png\");\n}\n.bmui-check_list-item {\n display: flex;\n align-items: center;\n min-height: 50px;\n border-bottom: 1px solid #e5e5e5;\n background-color: #fff;\n padding: 12px;\n font-size: 14px;\n color: #333;\n}\n.bmui-check_list-disabled {\n color: #999;\n}\n.bmui-check_list-text {\n flex-grow: 1;\n}\n.bmui-check_list-input {\n flex-shrink: 0;\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/checkbox_normal.svg\") center no-repeat;\n background-size: contain;\n width: 30px;\n height: 30px;\n margin: 0 8px 0 -4px;\n}\n.bmui-check_list-input:checked {\n background-image: url(\"~src/assets/checkbox_selected.svg\");\n}\n.bmui-check_list-input:disabled {\n background-image: url(\"~src/assets/checkbox_disable@3x.png\");\n}\n.bmui-selector[class|=bmui] {\n display: inline-block;\n border: 1px solid #d7d7d7;\n background-color: #fff;\n font-size: 12px;\n color: #666;\n min-height: 30px;\n padding: 4px 8px;\n border-radius: 2px;\n}\n.bmui-selector-checked[class|=bmui] {\n color: #fff;\n border-color: #ff6c47;\n background-color: #ff6c47;\n}\n.bmui-selector-disabled[class|=bmui] {\n color: #999;\n border-color: #ebebeb;\n background-color: #f8f8f8;\n}\n.bmui-field_arrow1 {\n min-height: 50px;\n background-color: #fff;\n border-bottom: 1px solid #e5e5e5;\n display: flex;\n align-items: center;\n padding: 10px 12px;\n}\n.bmui-field_arrow1-title {\n flex-shrink: 0;\n color: #666;\n font-size: 11px;\n margin-right: 12px;\n}\n.bmui-field_arrow1-content {\n color: #333;\n font-size: 14px;\n flex-grow: 1;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-align: right;\n}\n.bmui-field_arrow1-empty {\n color: #999;\n}\n.bmui-field_arrow1-icon {\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/component_arrow_right@3x.png\") center no-repeat;\n background-size: contain;\n width: 30px;\n height: 30px;\n flex-shrink: 0;\n margin: 0 -4px 0 8px;\n}\n.bmui-field_arrow2 {\n min-height: 70px;\n background-color: #fff;\n border-bottom: 1px solid #e5e5e5;\n padding: 10px 12px;\n}\n.bmui-field_arrow2-title {\n color: #666;\n font-size: 11px;\n margin-bottom: 4px;\n}\n.bmui-field_arrow2-wrap {\n display: flex;\n align-items: center;\n}\n.bmui-field_arrow2-content {\n color: #333;\n font-size: 14px;\n flex-grow: 1;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.bmui-field_arrow2-empty {\n color: #999;\n}\n.bmui-field_arrow2-icon {\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/component_arrow_right@3x.png\") center no-repeat;\n background-size: contain;\n width: 30px;\n height: 30px;\n flex-shrink: 0;\n margin: 0 -4px 0 8px;\n}\n.bmui-field_text1 {\n min-height: 50px;\n background-color: #fff;\n border-bottom: 1px solid #e5e5e5;\n display: flex;\n align-items: center;\n padding: 5px 12px;\n}\n.bmui-field_text1-title {\n flex-shrink: 0;\n color: #666;\n font-size: 11px;\n margin-right: 12px;\n}\n.bmui-field_text1-input {\n color: #333;\n font-size: 14px;\n flex-grow: 1;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-align: right;\n}\n.bmui-field_text1-empty {\n color: #999;\n}\n.bmui-field_text1-del {\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/delete@3x.png\") center no-repeat;\n background-size: contain;\n flex-shrink: 0;\n margin: 0 -4px 0 8px;\n width: 30px;\n height: 30px;\n}\n.bmui-field_text1-arrow {\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/component_arrow_right@3x.png\") center no-repeat;\n background-size: contain;\n width: 30px;\n height: 30px;\n flex-shrink: 0;\n margin: 0 -4px 0 8px;\n}\n.bmui-field_text2 {\n min-height: 70px;\n background-color: #fff;\n border-bottom: 1px solid #e5e5e5;\n padding: 12px;\n}\n.bmui-field_text2-title {\n color: #666;\n font-size: 11px;\n margin-bottom: 4px;\n}\n.bmui-field_text2-wrap {\n display: flex;\n min-height: 30px;\n align-items: center;\n margin-bottom: -4px;\n}\n.bmui-field_text2-input {\n color: #333;\n font-size: 14px;\n flex-grow: 1;\n}\n.bmui-field_text2-empty {\n color: #999;\n}\n.bmui-field_text2-del {\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/delete@3x.png\") center no-repeat;\n background-size: contain;\n flex-shrink: 0;\n margin: 0 -4px 0 8px;\n width: 30px;\n height: 30px;\n}\n.bmui-field_text2-arrow {\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/component_arrow_right@3x.png\") center no-repeat;\n background-size: contain;\n width: 30px;\n height: 30px;\n flex-shrink: 0;\n margin: 0 -4px 0 8px;\n}\n.bmui-field_paragraph {\n background-color: #fff;\n border-bottom: 1px solid #e5e5e5;\n padding: 12px;\n}\n.bmui-field_paragraph-wrap {\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 11px;\n margin-bottom: 8px;\n}\n.bmui-field_paragraph-title {\n color: #666;\n}\n.bmui-field_paragraph-count {\n color: #ff6c47;\n}\n.bmui-field_paragraph-input {\n height: 80px;\n font-size: 14px;\n color: #333;\n}\n.bmui-field_btn {\n background-color: #fff;\n border-bottom: 1px solid #e5e5e5;\n min-height: 50px;\n font-size: 14px;\n color: #333;\n display: flex;\n width: 100%;\n align-items: center;\n padding: 12px;\n}\n.bmui-field_btn-title {\n font-size: 11px;\n color: #666;\n flex-shrink: 0;\n margin-right: 12px;\n}\n.bmui-field_btn-content {\n text-align: right;\n flex-grow: 1;\n min-height: 30px;\n}\n.bmui-field_btn-btn[class|=bmui] {\n flex-shrink: 0;\n align-self: stretch;\n font-size: 12px;\n color: #1fb8ff;\n border-left: 1px solid #1fb8ff;\n padding: 0 8px;\n margin: 0 -12px 0 8px;\n}\n.bmui-field_btn-btn[class|=bmui]:disabled,\n.bmui-field_btn-btn[class|=bmui]-disabled {\n color: #999;\n border-left-color: #999;\n}\n.bmui-field_btn-status-loading,\n.bmui-field_btn-status-success,\n.bmui-field_btn-status-warning,\n.bmui-field_btn-status-fail {\n flex-shrink: 0;\n width: 30px;\n height: 30px;\n margin-left: 8px;\n}\n.bmui-field_btn-status-loading {\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/component_status_snake.svg\") center no-repeat;\n background-size: contain;\n animation: bmui-field-rotate 1s infinite linear;\n}\n.bmui-field_btn-status-success {\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/component_status_success.svg\") center no-repeat;\n background-size: contain;\n}\n.bmui-field_btn-status-warning {\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/component_status_warning.svg\") center no-repeat;\n background-size: contain;\n}\n.bmui-field_btn-status-fail {\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/component_status_fail.svg\") center no-repeat;\n background-size: contain;\n}\n.bmui-searchbox {\n background: #fff;\n font-size: 14px;\n color: #333;\n display: flex;\n align-items: center;\n padding: 3px 12px;\n}\n.bmui-searchbox-wrap {\n display: flex;\n align-items: center;\n width: 100%;\n min-height: 40px;\n border-bottom: 1px solid #999;\n}\n.bmui-searchbox-icon {\n flex-shrink: 0;\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/search_gray.svg\") center no-repeat;\n background-size: contain;\n width: 30px;\n height: 30px;\n}\n.bmui-searchbox-content {\n display: block;\n width: auto;\n min-width: 0;\n flex-shrink: 1;\n flex-grow: 1;\n}\n.bmui-searchbox-del {\n flex-shrink: 0;\n width: 30px;\n height: 30px;\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/component_textfield_delete@3x.png\") center no-repeat;\n background-size: contain;\n}\n.bmui-searchbox-submit {\n flex-shrink: 0;\n color: #1fb8ff;\n}\n.bmui-searchbox-active .bmui-searchbox-wrap {\n border-bottom-color: #1fb8ff;\n}\n.bmui-searchbox-active .bmui-searchbox-icon {\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/search_blue.svg\") center no-repeat;\n background-size: contain;\n}\n.bmui-searchbox_empty {\n color: #999;\n font-size: 14px;\n text-align: center;\n background: url(\"~src/assets/empty@3x.png\") top no-repeat;\n background-size: 120px;\n padding-top: 128px;\n margin-top: 44px;\n}\n.bmui-segment {\n color: #a3e2ff;\n font-size: 15px;\n min-height: 34px;\n display: flex;\n overflow: hidden;\n overflow-x: auto;\n background-color: #1fb8ff;\n box-shadow: 0 2px 4px rgba(0,0,0,0.5);\n}\n.bmui-segment-item {\n flex-shrink: 0;\n min-width: 25%;\n width: 25%;\n max-width: 100%;\n display: flex;\n justify-content: center;\n}\n.bmui-segment-item:first-child:nth-last-child(1),\n.bmui-segment-item:first-child:nth-last-child(1) ~ .bmui-segment-item {\n width: 100%;\n}\n.bmui-segment-item:first-child:nth-last-child(2),\n.bmui-segment-item:first-child:nth-last-child(2) ~ .bmui-segment-item {\n width: 50%;\n}\n.bmui-segment-item:first-child:nth-last-child(3),\n.bmui-segment-item:first-child:nth-last-child(3) ~ .bmui-segment-item {\n width: 33.333333333333336%;\n}\n.bmui-segment-item:first-child:nth-last-child(4),\n.bmui-segment-item:first-child:nth-last-child(4) ~ .bmui-segment-item {\n width: 25%;\n}\n.bmui-segment-box {\n display: flex;\n align-items: center;\n position: relative;\n padding: 0 10px;\n max-width: 100%;\n}\n.bmui-segment-box2 {\n position: relative;\n width: 100%;\n}\n.bmui-segment-text {\n white-space: nowrap;\n width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.bmui-segment-single-mark {\n font-size: 10px;\n color: #fff;\n background-color: #ff6c47;\n position: absolute;\n top: 0;\n right: -8px;\n padding: 2px 5px;\n border-radius: 6px/50%;\n border-radius: calc(1ch + 3px)/50%;\n transform: translate(50%, -40%);\n}\n.bmui-segment-mark {\n font-size: 10px;\n color: #fff;\n background-color: #ff6c47;\n position: absolute;\n top: 0;\n right: -8px;\n padding: 2px 3px;\n border-radius: 6px/50%;\n border-radius: calc(1ch + 3px)/50%;\n transform: translate(50%, -40%);\n}\n.bmui-segment-active {\n color: #fff;\n}\n.bmui-segment-active .bmui-segment-box:after {\n content: \"\";\n position: absolute;\n bottom: 2px;\n left: 10px;\n right: 10px;\n height: 2px;\n background-color: #fff;\n}\n.bmui-empty {\n text-align: center;\n position: absolute;\n left: 0;\n top: 20%;\n width: 100%;\n}\n.bmui-empty-img {\n display: inline-block;\n vertical-align: middle;\n background: url(\"~src/assets/empty_page.png\") center no-repeat;\n background-size: contain;\n display: block;\n width: 175px;\n height: 115px;\n margin: 0 auto;\n}\n.bmui-empty-text {\n margin-top: 15px;\n font-size: 15px;\n color: #999;\n}\n.bmui-empty-btn {\n margin-top: 10px;\n font-size: 14px;\n color: #1fb8ff;\n}\n.bmui-picker {\n background: #fff;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n box-shadow: 0 -2px 6px rgba(0,0,0,0.3);\n}\n.bmui-picker-shade {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.bmui-picker-head {\n display: flex;\n justify-content: space-between;\n height: 44px;\n font-size: 14px;\n color: #0a85cc;\n border-bottom: 1px solid #e5e5e5;\n}\n.bmui-picker-btn {\n width: 96px;\n}\n.bmui-picker-content {\n user-select: none;\n display: flex;\n height: 150px;\n overflow: hidden;\n text-align: center;\n}\n.bmui-picker-list {\n width: 100%;\n overflow: hidden;\n flex-shrink: 1;\n position: relative;\n}\n.bmui-picker-wrap {\n position: relative;\n top: 45%;\n transition: transform 0.2s ease-out;\n}\n.bmui-picker-item {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 0 2px;\n color: #999;\n font-size: 14px;\n}\n.bmui-picker-active {\n font-size: 17px;\n color: #333;\n}\n.bmui-picker-colon {\n width: 25px;\n}\n/*# sourceMappingURL=src/bmui.css.map */","@keyframes bmui-field-rotate\n from\n transform: rotate(0)\n to\n transform: rotate(359deg)",".{$PREFIX}-cell\n &_arrow1\n min-height: 50px\n background-color: #fff\n border-bottom: 1px solid $color_b1\n display: flex\n align-items: center\n padding: 12px\n &-title\n flex-shrink: 0\n color: $color_t2\n font-size: $size6\n margin-right:12px\n &-content\n color: $color_t1\n font-size: $size4\n flex-grow: 1\n overflow: hidden\n white-space: nowrap\n text-overflow: ellipsis\n text-align: right\n &-icon\n $icon(\"component_arrow_right@3x\")\n width: 30px\n height: 30px\n flex-shrink: 0\n margin: 0 -4px 0 8px\n\n &_arrow2\n min-height: 50px\n background-color: #fff\n border-bottom: 1px solid $color_b1\n display: flex\n align-items: center\n padding: 12px\n &-title\n color: $color_t1\n font-size: $size4\n flex-grow: 1\n overflow: hidden\n white-space: nowrap\n text-overflow: ellipsis\n &-icon\n $icon(\"component_arrow_right@3x\")\n width: 30px\n height: 30px\n flex-shrink: 0\n margin: 0 -4px 0 8px\n\n &_text\n min-height: 50px\n background-color: #fff\n border-bottom: 1px solid $color_b1\n display: flex\n align-items: center\n padding: 12px\n &-title\n flex-shrink: 0\n color: $color_t2\n font-size: $size6\n margin-right: 12px\n &-content\n color: $color_t1\n font-size: $size4\n flex-grow: 1\n text-align: right\n\n &_paragraph\n min-height: 50px\n background-color: #fff\n border-bottom: 1px solid $color_b1\n padding: 12px\n &-title\n color: $color_t2\n font-size: $size6\n margin-bottom: 8px\n &-content\n color: $color_t1\n font-size: $size4\n",".{$PREFIX}-radio\n min-height: 50px\n display: flex\n justify-content: space-between\n align-items: center\n background-color: #fff\n border-bottom: 1px solid $color_b1\n padding: 12px\n &-title\n flex-shrink: 0\n color: $color_t2\n font-size: $size6\n margin-right: 12px\n &-ctrls\n text-align: right\n margin: 0 -8px\n &-ctrl\n display: inline-block\n color: $color_t1\n font-size: $size4\n margin: 0 8px\n &-input\n $icon('radio_normal', '.svg')\n width: 30px\n height: 30px\n &:checked\n background-image: convert('url(' + $get_asset('radio_selected', '.svg') + ')')\n &:disabled\n background-image: convert('url(' + $get_asset('radio_disable@3x', '.png') + ')')\n &-disabled\n color: $color_t3\n\n.{$PREFIX}-radio_list\n &-item\n display: flex\n align-items: center\n min-height: 50px\n border-bottom: 1px solid $color_b1\n background-color: #fff\n padding: 12px\n font-size: $size4\n color: $color_t1\n &-disabled\n color: $color_t3\n &-input\n flex-shrink: 0\n $icon('radio_normal', '.svg')\n width: 30px\n height: 30px\n margin: 0 8px 0 -4px\n &:checked\n background-image: convert('url(' + $get_asset('radio_selected', '.svg') + ')')\n &:disabled\n // background-image: convert('url(' + $get_asset('radio_disable', '.svg') + ')')\n background-image: convert('url(' + $get_asset('radio_disable@3x', '.png') + ')')\n\n.{$PREFIX}-check_list\n &-item\n display: flex\n align-items: center\n min-height: 50px\n border-bottom: 1px solid $color_b1\n background-color: #fff\n padding: 12px\n font-size: $size4\n color: $color_t1\n &-disabled\n color: $color_t3\n &-text\n flex-grow: 1\n &-input\n flex-shrink: 0\n $icon('checkbox_normal', '.svg')\n width: 30px\n height: 30px\n margin: 0 8px 0 -4px\n &:checked\n background-image: convert('url(' + $get_asset('checkbox_selected', '.svg') + ')')\n &:disabled\n background-image: convert('url(' + $get_asset('checkbox_disable@3x', '.png') + ')')\n\n.{$PREFIX}-selector\n &[class|=bmui]\n display: inline-block\n border: 1px solid $color_sub2\n background-color: #fff\n font-size: 12px\n color: $color_t2\n min-height: 30px\n padding: 4px 8px\n border-radius: 2px\n &-checked[class|=bmui]\n color: #fff\n border-color: $color_main2\n background-color: $color_main2\n &-disabled[class|=bmui]\n color: $color_t3\n border-color: $color_b2\n background-color: $color_bg2",".{$PREFIX}-field_arrow1\n min-height: 50px\n background-color: #fff\n border-bottom: 1px solid $color_b1\n display: flex\n align-items: center\n padding: 10px 12px\n &-title\n flex-shrink: 0\n color: $color_t2\n font-size: $size6\n margin-right: 12px\n &-content\n color: $color_t1\n font-size: $size4\n flex-grow: 1\n overflow: hidden\n white-space: nowrap\n text-overflow: ellipsis\n text-align: right\n &-empty\n color: $color_t3\n &-icon\n $icon(\"component_arrow_right@3x\")\n width: 30px\n height: 30px\n flex-shrink: 0\n margin: 0 -4px 0 8px\n\n.{$PREFIX}-field_arrow2\n min-height: 70px\n background-color: #fff\n border-bottom: 1px solid $color_b1\n padding: 10px 12px\n &-title\n color: $color_t2\n font-size: $size6\n margin-bottom: 4px\n &-wrap\n display: flex\n align-items: center\n &-content\n color: $color_t1\n font-size: $size4\n flex-grow: 1\n overflow: hidden\n white-space: nowrap\n text-overflow: ellipsis\n &-empty\n color: $color_t3\n &-icon\n $icon(\"component_arrow_right@3x\")\n width: 30px\n height: 30px\n flex-shrink: 0\n margin: 0 -4px 0 8px\n\n.{$PREFIX}-field_text1\n min-height: 50px\n background-color: #fff\n border-bottom: 1px solid $color_b1\n display: flex\n align-items: center\n padding: 5px 12px\n &-title\n flex-shrink: 0\n color: $color_t2\n font-size: $size6\n margin-right: 12px\n &-input\n color: $color_t1\n font-size: $size4\n flex-grow: 1\n overflow: hidden\n white-space: nowrap\n text-overflow: ellipsis\n text-align: right\n &-empty\n color: $color_t3\n &-del\n $icon(\"delete@3x\")\n flex-shrink: 0\n margin: 0 -4px 0 8px\n width: 30px\n height: 30px\n &-arrow\n $icon(\"component_arrow_right@3x\")\n width: 30px\n height: 30px\n flex-shrink: 0\n margin: 0 -4px 0 8px\n\n.{$PREFIX}-field_text2\n min-height: 70px\n background-color: #fff\n border-bottom: 1px solid $color_b1\n padding: 12px\n &-title\n color: $color_t2\n font-size: $size6\n margin-bottom: 4px\n &-wrap\n display: flex\n min-height: 30px\n align-items: center\n margin-bottom: -4px\n &-input\n color: $color_t1\n font-size: $size4\n flex-grow: 1\n &-empty\n color: $color_t3\n &-del\n $icon(\"delete@3x\")\n flex-shrink: 0\n margin: 0 -4px 0 8px\n width: 30px\n height: 30px\n &-arrow\n $icon(\"component_arrow_right@3x\")\n width: 30px\n height: 30px\n flex-shrink: 0\n margin: 0 -4px 0 8px\n\n.{$PREFIX}-field_paragraph\n background-color: #fff\n border-bottom: 1px solid $color_b1\n padding: 12px\n &-wrap\n display: flex\n align-items: center\n justify-content: space-between\n font-size: $size6\n margin-bottom: 8px\n &-title\n color: $color_t2\n &-count\n color: $color_main2\n &-input\n height: 80px\n font-size: $size4\n color: $color_t1\n\n.{$PREFIX}-field_btn\n background-color: #fff\n border-bottom: 1px solid $color_b1\n min-height: 50px\n font-size: $size4\n color: $color_t1\n display: flex\n width: 100%\n align-items: center\n padding: 12px\n &-title\n font-size: $size6\n color: $color_t2\n flex-shrink: 0\n margin-right: 12px\n &-content\n text-align: right\n flex-grow: 1\n min-height: 30px\n &-btn[class|=bmui]\n flex-shrink: 0\n align-self: stretch\n font-size: 12px\n color: $color_main1\n border-left: 1px solid $color_main1\n padding: 0 8px\n margin: 0 -12px 0 8px\n &:disabled, &-disabled\n color: $color_t3\n border-left-color: $color_t3\n &-status-loading, &-status-success, &-status-warning, &-status-fail\n flex-shrink: 0\n width: 30px\n height: 30px\n margin-left: 8px\n &-status-loading\n $icon('component_status_snake', '.svg')\n animation: convert($PREFIX + '-field-rotate') 1s infinite linear\n &-status-success\n $icon('component_status_success', '.svg')\n &-status-warning\n $icon('component_status_warning', '.svg')\n &-status-fail\n $icon('component_status_fail', '.svg')\n",".{$PREFIX}-searchbox\n background: #fff\n font-size: $size4\n color: $color_t1\n display: flex\n align-items: center\n padding: 3px 12px\n &-wrap\n display: flex\n align-items: center\n width: 100%\n min-height: 40px\n border-bottom: 1px solid $color_t3\n &-icon\n flex-shrink: 0\n $icon('search_gray', '.svg')\n width: 30px\n height: 30px\n &-content\n display: block\n width: auto\n min-width: 0\n flex-shrink: 1\n flex-grow: 1\n &-del\n flex-shrink: 0\n width: 30px\n height: 30px\n $icon('component_textfield_delete@3x')\n &-submit\n flex-shrink: 0\n color: $color_main1\n &-active &-wrap\n border-bottom-color: $color_main1\n &-active &-icon\n $icon('search_blue', '.svg')\n\n.{$PREFIX}-searchbox_empty\n color: $color_t3\n font-size: $size4\n text-align: center\n background: convert('url(' + $get_asset('empty@3x') + ')') top no-repeat;\n background-size: 120px\n padding-top: 128px\n margin-top: 44px",".{$PREFIX}-segment\n color: #a3e2ff\n font-size: $size3\n min-height: 34px\n display: flex\n overflow: hidden\n overflow-x: auto\n background-color: $color_main1\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)\n &-item\n flex-shrink: 0\n min-width: 25%\n width: 25%\n max-width: 100%\n for i in 1..4\n &:first-child:nth-last-child({i}), &:first-child:nth-last-child({i}) ~ &\n width: unit(100% / i, '%')\n display: flex\n justify-content: center\n &-box\n display: flex\n align-items: center\n position: relative\n padding: 0 10px\n max-width: 100%\n &-box2\n position: relative\n width: 100%\n &-text\n white-space: nowrap\n width: 100%\n text-overflow: ellipsis\n overflow: hidden\n &-single-mark\n font-size: 10px\n color: #fff\n background-color: $color_main2\n position: absolute\n top: 0\n right: -8px\n padding: 2px 5px\n border-radius: 6px / 50%\n border-radius: calc(1ch + 3px) / 50%\n transform: translate(50%, -40%)\n &-mark\n font-size: 10px\n color: #fff\n background-color: $color_main2\n position: absolute\n top: 0\n right: -8px\n padding: 2px 3px\n border-radius: 6px / 50%\n border-radius: calc(1ch + 3px) / 50%\n transform: translate(50%, -40%)\n &-active\n color: #fff\n &-active &-box:after\n content: \"\"\n position: absolute\n bottom: 2px\n left: 10px\n right: 10px\n height: 2px\n background-color: #fff\n",".{$PREFIX}-empty\n text-align: center\n position: absolute\n left: 0\n top: 20%\n width: 100%\n &-img\n $icon(\"empty_page\")\n display: block\n width: 175px\n height: 115px\n margin: 0 auto\n &-text\n margin-top: 15px\n font-size: $size3\n color: $color_t3\n &-btn\n margin-top: 10px\n font-size: $size4\n color: $color_main1\n",".{$PREFIX}-picker\n background: #fff\n position: absolute\n bottom: 0\n left: 0\n width: 100%\n box-shadow: 0 -2px 6px rgba(#000, 0.3)\n &-shade\n position: absolute\n top: 0\n left: 0\n width: 100%\n height: 100%\n overflow: hidden\n &-head\n display: flex\n justify-content: space-between\n height: 44px\n font-size: $size4\n color: $color_sub1\n border-bottom: 1px solid $color_b1\n &-btn\n width: 96px\n &-content\n user-select: none\n display: flex\n height: 150px\n overflow: hidden\n text-align: center\n &-list\n width: 100%\n overflow hidden\n flex-shrink: 1\n position: relative\n &-wrap\n position: relative\n top: 45%\n transition: transform 0.2s ease-out\n &-item\n white-space: nowrap\n overflow: hidden\n text-overflow: ellipsis\n padding: 0 2px\n color: $color_t3\n font-size: $size4\n &-active\n font-size: $size2\n color: $color_t1\n &-colon\n width: 25px"],"sourceRoot":""}