vue-ui-wl/dist/static/css/buttons.2051d600c47d042d1906b18cfd59efc8.css.map

vue component

{"version":3,"sources":["webpack:///./src/static/common.scss?34b0**********","webpack:///./src/pages/Buttons.vue","webpack:///./src/static/iconfont.scss?71a3********","webpack:///./src/components/Buttons.vue"],"names":[],"mappings":"AAAA,UACE,SACA,UACA,wBAA0B,CAE5B,UACE,MAAQ,CAEV,gBACE,WACA,cACA,SACA,gBACA,UAAY,CAEd,SACE,8CACA,mCACA,kCACA,kBACA,cACA,eAAiB,CAEnB,MACE,qBAAuB,CAEzB,OACE,4BAA8B,CAEhC,KACE,0BAA4B,CAE9B,KACE,qBAAuB,CAEzB,OACE,qBAAuB,CAEzB,QACE,kCAAoC,CCrCtC,0BACI,YAAc,CAElB,wBACI,WACA,qBAAuB,CCP3B,WACE,qBACA,uDACA,4SAG0E,CAG5E,iCAEE,+BACA,WACA,kBACA,gBACA,oBACA,oBACA,cAGA,mCACA,iCAAmC,CAGrC,kBACE,eAAiB,CAGnB,oBACE,eAAiB,CAGnB,oBACE,eAAiB,CAGnB,oBACE,eAAiB,CAGnB,mBACE,eAAiB,CAGnB,oBACE,eAAiB,CAGnB,qBACE,eAAiB,CAGnB,oBACE,eAAiB,CAGnB,oBACE,eAAiB,CAGnB,mBACE,eAAiB,CAGnB,kBACE,eAAiB,CAGnB,qBACE,eAAiB,CAGnB,yBACE,eAAiB,CAGnB,kBACE,eAAiB,CAGnB,qBACE,eAAiB,CAGnB,oBACE,eAAiB,CAGnB,gBACE,eAAiB,CAGnB,kBACE,eAAiB,CAGnB,sBACE,eAAiB,CAGnB,sBACE,eAAiB,CAGnB,kBACE,eAAiB,CAGnB,mBACE,eAAiB,CAGnB,kBACE,eAAiB,CAGnB,sBACE,eAAiB,CAGnB,qBACE,eAAiB,CCtHnB,qDAEE,qBACA,YACA,YACA,eACA,aACA,iBACA,sBACA,kBACA,WACA,eACA,yBACA,wBAA0B,CAK5B,oEAEE,WACA,yBACA,WAAa,CAIf,gEAEE,4BAA8B,CAGhC,8DAEE,cACA,YACA,qBAAwB,CAG1B,oEAEE,cACA,YACA,sBACA,kBAAoB,CAGtB,kEAEE,cACA,YACA,yBACA,UAAY,CAGd,8DAEE,cACA,YACA,sBACA,UAAY,CAGd,mIAIE,cACA,oBAAsB,CAExB,4BACE,qBAAwB,CAE1B,gFAEE,WACA,wBAA0B,CAE5B,gFAEE,WACA,qBAAuB,CAEzB,8EAEE,WACA,wBAA0B,CAE5B,0EAEE,WACA,wBAA0B,CAa5B,yBACE,kBAAoB,CAEtB,2BACE,kBAAoB,CAEtB,yBACE,qBACA,yCAAgD,CAElD,mBACA,GACI,+BACA,sBAAmC,CAEvC,GACI,gCACA,uBAAqC,CACxC","file":"static/css/buttons.2051d600c47d042d1906b18cfd59efc8.css","sourcesContent":["html, body {\n  margin: 0;\n  padding: 0;\n  background-color: #fbf9fe;\n}\n.clearfix {\n  zoom: 1;\n}\n.clearfix:after {\n  content: '';\n  display: block;\n  height: 0;\n  overflow: hidden;\n  clear: both;\n}\n.content {\n  font-family: 'Avenir', Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-align: center;\n  color: #2c3e50;\n  overflow: hidden;\n}\n.w400 {\n  width: 400px!important;\n}\n.mgb10 {\n  margin-bottom: 10px!important;\n}\n.l30 {\n  line-height: 30px!important;\n}\n.h60 {\n  height: 60px!important;\n}\n.btm10 {\n  bottom: 10px!important;\n}\n.bd-red {\n  border: 1px solid #c33327!important;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/static/common.scss","\n@import \"../static/common.scss\";\n.content[data-v-68b91650] {\n    padding: 20px;\n}\nbutton[data-v-68b91650] {\n    margin: 5px;\n    box-sizing: border-box;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/pages/Buttons.vue","@font-face {\n  font-family: 'iconfont';  /* project id 247353 */\n  src: url('//at.alicdn.com/t/font_sfbdtgvhlzfiggb9.eot');\n  src: url('//at.alicdn.com/t/font_sfbdtgvhlzfiggb9.eot?#iefix') format('embedded-opentype'),\n  url('//at.alicdn.com/t/font_sfbdtgvhlzfiggb9.woff') format('woff'),\n  url('//at.alicdn.com/t/font_sfbdtgvhlzfiggb9.ttf') format('truetype'),\n  url('//at.alicdn.com/t/font_sfbdtgvhlzfiggb9.svg#iconfont') format('svg');\n}\n\n[class^=\"icon-\"], [class*=\" icon-\"] {\n  /* use !important to prevent issues with browser extensions that change fonts */\n  font-family: 'iconfont' !important;\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-warn:before {\n  content: \"\\e600\";\n}\n\n.icon-cancel:before {\n  content: \"\\e666\";\n}\n\n.icon-avator:before {\n  content: \"\\e614\";\n}\n\n.icon-beauty:before {\n  content: \"\\e609\";\n}\n\n.icon-right:before {\n  content: \"\\e613\";\n}\n\n.icon-popups:before {\n  content: \"\\e690\";\n}\n\n.icon-loading:before {\n  content: \"\\e615\";\n}\n\n.icon-tabbar:before {\n  content: \"\\e656\";\n}\n\n.icon-inputs:before {\n  content: \"\\e627\";\n}\n\n.icon-toast:before {\n  content: \"\\e6c5\";\n}\n\n.icon-cell:before {\n  content: \"\\e62d\";\n}\n\n.icon-buttons:before {\n  content: \"\\e694\";\n}\n\n.icon-btn-loading:before {\n  content: \"\\e60a\";  /*e65c e615 e630 e603 e602 e770 e601*/\n}\n\n.icon-page:before {\n  content: \"\\e62e\";\n}\n\n.icon-switchs:before {\n  content: \"\\e6d1\";\n}\n\n.icon-folder:before {\n  content: \"\\e6a0\";\n}\n\n.icon-up:before {\n  content: \"\\e644\";\n}\n\n.icon-down:before {\n  content: \"\\e643\";\n}\n\n.icon-progress:before {\n  content: \"\\e60b\";\n}\n\n.icon-inputNum:before {\n  content: \"\\e61b\";\n}\n\n.icon-plus:before {\n  content: \"\\e62b\";\n}\n\n.icon-minus:before {\n  content: \"\\e634\";\n}\n\n.icon-step:before {\n  content: \"\\e618\";\n}\n\n.icon-step-yes:before {\n  content: \"\\e64a\";\n}\n\n.icon-step-no:before {\n  content: \"\\e604\";\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./src/static/iconfont.scss","\n@import \"../static/iconfont.scss\";\n/***按钮样式   start  ***/\n[class^=\"btn-\"][data-v-905e65d4],\n.btn[data-v-905e65d4] {\n  display: inline-block;\n  width: 120px;\n  height: 40px;\n  font-size: 14px;\n  outline: none;\n  line-height: 30px;\n  box-sizing: border-box;\n  text-align: center;\n  color: #666;\n  cursor: pointer;\n  background-color: #F5F5F5;\n  border: 1px solid #E1E1E1;\n}\n/*normal 次按钮*/\n\n/*普通主按钮*/\n[class^=\"btn-primary\"][data-v-905e65d4],\n.btn-primary[data-v-905e65d4] {\n  color: white;\n  background-color: #34A853;\n  border: none;\n}\n\n/* 普通幽灵按钮, 幽灵按钮就是没有背景的按钮 */\n[class^=\"btn-ghost\"][data-v-905e65d4],\n.btn-ghost[data-v-905e65d4] {\n  background-color: transparent;\n}\n/*普通查看更多按钮*/\n[class^=\"btn-more\"][data-v-905e65d4],\n.btn-more[data-v-905e65d4] {\n  padding: 1px 0;\n  border: none;\n  background-color: white;\n}\n/*disabled的按钮*/\n[class^=\"btn-disable\"][data-v-905e65d4],\n.btn-disable[data-v-905e65d4] {\n  padding: 1px 0;\n  border: none;\n  background-color: #ddd;\n  cursor: not-allowed;\n}\n/*delete的按钮*/\n[class^=\"btn-delete\"][data-v-905e65d4],\n.btn-delete[data-v-905e65d4] {\n  padding: 1px 0;\n  border: none;\n  background-color: #E64340;\n  color: #fff;\n}\n/*warn的按钮*/\n[class^=\"btn-warn\"][data-v-905e65d4],\n.btn-warn[data-v-905e65d4] {\n  padding: 1px 0;\n  border: none;\n  background-color: #ff9900;\n  color: #fff;\n}\n/*次按钮 ，幽灵按钮，更多按钮的hover状态*/\n[class^=\"btn\"][data-v-905e65d4]:hover,\n.btn[data-v-905e65d4]:hover,\n.btn-more[data-v-905e65d4]:hover,\n.btn-ghost[data-v-905e65d4]:hover{\n  color: #5CB975;\n  border-color: #5CB975;\n}\n.btn[data-v-905e65d4]:hover{\n  background-color: white;\n}\n[class^=\"btn-primary\"][data-v-905e65d4]:hover,\n.btn-primary[data-v-905e65d4]:hover{\n  color: white;\n  background-color: #5CB975;\n}\n[class^=\"btn-disable\"][data-v-905e65d4]:hover,\n.btn-disable[data-v-905e65d4]:hover {\n  color: #666;\n  background-color: #ddd;\n}\n[class^=\"btn-delete\"][data-v-905e65d4]:hover,\n.btn-delete[data-v-905e65d4]:hover {\n  color: #fff;\n  background-color: #e66d72;\n}\n[class^=\"btn-warn\"][data-v-905e65d4]:hover,\n.btn-warn[data-v-905e65d4]:hover {\n  color: #fff;\n  background-color: #ffb435;\n}\n.btn-primary .click[data-v-905e65d4],\n.btn-primary .disable[data-v-905e65d4],\n.btn-ghost .click[data-v-905e65d4],\n.btn-ghost .disable[data-v-905e65d4],\n.btn-more .click[data-v-905e65d4],\n.btn-more .disable[data-v-905e65d4],\n.btn-input[data-v-905e65d4],\n.btn-input[data-v-905e65d4]:hover{\n}\n\n/***按钮样式   end  ***/\n.radius[data-v-905e65d4] {\n  border-radius: 10px;\n}\n.radius20[data-v-905e65d4] {\n  border-radius: 20px;\n}\n.active[data-v-905e65d4] {\n  display: inline-block;\n  animation: rotates 1.2s steps(12, end) infinite;\n}\n@keyframes rotates {\n0% {\n    -webkit-transform: rotate3d(0, 0, 1, 0deg);\n    transform: rotate3d(0, 0, 1, 0deg);\n}\n100% {\n    -webkit-transform: rotate3d(0, 0, 1, 360deg);\n    transform: rotate3d(0, 0, 1, 360deg);\n}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/Buttons.vue"],"sourceRoot":""}