├── .gitattributes ├── .gitignore ├── .npmignore ├── LICENSE ├── README-ZH.MD ├── README.MD ├── demo ├── css │ ├── app.ca2320864a4abbfb62ea8057148746b1.css │ └── app.ca2320864a4abbfb62ea8057148746b1.css.map └── js │ ├── app.1c8daba227977db63c1e.js │ ├── app.1c8daba227977db63c1e.js.map │ ├── manifest.c496cd3341699f87cda4.js │ ├── manifest.c496cd3341699f87cda4.js.map │ ├── vendor.6ee5c6f2925cbd23e4fa.js │ └── vendor.6ee5c6f2925cbd23e4fa.js.map ├── dist └── CircleMenu.js ├── index.html ├── package.json ├── src ├── components │ └── CircleMenu.vue ├── images │ ├── ani.gif │ ├── ani02.gif │ ├── ani03.gif │ ├── ani04.gif │ ├── bottom.gif │ ├── cirecle.gif │ ├── colors.PNG │ ├── demo.png │ ├── index.gif │ ├── left.gif │ ├── mask.gif │ ├── middle-around.gif │ ├── middle.gif │ ├── right.gif │ └── top.gif ├── index.js ├── style │ ├── index.less │ ├── main │ │ ├── core.less │ │ └── other.less │ ├── mixin │ │ └── mixin.less │ └── var │ │ └── var.less └── utils │ └── colorRE.js ├── webpack.base.js └── webpack.config.js /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | 4 | # Custom for Visual Studio 5 | *.cs diff=csharp 6 | 7 | # Standard to msysgit 8 | *.doc diff=astextplain 9 | *.DOC diff=astextplain 10 | *.docx diff=astextplain 11 | *.DOCX diff=astextplain 12 | *.dot diff=astextplain 13 | *.DOT diff=astextplain 14 | *.pdf diff=astextplain 15 | *.PDF diff=astextplain 16 | *.rtf diff=astextplain 17 | *.RTF diff=astextplain 18 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | *.log 4 | .vscode -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | demo 4 | index.html 5 | .vscode -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | 4 | Copyright (c) 2017 web-oysun@qq.com 5 | 6 | Permission is hereby granted, free of charge, to any person obtaining a copy 7 | of this software and associated documentation files (the "Software"), to deal 8 | in the Software without restriction, including without limitation the rights 9 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 10 | copies of the Software, and to permit persons to whom the Software is 11 | furnished to do so, subject to the following conditions: 12 | 13 | The above copyright notice and this permission notice shall be included in all 14 | copies or substantial portions of the Software. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 17 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 18 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 19 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 20 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 21 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 22 | SOFTWARE. -------------------------------------------------------------------------------- /README-ZH.MD: -------------------------------------------------------------------------------- 1 | # VueCircleMenu 2 | 3 | 4 | 5 | # demo 6 | 为了更好的演示请使用手机扫描下面的二维码查看demo,或点击这里：http://web-oysun.cn/VueCircleMenu/ 7 | 8 | 9 | 10 | # API 11 | 12 | ## Props 13 | 14 | | 参数 | 类型 | 说明 | 15 | | ------------- |-------------| -----| 16 | | type | String |必填项,指明菜单的类型,有6种：top,bottom,left,right,middle,middle-around | 17 | | number(v1.1.0) | Number |必填项，v1.1.0版本新增的api。指定子菜单的个数,数值要大于2小于5，其实就只有2，3，4这三种情况 | 18 | | circle | boolean | 菜单按钮是否为圆角，默认为方形按钮 | 19 | | mask | String | 遮罩层，有两种："white"和"black" | 20 | | animate | String | 子菜单动画,可以引入外部css动画库，比如Animate.css | 21 | | btn | boolean | 开关按钮,填这属性，则有默认开关按钮，不填则没有默认,需要在slot中自行定义开关按钮 | 22 | | colors | Array | 按钮和菜单的背景颜色 | 23 | 24 | ## Slot 25 | 26 | | SlotName | 说明 | 27 | | -------------| -----| 28 | | item_btn | 自定义开关按钮 | 29 | | item_1 | 第一个菜单的内容 | 30 | | item_2 | 第二个菜单的内容 | 31 | | item_3 | 第三个菜单的内容 | 32 | | item_4 | 第四个菜单的内容 | 33 | 34 | # 详细说明 35 | 36 | ## Props 37 | 38 | ### type 39 | `type`参数是必填项，指明菜单的类型，一共有一下六种：top,bottom,left,right,middle,middle-around 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | ### number 49 | `number`是v1.1.0版本的api之前版本没有此项参数，固定四个子菜单。注意： 50 | - 当`number`的数值为3，既有3个子菜单的时候，`type`为`middle`和`middle-around`类型无效 51 | - `number` 参数填入的是数值，但是在vue属性中，填写"4"数值其实以字符串的形式，所以如果想传递一个实际的 JavaScript 数字，需要使用 v-bind ，从而让它的值被当作 JavaScript 表达式计算。详情看[vue文档](http://cn.vuejs.org/v2/guide/components.html#字面量语法-vs-动态语法) 52 | 53 | ## circle 54 | `circle`是让菜单按钮为圆角，默认是方形按钮： 55 | 56 | 57 | 58 | 59 | ## mask 60 | `mask`是开关按钮在切换的时候产生的遮罩，分为两种："white"和"black".(注意：不填或填错类型都视为不需要遮罩) 61 | 62 | 63 | 64 | 65 | ## animate 66 | `animate`是给菜单添加动画，只要添加动画css类即可，可以引入第三方css动画库，比如animate.css 67 | 68 | 69 | 70 | 71 | 72 | 73 | ## colors 74 | `colors`是指定按钮和菜单的背景颜色，不使用该属性，则会使用默认的颜色配置，该组件默认颜色配置为： 75 | 76 | 77 | 78 | 如果要配置颜色，`colors`传入数组，另外，很重要的一点,数组的值必须是颜色代码，而不是css类.例如: 79 | 80 | ```html 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | ``` 90 | 注意颜色代码必须一一对应，第一个颜色代码指代按钮，第二个颜色为第一个菜单，依次类推，共五个颜色代码，填多，填少或者填入的不是颜色代码都是无效的 91 | 92 | ## Slot 93 | 94 | ### item_btn 95 | 该命名`slot`是指自定义开关按钮，当你需要自定义开关按钮，请不要填写`btn`属性，使用该`slot`,这样就可以禁用默认的开关按钮，使用自定义的按钮。（自定义开关按钮有个好处，就是可以给开关按钮绑定事件，做进一步的操作） 96 | 97 | ### item_1,item_2,item_3,item_4 98 | 该类`slot`分别指代四个菜单按钮 99 | 100 | ### 思想： 101 | 这五个`slot`，其实就说明该组件其实就一个包裹内容的控件， 里面的内容都在`slot`设置 102 | 103 | - 通过`slot`，可以填写任何内容，并且自定义样式 104 | ```html 105 | 106 | 107 | 108 | 109 |
110 | 111 | 112 | ``` 113 | - 通过`slot`,给菜单绑定事件 114 | 115 | ```html 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | ``` 124 | 125 | 126 | ## 简单的例子 127 | ```html 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | ``` 137 | 138 | ```html 139 | 140 | 141 | 142 | 143 | 144 | 145 | ``` 146 | 147 | # 安装和使用 148 | 149 | ```javascript 150 | npm install vue-circle-menu 151 | ``` 152 | 153 | - 若作为全局组件使用 154 | 155 | ```javascript 156 | //在项目入口文件 157 | import Vue from 'vue' 158 | import CircleMenu from 'vue-circle-menu' 159 | Vue.component('CircleMenu', CircleMenu) 160 | ``` 161 | 162 | - 若作为局部组件 163 | 164 | ```javascript 165 | //在某个组件中 166 | import CircleMenu from 'vue-circle-menu' 167 | export default { 168 | components: { 169 | CircleMenu 170 | } 171 | } 172 | ``` 173 | # bug和建议 174 | 175 | 如果在使用中遇到问题或者建议，欢迎提`issues` 176 | 177 | # LICENSE 178 | 179 | MIT -------------------------------------------------------------------------------- /README.MD: -------------------------------------------------------------------------------- 1 | # VueCircleMenu 2 | 3 | 4 | 5 | 6 | ------------------------------------------------------------------------------------------------------- 7 | 8 | ## 查看中文文档，请移步至 [这里](https://github.com/OYsun/VueCircleMenu/blob/master/README-ZH.MD) 9 | 10 | # demo 11 | ### For a better demonstration, please use the phone scan the following two-dimensional code view demo or click here http://web-oysun.cn/VueCircleMenu/ 12 | 13 | 14 | 15 | # API 16 | 17 | ## Props 18 | 19 | | Option | type | Description | 20 | | ------------- |-------------| -----| 21 | | type | String |Necessary,Specifies the type of menu,There are six types of：top,bottom,left,right,middle,middle-around | 22 | | number(v1.1.0) | Number |Necessary,This is the v1.1.0 version of the api, specify the number of menus, the value should be greater than 2 less than 5, is only 2,3,4 of these three case | 23 | | circle | boolean | Whether the menu button for rounded corners, the default for the square button | 24 | | mask | String | There are two kinds of mask layer："white" and "black" | 25 | | animate | String | Sub menu animation,You can import an external css animation library, such as "animate.css"| 26 | | btn | boolean | Switch button, fill in this property, there is the default switch button, do not fill is not the default, you need to define the switch button in the slot | 27 | | colors | Array | The background color of the buttons and menus | 28 | 29 | ## Slot 30 | 31 | | SlotName | Description | 32 | | -------------| -----| 33 | | item_btn | Customize the switch button | 34 | | item_1 | The contents of the first menu | 35 | | item_2 | The content of the second menu | 36 | | item_3 | The content of the third menu | 37 | | item_4 | The content of the fourth menu | 38 | 39 | # Detailed instructions 40 | 41 | ## Props 42 | 43 | ### type 44 | The `type` parameter is required, indicating the type of the menu, a total of about six：top,bottom,left,right,middle,middle-around 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | ### number 55 | The `number` parameter is required,This is the v1.1.0 version of the api, specify the number of menus, the value should be greater than 2 less than 5, is only 2,3,4 of these three case 56 | Note: 57 | - when the number value of 3, `type` type for middle or middle-around is invalid 58 | - The number parameter fills the number, but in the vue propes,If we want to pass down an actual JavaScript number, we need to use v-bind so that its value is evaluated as a JavaScript expression.For more information click [here](https://vuejs.org/v2/guide/components.html#Literal-vs-Dynamic) 59 | 60 | 61 | ## circle 62 | Fill in `circle` to make the menu button rounded, the default is the square button： 63 | 64 | 65 | 66 | 67 | ## mask 68 | Fill in ` mask ` produces mask, divided into two kinds: "white" and "black".(Note: do not fill out or fill in the wrong type all think don't need a `mask`) 69 | 70 | 71 | 72 | 73 | ## animate 74 | `Animate` is to add animation to the menu, as long as you can add animation css class, you can also introduce css animation library, such as `animate.css` 75 | 76 | 77 | 78 | 79 | 80 | 81 | ## colors 82 | `Colors` specifies the background color of the button and menu, and does not use this property, the default color configuration is used, and the default color of the component is： 83 | 84 | 85 | 86 | If you want to configure the color, `colors ` into an array，In addition, it is important that an array of values must be color code, rather than the CSS class. 87 | 88 | ```html 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | ``` 98 | Note color code must be one-to-one correspondence, the first color code to refer to the button, the second color for the first menu and so on, a total of five color code, fill more, fill less or not fill in the color code is invalid 99 | 100 | ## Slot 101 | 102 | ### item_btn 103 | The name `slot` refers to the custom switch button, and when you need to customize the switch button, do not fill in the` btn` property, use the `slot`, so you can disable the default switch button and use the custom button（Custom switch button has the advantage that you can bind events to the switch button to do further operations） 104 | 105 | ### item_1,item_2,item_3,item_4 106 | 107 | These ` slot ` one-to-one correspondence refer to the four menu button 108 | 109 | ### principle： 110 | 111 | According to these five `slot`,Actually means that the component is actually a parcel content box ,The contents of the box are set in `slot` 112 | 113 | - Through `slot`, you can fill in any content, and custom style 114 | ```html 115 | 116 | 117 | 118 | 119 |
120 | 121 | 122 | ``` 123 | - Through ` slot `, to bind any event for menu 124 | 125 | ```html 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | ``` 134 | 135 | 136 | ## Simple example 137 | ```html 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | ``` 147 | 148 | ```html 149 | 150 | 151 | 152 | 153 | 154 | 155 | ``` 156 | 157 | # Installation and use 158 | 159 | ```javascript 160 | npm install vue-circle-menu 161 | ``` 162 | 163 | - If used as a global component 164 | 165 | ```javascript 166 | //In the project entry file 167 | import Vue from 'vue' 168 | import CircleMenu from 'vue-circle-menu' 169 | Vue.component('CircleMenu', CircleMenu) 170 | ``` 171 | 172 | - If as a local component 173 | 174 | ```javascript 175 | //In a component 176 | import CircleMenu from 'vue-circle-menu' 177 | export default { 178 | components: { 179 | CircleMenu 180 | } 181 | } 182 | ``` 183 | # Bug and suggestions 184 | 185 | If you encounter problems or suggestions in the use, welcome to `issues` 186 | 187 | # LICENSE 188 | 189 | MIT 190 | -------------------------------------------------------------------------------- /demo/css/app.ca2320864a4abbfb62ea8057148746b1.css: -------------------------------------------------------------------------------- 1 | html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{line-height:1.6;font-family:-apple-system-font,Helvetica Neue,sans-serif;-webkit-overflow-scrolling:touch}*{margin:0;padding:0}a img{border:0}a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}@font-face{font-weight:400;font-style:normal;font-family:weui;src:url("data:application/octet-stream;base64,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") format("truetype")}[class*=" weui-icon-"],[class^=weui-icon-]{display:inline-block;vertical-align:middle;font:normal normal normal 14px/1 weui;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}[class*=" weui-icon-"]:before,[class^=weui-icon-]:before{display:inline-block;margin-left:.2em;margin-right:.2em}.weui-icon-circle:before{content:"\EA01"}.weui-icon-download:before{content:"\EA02"}.weui-icon-info:before{content:"\EA03"}.weui-icon-safe_success:before{content:"\EA04"}.weui-icon-safe_warn:before{content:"\EA05"}.weui-icon-success:before{content:"\EA06"}.weui-icon-success-circle:before{content:"\EA07"}.weui-icon-success-no-circle:before{content:"\EA08"}.weui-icon-waiting:before{content:"\EA09"}.weui-icon-waiting-circle:before{content:"\EA0A"}.weui-icon-warn:before{content:"\EA0B"}.weui-icon-info-circle:before{content:"\EA0C"}.weui-icon-cancel:before{content:"\EA0D"}.weui-icon-search:before{content:"\EA0E"}.weui-icon-clear:before{content:"\EA0F"}.weui-icon-back:before{content:"\EA10"}.weui-icon-delete:before{content:"\EA11"}[class*=" weui-icon_"]:before,[class^=weui-icon_]:before{margin:0}.weui-icon-success{font-size:23px;color:#09bb07}.weui-icon-waiting{font-size:23px;color:#10aeff}.weui-icon-warn{font-size:23px;color:#f43530}.weui-icon-info{font-size:23px;color:#10aeff}.weui-icon-success-circle,.weui-icon-success-no-circle{font-size:23px;color:#09bb07}.weui-icon-waiting-circle{font-size:23px;color:#10aeff}.weui-icon-circle{font-size:23px;color:#c9c9c9}.weui-icon-download,.weui-icon-info-circle{font-size:23px;color:#09bb07}.weui-icon-safe-success{color:#09bb07}.weui-icon-safe-warn{color:#ffbe00}.weui-icon-cancel{color:#f43530;font-size:22px}.weui-icon-clear,.weui-icon-search{color:#b2b2b2;font-size:14px}.weui-icon-delete.weui-icon_gallery-delete{color:#fff;font-size:22px}.weui-icon_msg{font-size:93px}.weui-icon_msg.weui-icon-warn{color:#f76260}.weui-icon_msg-primary{font-size:93px}.weui-icon_msg-primary.weui-icon-warn{color:#c9c9c9}.weui-btn{position:relative;display:block;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px;box-sizing:border-box;font-size:18px;text-align:center;text-decoration:none;color:#fff;line-height:2.55555556;border-radius:5px;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden}.weui-btn:after{content:" ";width:200%;height:200%;position:absolute;top:0;left:0;border:1px solid rgba(0,0,0,.2);transform:scale(.5);transform-origin:0 0;box-sizing:border-box;border-radius:10px}.weui-btn_inline{display:inline-block}.weui-btn_default{color:#000;background-color:#f8f8f8}.weui-btn_default:not(.weui-btn_disabled):visited{color:#000}.weui-btn_default:not(.weui-btn_disabled):active{color:rgba(0,0,0,.6);background-color:#dedede}.weui-btn_primary{background-color:#1aad19}.weui-btn_primary:not(.weui-btn_disabled):visited{color:#fff}.weui-btn_primary:not(.weui-btn_disabled):active{color:hsla(0,0%,100%,.6);background-color:#179b16}.weui-btn_warn{background-color:#e64340;border:1px solid #e64340}.weui-btn_warn:not(.weui-btn_disabled):visited{color:#fff}.weui-btn_warn:not(.weui-btn_disabled):active{color:hsla(0,0%,100%,.6);background-color:#ce3c39}.weui-btn_disabled{color:hsla(0,0%,100%,.6)}.weui-btn_disabled.weui-btn_default{color:rgba(0,0,0,.3);background-color:#f7f7f7}.weui-btn_disabled.weui-btn_primary{background-color:#9ed99d}.weui-btn_disabled.weui-btn_warn{background-color:#ec8b89}.weui-btn_plain-primary{color:#1aad19;border:1px solid #1aad19}.weui-btn_plain-primary:not(.weui-btn_plain-disabled):active{color:rgba(26,173,25,.6);border-color:rgba(26,173,25,.6)}.weui-btn_plain-primary:after{border-width:0}.weui-btn_plain-default{color:#353535;border:1px solid #353535}.weui-btn_plain-default:not(.weui-btn_plain-disabled):active{color:rgba(53,53,53,.6);border-color:rgba(53,53,53,.6)}.weui-btn_plain-default:after{border-width:0}.weui-btn_plain-disabled{color:rgba(0,0,0,.2);border-color:rgba(0,0,0,.2)}button.weui-btn,input.weui-btn{width:100%;border-width:0;outline:0;-webkit-appearance:none}button.weui-btn:focus,input.weui-btn:focus{outline:0}button.weui-btn_inline,button.weui-btn_mini,input.weui-btn_inline,input.weui-btn_mini{width:auto}button.weui-btn_plain-default,button.weui-btn_plain-primary,input.weui-btn_plain-default,input.weui-btn_plain-primary{border-width:1px;background-color:transparent}.weui-btn_mini{display:inline-block;padding:0 1.32em;line-height:2.3;font-size:13px}.weui-btn+.weui-btn{margin-top:15px}.weui-btn.weui-btn_inline+.weui-btn.weui-btn_inline{margin-top:auto;margin-left:15px}.weui-btn-area{margin:1.17647059em 15px .3em}.weui-btn-area_inline{display:-ms-flexbox;display:flex}.weui-btn-area_inline .weui-btn{margin-top:auto;margin-right:15px;width:100%;-ms-flex:1;flex:1}.weui-btn-area_inline .weui-btn:last-child{margin-right:0}.weui-cells{margin-top:1.17647059em;background-color:#fff;line-height:1.41176471;font-size:17px;overflow:hidden;position:relative}.weui-cells:before{top:0;border-top:1px solid #d9d9d9;transform-origin:0 0;transform:scaleY(.5)}.weui-cells:after,.weui-cells:before{content:" ";position:absolute;left:0;right:0;height:1px;color:#d9d9d9}.weui-cells:after{bottom:0;border-bottom:1px solid #d9d9d9;transform-origin:0 100%;transform:scaleY(.5)}.weui-cells__title{margin-top:.77em;margin-bottom:.3em;padding-left:15px;padding-right:15px;color:#999;font-size:14px}.weui-cells__title+.weui-cells{margin-top:0}.weui-cells__tips{margin-top:.3em;color:#999;padding-left:15px;padding-right:15px;font-size:14px}.weui-cell{padding:10px 15px;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.weui-cell:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #d9d9d9;color:#d9d9d9;transform-origin:0 0;transform:scaleY(.5);left:15px}.weui-cell:first-child:before{display:none}.weui-cell_primary{-ms-flex-align:start;align-items:flex-start}.weui-cell__bd{-ms-flex:1;flex:1}.weui-cell__ft{text-align:right;color:#999}.weui-cell_access{-webkit-tap-highlight-color:rgba(0,0,0,0);color:inherit}.weui-cell_access:active{background-color:#ececec}.weui-cell_access .weui-cell__ft{padding-right:13px;position:relative}.weui-cell_access .weui-cell__ft:after{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;transform:matrix(.71,.71,-.71,.71,0,0);position:relative;top:-2px;position:absolute;top:50%;margin-top:-4px;right:2px}.weui-cell_link{color:#586c94;font-size:14px}.weui-cell_link:first-child:before{display:block}.weui-check__label{-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-check__label:active{background-color:#ececec}.weui-check{position:absolute;left:-9999em}.weui-cells_radio .weui-cell__ft{padding-left:.35em}.weui-cells_radio .weui-check:checked+.weui-icon-checked:before{display:block;content:"\EA08";color:#09bb07;font-size:16px}.weui-cells_checkbox .weui-cell__hd{padding-right:.35em}.weui-cells_checkbox .weui-icon-checked:before{content:"\EA01";color:#c9c9c9;font-size:23px;display:block}.weui-cells_checkbox .weui-check:checked+.weui-icon-checked:before{content:"\EA06";color:#09bb07}.weui-label{display:block;width:105px;word-wrap:break-word;word-break:break-all}.weui-input{width:100%;border:0;outline:0;-webkit-appearance:none;background-color:transparent;font-size:inherit;color:inherit;height:1.41176471em;line-height:1.41176471}.weui-input::-webkit-inner-spin-button,.weui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.weui-textarea{display:block;border:0;resize:none;width:100%;color:inherit;font-size:1em;line-height:inherit;outline:0}.weui-textarea-counter{color:#b2b2b2;text-align:right}.weui-cell_warn .weui-textarea-counter{color:#e64340}.weui-toptips{display:none;position:fixed;transform:translateZ(0);top:0;left:0;right:0;padding:5px;font-size:14px;text-align:center;color:#fff;z-index:5000;word-wrap:break-word;word-break:break-all}.weui-toptips_warn{background-color:#e64340}.weui-cells_form .weui-cell__ft{font-size:0}.weui-cells_form .weui-icon-warn{display:none}.weui-cells_form input,.weui-cells_form label[for],.weui-cells_form textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-cell_warn{color:#e64340}.weui-cell_warn .weui-icon-warn{display:inline-block}.weui-form-preview{position:relative;background-color:#fff}.weui-form-preview:before{top:0;border-top:1px solid #d9d9d9;transform-origin:0 0;transform:scaleY(.5)}.weui-form-preview:after,.weui-form-preview:before{content:" ";position:absolute;left:0;right:0;height:1px;color:#d9d9d9}.weui-form-preview:after{bottom:0;border-bottom:1px solid #d9d9d9;transform-origin:0 100%;transform:scaleY(.5)}.weui-form-preview__hd{position:relative;padding:10px 15px;text-align:right;line-height:2.5em}.weui-form-preview__hd:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #d9d9d9;color:#d9d9d9;transform-origin:0 100%;transform:scaleY(.5);left:15px}.weui-form-preview__hd .weui-form-preview__value{font-style:normal;font-size:1.6em}.weui-form-preview__bd{padding:10px 15px;font-size:.9em;text-align:right;color:#999;line-height:2}.weui-form-preview__ft{position:relative;line-height:50px;display:-ms-flexbox;display:flex}.weui-form-preview__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #d5d5d6;color:#d5d5d6;transform-origin:0 0;transform:scaleY(.5)}.weui-form-preview__item{overflow:hidden}.weui-form-preview__label{float:left;margin-right:1em;min-width:4em;color:#999;text-align:justify;text-align-last:justify}.weui-form-preview__value{display:block;overflow:hidden;word-break:normal;word-wrap:break-word}.weui-form-preview__btn{position:relative;display:block;-ms-flex:1;flex:1;color:#3cc51f;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}button.weui-form-preview__btn{background-color:transparent;border:0;outline:0;font-size:inherit}.weui-form-preview__btn:active{background-color:#eee}.weui-form-preview__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #d5d5d6;color:#d5d5d6;transform-origin:0 0;transform:scaleX(.5)}.weui-form-preview__btn:first-child:after{display:none}.weui-form-preview__btn_default{color:#999}.weui-form-preview__btn_primary{color:#0bb20c}.weui-cell_select{padding:0}.weui-cell_select .weui-select{padding-right:30px}.weui-cell_select .weui-cell__bd:after{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;transform:matrix(.71,.71,-.71,.71,0,0);position:relative;top:-2px;position:absolute;top:50%;right:15px;margin-top:-3px}.weui-select{-webkit-appearance:none;border:0;outline:0;background-color:transparent;width:100%;font-size:inherit;height:44px;line-height:44px;position:relative;z-index:1;padding-left:15px}.weui-cell_select-before{padding-right:15px}.weui-cell_select-before .weui-select{width:105px;box-sizing:border-box}.weui-cell_select-before .weui-cell__hd{position:relative}.weui-cell_select-before .weui-cell__hd:after{content:" ";position:absolute;right:0;top:0;width:1px;bottom:0;border-right:1px solid #d9d9d9;color:#d9d9d9;transform-origin:100% 0;transform:scaleX(.5)}.weui-cell_select-before .weui-cell__hd:before{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;transform:matrix(.71,.71,-.71,.71,0,0);position:relative;top:-2px;position:absolute;top:50%;right:15px;margin-top:-3px}.weui-cell_select-before .weui-cell__bd{padding-left:15px}.weui-cell_select-before .weui-cell__bd:after{display:none}.weui-cell_select-after{padding-left:15px}.weui-cell_select-after .weui-select{padding-left:0}.weui-cell_vcode{padding-top:0;padding-right:0;padding-bottom:0}.weui-vcode-btn,.weui-vcode-img{margin-left:5px;height:44px;vertical-align:middle}.weui-vcode-btn{display:inline-block;padding:0 .6em 0 .7em;border-left:1px solid #e5e5e5;line-height:44px;font-size:17px;color:#3cc51f}.weui-vcode-btn:active{color:#52a341}.weui-gallery{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:1000}.weui-gallery__img{position:absolute;top:0;right:0;bottom:60px;left:0;background:50% no-repeat;background-size:contain}.weui-gallery__opr{position:absolute;right:0;bottom:0;left:0;background-color:#0d0d0d;color:#fff;line-height:60px;text-align:center}.weui-gallery__del{display:block}.weui-cell_switch{padding-top:6px;padding-bottom:6px}.weui-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:52px;height:32px;border:1px solid #dfdfdf;outline:0;border-radius:16px;box-sizing:border-box;background-color:#dfdfdf;transition:background-color .1s,border .1s}.weui-switch:before{width:50px;background-color:#fdfdfd;transition:transform .35s cubic-bezier(.45,1,.4,1)}.weui-switch:after,.weui-switch:before{content:" ";position:absolute;top:0;left:0;height:30px;border-radius:15px}.weui-switch:after{width:30px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4);transition:transform .35s cubic-bezier(.4,.4,.25,1.35)}.weui-switch:checked{border-color:#04be02;background-color:#04be02}.weui-switch:checked:before{transform:scale(0)}.weui-switch:checked:after{transform:translateX(20px)}.weui-uploader__hd{display:-ms-flexbox;display:flex;padding-bottom:10px;-ms-flex-align:center;align-items:center}.weui-uploader__title{-ms-flex:1;flex:1}.weui-uploader__info{color:#b2b2b2}.weui-uploader__bd{margin-bottom:-4px;margin-right:-9px;overflow:hidden}.weui-uploader__files{list-style:none}.weui-uploader__file{float:left;margin-right:9px;margin-bottom:9px;width:79px;height:79px;background:no-repeat 50%;background-size:cover}.weui-uploader__file_status{position:relative}.weui-uploader__file_status:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)}.weui-uploader__file_status .weui-uploader__file-content{display:block}.weui-uploader__file-content{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.weui-uploader__file-content .weui-icon-warn{display:inline-block}.weui-uploader__input-box{float:left;position:relative;margin-right:9px;margin-bottom:9px;width:77px;height:77px;border:1px solid #d9d9d9}.weui-uploader__input-box:after,.weui-uploader__input-box:before{content:" ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#d9d9d9}.weui-uploader__input-box:before{width:2px;height:39.5px}.weui-uploader__input-box:after{width:39.5px;height:2px}.weui-uploader__input-box:active{border-color:#999}.weui-uploader__input-box:active:after,.weui-uploader__input-box:active:before{background-color:#999}.weui-uploader__input{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-msg{padding-top:36px;text-align:center}.weui-msg__icon-area{margin-bottom:30px}.weui-msg__text-area{margin-bottom:25px;padding:0 20px}.weui-msg__text-area a{color:#586c94}.weui-msg__title{margin-bottom:5px;font-weight:400;font-size:20px}.weui-msg__desc{font-size:14px;color:#999}.weui-msg__opr-area{margin-bottom:25px}.weui-msg__extra-area{margin-bottom:15px;font-size:14px;color:#999}.weui-msg__extra-area a{color:#586c94}@media screen and (min-height:438px){.weui-msg__extra-area{position:fixed;left:0;bottom:0;width:100%;text-align:center}}.weui-article{padding:20px 15px;font-size:15px}.weui-article section{margin-bottom:1.5em}.weui-article h1{font-size:18px;font-weight:400;margin-bottom:.9em}.weui-article h2{font-size:16px}.weui-article h2,.weui-article h3{font-weight:400;margin-bottom:.34em}.weui-article h3{font-size:15px}.weui-article *{max-width:100%;box-sizing:border-box;word-wrap:break-word}.weui-article p{margin:0 0 .8em}.weui-tabbar{display:-ms-flexbox;display:flex;position:absolute;z-index:500;bottom:0;width:100%;background-color:#fff}.weui-tabbar:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #c0bfc4;color:#c0bfc4;transform-origin:0 0;transform:scaleY(.5)}.weui-tabbar__item{display:block;-ms-flex:1;flex:1;padding:7px 0 0;font-size:0;color:#999;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{color:#09bb07}.weui-tabbar__icon{display:inline-block;width:24px;height:24px}.weui-tabbar__icon>i,i.weui-tabbar__icon{font-size:24px;color:#999}.weui-tabbar__icon img{width:100%;height:100%}.weui-tabbar__icon+.weui-tabbar__label{margin-top:5px;margin-bottom:3px}.weui-tabbar__label{text-align:center;color:#999;font-size:12px}.weui-navbar{display:-ms-flexbox;display:flex;position:absolute;z-index:500;top:0;width:100%;background-color:#fafafa}.weui-navbar:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #ccc;color:#ccc;transform-origin:0 100%;transform:scaleY(.5)}.weui-navbar+.weui-tab__panel{padding-top:50px;padding-bottom:0}.weui-navbar__item{position:relative;display:block;-ms-flex:1;flex:1;padding:13px 0;text-align:center;font-size:15px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-navbar__item:active{background-color:#ededed}.weui-navbar__item.weui-bar__item_on{background-color:#eaeaea}.weui-navbar__item:after{content:" ";position:absolute;right:0;top:0;width:1px;bottom:0;border-right:1px solid #ccc;color:#ccc;transform-origin:100% 0;transform:scaleX(.5)}.weui-navbar__item:last-child:after{display:none}.weui-tab{position:relative;height:100%}.weui-tab__panel{box-sizing:border-box;height:100%;padding-bottom:55px;overflow:auto;-webkit-overflow-scrolling:touch}.weui-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.weui-progress__bar{background-color:#ebebeb;height:3px;-ms-flex:1;flex:1}.weui-progress__inner-bar{width:0;height:100%;background-color:#09bb07}.weui-progress__opr{display:block;margin-left:15px;font-size:0}.weui-panel{background-color:#fff;margin-top:10px;position:relative;overflow:hidden}.weui-panel:first-child{margin-top:0}.weui-panel:before{top:0;border-top:1px solid #e5e5e5;transform-origin:0 0;transform:scaleY(.5)}.weui-panel:after,.weui-panel:before{content:" ";position:absolute;left:0;right:0;height:1px;color:#e5e5e5}.weui-panel:after{bottom:0;border-bottom:1px solid #e5e5e5;transform-origin:0 100%;transform:scaleY(.5)}.weui-panel__hd{padding:14px 15px 10px;color:#999;font-size:13px;position:relative}.weui-panel__hd:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;transform-origin:0 100%;transform:scaleY(.5);left:15px}.weui-media-box{padding:15px;position:relative}.weui-media-box:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #e5e5e5;color:#e5e5e5;transform-origin:0 0;transform:scaleY(.5);left:15px}.weui-media-box:first-child:before{display:none}a.weui-media-box{color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0)}a.weui-media-box:active{background-color:#ececec}.weui-media-box__title{font-weight:400;font-size:17px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;word-wrap:break-word;word-break:break-all}.weui-media-box__desc{color:#999;font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.weui-media-box__info{margin-top:15px;padding-bottom:5px;font-size:13px;color:#cecece;line-height:1em;list-style:none;overflow:hidden}.weui-media-box__info__meta{float:left;padding-right:1em}.weui-media-box__info__meta_extra{padding-left:1em;border-left:1px solid #cecece}.weui-media-box_text .weui-media-box__title{margin-bottom:8px}.weui-media-box_appmsg{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.weui-media-box_appmsg .weui-media-box__hd{margin-right:.8em;width:60px;height:60px;line-height:60px;text-align:center}.weui-media-box_appmsg .weui-media-box__thumb{width:100%;max-height:100%;vertical-align:top}.weui-media-box_appmsg .weui-media-box__bd{-ms-flex:1;flex:1;min-width:0}.weui-media-box_small-appmsg{padding:0}.weui-media-box_small-appmsg .weui-cells{margin-top:0}.weui-media-box_small-appmsg .weui-cells:before{display:none}.weui-grids{position:relative;overflow:hidden;background-color:#fff}.weui-grids:before{right:0;height:1px;border-top:1px solid #d9d9d9;transform-origin:0 0;transform:scaleY(.5)}.weui-grids:after,.weui-grids:before{content:" ";position:absolute;left:0;top:0;color:#d9d9d9}.weui-grids:after{width:1px;bottom:0;border-left:1px solid #d9d9d9;transform-origin:0 0;transform:scaleX(.5)}.weui-grid{position:relative;float:left;padding:20px 10px;width:33.33333333%;box-sizing:border-box}.weui-grid:before{top:0;width:1px;border-right:1px solid #d9d9d9;transform-origin:100% 0;transform:scaleX(.5)}.weui-grid:after,.weui-grid:before{content:" ";position:absolute;right:0;bottom:0;color:#d9d9d9}.weui-grid:after{left:0;height:1px;border-bottom:1px solid #d9d9d9;transform-origin:0 100%;transform:scaleY(.5)}.weui-grid:active{background-color:#ececec}.weui-grid__icon{width:28px;height:28px;margin:0 auto}.weui-grid__icon img{display:block;width:100%;height:100%}.weui-grid__icon+.weui-grid__label{margin-top:5px}.weui-grid__label{display:block;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.weui-footer,.weui-grid__label{text-align:center;font-size:14px}.weui-footer{color:#999}.weui-footer a{color:#586c94}.weui-footer_fixed-bottom{position:fixed;bottom:.52em;left:0;right:0}.weui-footer__links{font-size:0}.weui-footer__link{display:inline-block;vertical-align:top;margin:0 .62em;position:relative;font-size:14px}.weui-footer__link:before{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #c7c7c7;color:#c7c7c7;transform-origin:0 0;transform:scaleX(.5);left:-.65em;top:.36em;bottom:.36em}.weui-footer__link:first-child:before{display:none}.weui-footer__text{padding:0 .34em;font-size:12px}.weui-flex{display:-ms-flexbox;display:flex}.weui-flex__item{-ms-flex:1;flex:1}.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:18px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:2.7em 20px 1.7em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-ms-flexbox;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #d5d5d6;color:#d5d5d6;transform-origin:0 0;transform:scaleY(.5)}.weui-dialog__btn{display:block;-ms-flex:1;flex:1;color:#3cc51f;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.weui-dialog__btn:active{background-color:#eee}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #d5d5d6;color:#d5d5d6;transform-origin:0 0;transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0bb20c}.weui-skin_android .weui-dialog{text-align:left;box-shadow:0 6px 30px 0 rgba(0,0,0,.1)}.weui-skin_android .weui-dialog__title{font-size:21px}.weui-skin_android .weui-dialog__hd{text-align:left}.weui-skin_android .weui-dialog__bd{color:#999;padding:.25em 1.6em 2em;font-size:17px;text-align:left}.weui-skin_android .weui-dialog__bd:first-child{padding:1.6em 1.6em 2em;color:#353535}.weui-skin_android .weui-dialog__ft{display:block;text-align:right;line-height:42px;font-size:16px;padding:0 1.6em .7em}.weui-skin_android .weui-dialog__ft:after{display:none}.weui-skin_android .weui-dialog__btn{display:inline-block;vertical-align:top;padding:0 .8em}.weui-skin_android .weui-dialog__btn:after{display:none}.weui-skin_android .weui-dialog__btn:active,.weui-skin_android .weui-dialog__btn:visited{background-color:rgba(0,0,0,.06)}.weui-skin_android .weui-dialog__btn:last-child{margin-right:-.8em}.weui-skin_android .weui-dialog__btn_default{color:gray}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-toast{position:fixed;z-index:5000;width:7.6em;min-height:7.6em;top:180px;left:50%;margin-left:-3.8em;background:rgba(40,40,40,.75);text-align:center;border-radius:5px;color:#fff}.weui-icon_toast{margin:22px 0 0;display:block}.weui-icon_toast.weui-icon-success-no-circle:before{color:#fff;font-size:55px}.weui-icon_toast.weui-loading{margin:30px 0 0;width:38px;height:38px;vertical-align:baseline}.weui-toast__content{margin:0 0 15px}.weui-mask{background:rgba(0,0,0,.6)}.weui-mask,.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}.weui-actionsheet{position:fixed;left:0;bottom:0;transform:translateY(100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:5000;width:100%;background-color:#efeff4;transition:transform .3s}.weui-actionsheet__menu{background-color:#fff}.weui-actionsheet__action{margin-top:6px;background-color:#fff}.weui-actionsheet__cell{position:relative;padding:10px 0;text-align:center;font-size:18px}.weui-actionsheet__cell:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #d9d9d9;color:#d9d9d9;transform-origin:0 0;transform:scaleY(.5)}.weui-actionsheet__cell:active{background-color:#ececec}.weui-actionsheet__cell:first-child:before{display:none}.weui-skin_android .weui-actionsheet{position:fixed;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:274px;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;transition:transform .3s}.weui-skin_android .weui-actionsheet__action{display:none}.weui-skin_android .weui-actionsheet__menu{border-radius:2px;box-shadow:0 6px 30px 0 rgba(0,0,0,.1)}.weui-skin_android .weui-actionsheet__cell{padding:13px 24px;font-size:16px;line-height:1.4;text-align:left}.weui-skin_android .weui-actionsheet__cell:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.weui-skin_android .weui-actionsheet__cell:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.weui-actionsheet_toggle{transform:translate(0)}.weui-loadmore{width:65%;margin:1.5em auto;line-height:1.6em;font-size:14px;text-align:center}.weui-loadmore__tips{display:inline-block;vertical-align:middle}.weui-loadmore_line{border-top:1px solid #e5e5e5;margin-top:2.4em}.weui-loadmore_line .weui-loadmore__tips{position:relative;top:-.9em;padding:0 .55em;background-color:#fff;color:#999}.weui-loadmore_dot .weui-loadmore__tips{padding:0 .16em}.weui-loadmore_dot .weui-loadmore__tips:before{content:" ";width:4px;height:4px;border-radius:50%;background-color:#e5e5e5;display:inline-block;position:relative;vertical-align:0;top:-.16em}.weui-search-bar{position:relative;padding:8px 10px;display:-ms-flexbox;display:flex;box-sizing:border-box;background-color:#efeff4}.weui-search-bar:before{top:0;border-top:1px solid #d7d6dc;transform-origin:0 0;transform:scaleY(.5)}.weui-search-bar:after,.weui-search-bar:before{content:" ";position:absolute;left:0;right:0;height:1px;color:#d7d6dc}.weui-search-bar:after{bottom:0;border-bottom:1px solid #d7d6dc;transform-origin:0 100%;transform:scaleY(.5)}.weui-search-bar.weui-search-bar_focusing .weui-search-bar__cancel-btn{display:block}.weui-search-bar.weui-search-bar_focusing .weui-search-bar__label{display:none}.weui-search-bar__form{position:relative;-ms-flex:auto;flex:auto;background-color:#efeff4}.weui-search-bar__form:after{content:"";position:absolute;left:0;top:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;border-radius:10px;border:1px solid #e6e6ea;box-sizing:border-box;background:#fff}.weui-search-bar__box{position:relative;padding-left:30px;padding-right:30px;height:100%;width:100%;box-sizing:border-box;z-index:1}.weui-search-bar__box .weui-search-bar__input{padding:4px 0;width:100%;height:1.42857143em;border:0;font-size:14px;line-height:1.42857143em;box-sizing:content-box;background:transparent}.weui-search-bar__box .weui-search-bar__input:focus{outline:none}.weui-search-bar__box .weui-icon-search{position:absolute;left:10px;top:0;line-height:28px}.weui-search-bar__box .weui-icon-clear{position:absolute;top:0;right:0;padding:0 10px;line-height:28px}.weui-search-bar__label{position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:2;border-radius:3px;text-align:center;color:#9b9b9b;background:#fff}.weui-search-bar__label span{display:inline-block;font-size:14px;vertical-align:middle}.weui-search-bar__label .weui-icon-search{margin-right:5px}.weui-search-bar__cancel-btn{display:none;margin-left:10px;line-height:28px;color:#09bb07;white-space:nowrap}.weui-search-bar__input:not(:valid)~.weui-icon-clear{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.weui-picker{position:fixed;width:100%;left:0;bottom:0;z-index:5000;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateY(100%);transition:transform .3s}.weui-picker__hd{display:-ms-flexbox;display:flex;padding:10px 15px;background-color:#fbf9fe;position:relative;text-align:center}.weui-picker__hd:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;transform-origin:0 100%;transform:scaleY(.5)}.weui-picker__action{display:block;-ms-flex:1;flex:1;color:#586c94}.weui-picker__action:first-child{text-align:left}.weui-picker__action:last-child{text-align:right}.weui-picker__bd{display:-ms-flexbox;display:flex;position:relative;background-color:#fff;height:238px;overflow:hidden}.weui-picker__group{-ms-flex:1;flex:1;position:relative;height:100%}.weui-picker__mask{top:0;height:100%;margin:0 auto;background:linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));background-position:top,bottom;background-size:100% 102px;background-repeat:no-repeat;transform:translateZ(0)}.weui-picker__indicator,.weui-picker__mask{position:absolute;left:0;width:100%;z-index:3}.weui-picker__indicator{height:34px;top:102px}.weui-picker__indicator:before{top:0;border-top:1px solid #e5e5e5;transform-origin:0 0;transform:scaleY(.5)}.weui-picker__indicator:after,.weui-picker__indicator:before{content:" ";position:absolute;left:0;right:0;height:1px;color:#e5e5e5}.weui-picker__indicator:after{bottom:0;border-bottom:1px solid #e5e5e5;transform-origin:0 100%;transform:scaleY(.5)}.weui-picker__content{position:absolute;top:0;left:0;width:100%}.weui-picker__item{padding:5px 0 4px;text-align:center;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.weui-picker__item_disabled{color:#999}@keyframes slideUp{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}.weui-animate-slide-up{animation:slideUp ease .3s forwards}@keyframes slideDown{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}.weui-animate-slide-down{animation:slideDown ease .3s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.weui-animate-fade-in{animation:fadeIn ease .3s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.weui-animate-fade-out{animation:fadeOut ease .3s forwards}.weui-agree{display:block;padding:.5em 15px;font-size:13px}.weui-agree a{color:#586c94}.weui-agree__text{color:#999}.weui-agree__checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;font-size:0;border:1px solid #d1d1d1;background-color:#fff;border-radius:3px;width:13px;height:13px;position:relative;vertical-align:0;top:2px}.weui-agree__checkbox:checked:before{font-family:weui;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-align:center;speak:none;display:inline-block;vertical-align:middle;text-decoration:inherit;content:"\EA08";color:#09bb07;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%) scale(.73)}.weui-agree__checkbox:disabled{background-color:#e1e1e1}.weui-agree__checkbox:disabled:before{color:#adadad}.weui-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;animation:weuiLoading 1s steps(12) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;background-size:100%}@keyframes weuiLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.weui-badge{display:inline-block;padding:.15em .4em;min-width:8px;border-radius:18px;background-color:#e64340;color:#fff;line-height:1.2;text-align:center;font-size:12px;vertical-align:middle}.weui-badge_dot{padding:.4em;min-width:0}body{-webkit-overflow-scrolling:touch}.ab{position:absolute;top:30%;left:3%}body{background-color:#eee;font-family:Microsoft YaHei}#menu a{font-size:14px;text-align:center}#menu-left a,#menu a{color:#fff}.nav{position:fixed}#box{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around} 2 | /*# sourceMappingURL=app.ca2320864a4abbfb62ea8057148746b1.css.map*/ -------------------------------------------------------------------------------- /demo/css/app.ca2320864a4abbfb62ea8057148746b1.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///webpack:///src/App.vue"],"names":[],"mappings":"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","file":"demo/css/app.ca2320864a4abbfb62ea8057148746b1.css","sourcesContent":["\nhtml{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%\n}\nbody{line-height:1.6;font-family:-apple-system-font,\"Helvetica Neue\",sans-serif;-webkit-overflow-scrolling:touch\n}\n*{margin:0;padding:0\n}\na img{border:0\n}\na{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)\n}\n@font-face{font-weight:normal;font-style:normal;font-family:\"weui\";src:url('data:application/octet-stream;base64,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') format('truetype')\n}\n[class^=\"weui-icon-\"],[class*=\" weui-icon-\"]{display:inline-block;vertical-align:middle;font:normal normal normal 14px/1 \"weui\";font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased\n}\n[class^=\"weui-icon-\"]:before,[class*=\" weui-icon-\"]:before{display:inline-block;margin-left:.2em;margin-right:.2em\n}\n.weui-icon-circle:before{content:\"\\EA01\"\n}\n.weui-icon-download:before{content:\"\\EA02\"\n}\n.weui-icon-info:before{content:\"\\EA03\"\n}\n.weui-icon-safe_success:before{content:\"\\EA04\"\n}\n.weui-icon-safe_warn:before{content:\"\\EA05\"\n}\n.weui-icon-success:before{content:\"\\EA06\"\n}\n.weui-icon-success-circle:before{content:\"\\EA07\"\n}\n.weui-icon-success-no-circle:before{content:\"\\EA08\"\n}\n.weui-icon-waiting:before{content:\"\\EA09\"\n}\n.weui-icon-waiting-circle:before{content:\"\\EA0A\"\n}\n.weui-icon-warn:before{content:\"\\EA0B\"\n}\n.weui-icon-info-circle:before{content:\"\\EA0C\"\n}\n.weui-icon-cancel:before{content:\"\\EA0D\"\n}\n.weui-icon-search:before{content:\"\\EA0E\"\n}\n.weui-icon-clear:before{content:\"\\EA0F\"\n}\n.weui-icon-back:before{content:\"\\EA10\"\n}\n.weui-icon-delete:before{content:\"\\EA11\"\n}\n[class^=\"weui-icon_\"]:before,[class*=\" weui-icon_\"]:before{margin:0\n}\n.weui-icon-success{font-size:23px;color:#09BB07\n}\n.weui-icon-waiting{font-size:23px;color:#10AEFF\n}\n.weui-icon-warn{font-size:23px;color:#F43530\n}\n.weui-icon-info{font-size:23px;color:#10AEFF\n}\n.weui-icon-success-circle{font-size:23px;color:#09BB07\n}\n.weui-icon-success-no-circle{font-size:23px;color:#09BB07\n}\n.weui-icon-waiting-circle{font-size:23px;color:#10AEFF\n}\n.weui-icon-circle{font-size:23px;color:#C9C9C9\n}\n.weui-icon-download{font-size:23px;color:#09BB07\n}\n.weui-icon-info-circle{font-size:23px;color:#09BB07\n}\n.weui-icon-safe-success{color:#09BB07\n}\n.weui-icon-safe-warn{color:#FFBE00\n}\n.weui-icon-cancel{color:#F43530;font-size:22px\n}\n.weui-icon-search{color:#B2B2B2;font-size:14px\n}\n.weui-icon-clear{color:#B2B2B2;font-size:14px\n}\n.weui-icon-delete.weui-icon_gallery-delete{color:#FFFFFF;font-size:22px\n}\n.weui-icon_msg{font-size:93px\n}\n.weui-icon_msg.weui-icon-warn{color:#F76260\n}\n.weui-icon_msg-primary{font-size:93px\n}\n.weui-icon_msg-primary.weui-icon-warn{color:#C9C9C9\n}\n.weui-btn{position:relative;display:block;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px;box-sizing:border-box;font-size:18px;text-align:center;text-decoration:none;color:#FFFFFF;line-height:2.55555556;border-radius:5px;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden\n}\n.weui-btn:after{content:\" \";width:200%;height:200%;position:absolute;top:0;left:0;border:1px solid rgba(0,0,0,0.2);transform:scale(.5);transform-origin:0 0;box-sizing:border-box;border-radius:10px\n}\n.weui-btn_inline{display:inline-block\n}\n.weui-btn_default{color:#000000;background-color:#F8F8F8\n}\n.weui-btn_default:not(.weui-btn_disabled):visited{color:#000000\n}\n.weui-btn_default:not(.weui-btn_disabled):active{color:rgba(0,0,0,0.6);background-color:#DEDEDE\n}\n.weui-btn_primary{background-color:#1AAD19\n}\n.weui-btn_primary:not(.weui-btn_disabled):visited{color:#FFFFFF\n}\n.weui-btn_primary:not(.weui-btn_disabled):active{color:rgba(255,255,255,0.6);background-color:#179B16\n}\n.weui-btn_warn{background-color:#E64340;border:1px solid #E64340\n}\n.weui-btn_warn:not(.weui-btn_disabled):visited{color:#FFFFFF\n}\n.weui-btn_warn:not(.weui-btn_disabled):active{color:rgba(255,255,255,0.6);background-color:#CE3C39\n}\n.weui-btn_disabled{color:rgba(255,255,255,0.6)\n}\n.weui-btn_disabled.weui-btn_default{color:rgba(0,0,0,0.3);background-color:#F7F7F7\n}\n.weui-btn_disabled.weui-btn_primary{background-color:#9ED99D\n}\n.weui-btn_disabled.weui-btn_warn{background-color:#EC8B89\n}\n.weui-btn_plain-primary{color:#1aad19;border:1px solid #1aad19\n}\n.weui-btn_plain-primary:not(.weui-btn_plain-disabled):active{color:rgba(26,173,25,0.6);border-color:rgba(26,173,25,0.6)\n}\n.weui-btn_plain-primary:after{border-width:0\n}\n.weui-btn_plain-default{color:#353535;border:1px solid #353535\n}\n.weui-btn_plain-default:not(.weui-btn_plain-disabled):active{color:rgba(53,53,53,0.6);border-color:rgba(53,53,53,0.6)\n}\n.weui-btn_plain-default:after{border-width:0\n}\n.weui-btn_plain-disabled{color:rgba(0,0,0,0.2);border-color:rgba(0,0,0,0.2)\n}\nbutton.weui-btn,input.weui-btn{width:100%;border-width:0;outline:0;-webkit-appearance:none\n}\nbutton.weui-btn:focus,input.weui-btn:focus{outline:0\n}\nbutton.weui-btn_inline,input.weui-btn_inline,button.weui-btn_mini,input.weui-btn_mini{width:auto\n}\nbutton.weui-btn_plain-primary,input.weui-btn_plain-primary,button.weui-btn_plain-default,input.weui-btn_plain-default{border-width:1px;background-color:transparent\n}\n.weui-btn_mini{display:inline-block;padding:0 1.32em;line-height:2.3;font-size:13px\n}\n.weui-btn+.weui-btn{margin-top:15px\n}\n.weui-btn.weui-btn_inline+.weui-btn.weui-btn_inline{margin-top:auto;margin-left:15px\n}\n.weui-btn-area{margin:1.17647059em 15px .3em\n}\n.weui-btn-area_inline{display:-ms-flexbox;display:flex\n}\n.weui-btn-area_inline .weui-btn{margin-top:auto;margin-right:15px;width:100%;-ms-flex:1;flex:1\n}\n.weui-btn-area_inline .weui-btn:last-child{margin-right:0\n}\n.weui-cells{margin-top:1.17647059em;background-color:#FFFFFF;line-height:1.41176471;font-size:17px;overflow:hidden;position:relative\n}\n.weui-cells:before{content:\" \";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D9D9D9;color:#D9D9D9;transform-origin:0 0;transform:scaleY(.5)\n}\n.weui-cells:after{content:\" \";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #D9D9D9;color:#D9D9D9;transform-origin:0 100%;transform:scaleY(.5)\n}\n.weui-cells__title{margin-top:.77em;margin-bottom:.3em;padding-left:15px;padding-right:15px;color:#999999;font-size:14px\n}\n.weui-cells__title+.weui-cells{margin-top:0\n}\n.weui-cells__tips{margin-top:.3em;color:#999999;padding-left:15px;padding-right:15px;font-size:14px\n}\n.weui-cell{padding:10px 15px;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center\n}\n.weui-cell:before{content:\" \";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D9D9D9;color:#D9D9D9;transform-origin:0 0;transform:scaleY(.5);left:15px\n}\n.weui-cell:first-child:before{display:none\n}\n.weui-cell_primary{-ms-flex-align:start;align-items:flex-start\n}\n.weui-cell__bd{-ms-flex:1;flex:1\n}\n.weui-cell__ft{text-align:right;color:#999999\n}\n.weui-cell_access{-webkit-tap-highlight-color:rgba(0,0,0,0);color:inherit\n}\n.weui-cell_access:active{background-color:#ECECEC\n}\n.weui-cell_access .weui-cell__ft{padding-right:13px;position:relative\n}\n.weui-cell_access .weui-cell__ft:after{content:\" \";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#C8C8CD;border-style:solid;transform:matrix(.71, .71, -0.71, .71, 0, 0);position:relative;top:-2px;position:absolute;top:50%;margin-top:-4px;right:2px\n}\n.weui-cell_link{color:#586C94;font-size:14px\n}\n.weui-cell_link:first-child:before{display:block\n}\n.weui-check__label{-webkit-tap-highlight-color:rgba(0,0,0,0)\n}\n.weui-check__label:active{background-color:#ECECEC\n}\n.weui-check{position:absolute;left:-9999em\n}\n.weui-cells_radio .weui-cell__ft{padding-left:.35em\n}\n.weui-cells_radio .weui-check:checked+.weui-icon-checked:before{display:block;content:'\\EA08';color:#09BB07;font-size:16px\n}\n.weui-cells_checkbox .weui-cell__hd{padding-right:.35em\n}\n.weui-cells_checkbox .weui-icon-checked:before{content:'\\EA01';color:#C9C9C9;font-size:23px;display:block\n}\n.weui-cells_checkbox .weui-check:checked+.weui-icon-checked:before{content:'\\EA06';color:#09BB07\n}\n.weui-label{display:block;width:105px;word-wrap:break-word;word-break:break-all\n}\n.weui-input{width:100%;border:0;outline:0;-webkit-appearance:none;background-color:transparent;font-size:inherit;color:inherit;height:1.41176471em;line-height:1.41176471\n}\n.weui-input::-webkit-outer-spin-button,.weui-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0\n}\n.weui-textarea{display:block;border:0;resize:none;width:100%;color:inherit;font-size:1em;line-height:inherit;outline:0\n}\n.weui-textarea-counter{color:#B2B2B2;text-align:right\n}\n.weui-cell_warn .weui-textarea-counter{color:#E64340\n}\n.weui-toptips{display:none;position:fixed;transform:translateZ(0);top:0;left:0;right:0;padding:5px;font-size:14px;text-align:center;color:#FFF;z-index:5000;word-wrap:break-word;word-break:break-all\n}\n.weui-toptips_warn{background-color:#E64340\n}\n.weui-cells_form .weui-cell__ft{font-size:0\n}\n.weui-cells_form .weui-icon-warn{display:none\n}\n.weui-cells_form input,.weui-cells_form textarea,.weui-cells_form label[for]{-webkit-tap-highlight-color:rgba(0,0,0,0)\n}\n.weui-cell_warn{color:#E64340\n}\n.weui-cell_warn .weui-icon-warn{display:inline-block\n}\n.weui-form-preview{position:relative;background-color:#FFFFFF\n}\n.weui-form-preview:before{content:\" \";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D9D9D9;color:#D9D9D9;transform-origin:0 0;transform:scaleY(.5)\n}\n.weui-form-preview:after{content:\" \";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #D9D9D9;color:#D9D9D9;transform-origin:0 100%;transform:scaleY(.5)\n}\n.weui-form-preview__hd{position:relative;padding:10px 15px;text-align:right;line-height:2.5em\n}\n.weui-form-preview__hd:after{content:\" \";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #D9D9D9;color:#D9D9D9;transform-origin:0 100%;transform:scaleY(.5);left:15px\n}\n.weui-form-preview__hd .weui-form-preview__value{font-style:normal;font-size:1.6em\n}\n.weui-form-preview__bd{padding:10px 15px;font-size:.9em;text-align:right;color:#999999;line-height:2\n}\n.weui-form-preview__ft{position:relative;line-height:50px;display:-ms-flexbox;display:flex\n}\n.weui-form-preview__ft:after{content:\" \";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;transform-origin:0 0;transform:scaleY(.5)\n}\n.weui-form-preview__item{overflow:hidden\n}\n.weui-form-preview__label{float:left;margin-right:1em;min-width:4em;color:#999999;text-align:justify;text-align-last:justify\n}\n.weui-form-preview__value{display:block;overflow:hidden;word-break:normal;word-wrap:break-word\n}\n.weui-form-preview__btn{position:relative;display:block;-ms-flex:1;flex:1;color:#3CC51F;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)\n}\nbutton.weui-form-preview__btn{background-color:transparent;border:0;outline:0;font-size:inherit\n}\n.weui-form-preview__btn:active{background-color:#EEEEEE\n}\n.weui-form-preview__btn:after{content:\" \";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;transform-origin:0 0;transform:scaleX(.5)\n}\n.weui-form-preview__btn:first-child:after{display:none\n}\n.weui-form-preview__btn_default{color:#999999\n}\n.weui-form-preview__btn_primary{color:#0BB20C\n}\n.weui-cell_select{padding:0\n}\n.weui-cell_select .weui-select{padding-right:30px\n}\n.weui-cell_select .weui-cell__bd:after{content:\" \";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#C8C8CD;border-style:solid;transform:matrix(.71, .71, -0.71, .71, 0, 0);position:relative;top:-2px;position:absolute;top:50%;right:15px;margin-top:-3px\n}\n.weui-select{-webkit-appearance:none;border:0;outline:0;background-color:transparent;width:100%;font-size:inherit;height:44px;line-height:44px;position:relative;z-index:1;padding-left:15px\n}\n.weui-cell_select-before{padding-right:15px\n}\n.weui-cell_select-before .weui-select{width:105px;box-sizing:border-box\n}\n.weui-cell_select-before .weui-cell__hd{position:relative\n}\n.weui-cell_select-before .weui-cell__hd:after{content:\" \";position:absolute;right:0;top:0;width:1px;bottom:0;border-right:1px solid #D9D9D9;color:#D9D9D9;transform-origin:100% 0;transform:scaleX(.5)\n}\n.weui-cell_select-before .weui-cell__hd:before{content:\" \";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#C8C8CD;border-style:solid;transform:matrix(.71, .71, -0.71, .71, 0, 0);position:relative;top:-2px;position:absolute;top:50%;right:15px;margin-top:-3px\n}\n.weui-cell_select-before .weui-cell__bd{padding-left:15px\n}\n.weui-cell_select-before .weui-cell__bd:after{display:none\n}\n.weui-cell_select-after{padding-left:15px\n}\n.weui-cell_select-after .weui-select{padding-left:0\n}\n.weui-cell_vcode{padding-top:0;padding-right:0;padding-bottom:0\n}\n.weui-vcode-img{margin-left:5px;height:44px;vertical-align:middle\n}\n.weui-vcode-btn{display:inline-block;height:44px;margin-left:5px;padding:0 .6em 0 .7em;border-left:1px solid #E5E5E5;line-height:44px;vertical-align:middle;font-size:17px;color:#3CC51F\n}\n.weui-vcode-btn:active{color:#52a341\n}\n.weui-gallery{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000;z-index:1000\n}\n.weui-gallery__img{position:absolute;top:0;right:0;bottom:60px;left:0;background:center center no-repeat;background-size:contain\n}\n.weui-gallery__opr{position:absolute;right:0;bottom:0;left:0;background-color:#0D0D0D;color:#FFFFFF;line-height:60px;text-align:center\n}\n.weui-gallery__del{display:block\n}\n.weui-cell_switch{padding-top:6px;padding-bottom:6px\n}\n.weui-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:52px;height:32px;border:1px solid #DFDFDF;outline:0;border-radius:16px;box-sizing:border-box;background-color:#DFDFDF;transition:background-color .1s,border .1s\n}\n.weui-switch:before{content:\" \";position:absolute;top:0;left:0;width:50px;height:30px;border-radius:15px;background-color:#FDFDFD;transition:transform .35s cubic-bezier(.45, 1, .4, 1)\n}\n.weui-switch:after{content:\" \";position:absolute;top:0;left:0;width:30px;height:30px;border-radius:15px;background-color:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,0.4);transition:transform .35s cubic-bezier(.4, .4, .25, 1.35)\n}\n.weui-switch:checked{border-color:#04BE02;background-color:#04BE02\n}\n.weui-switch:checked:before{transform:scale(0)\n}\n.weui-switch:checked:after{transform:translateX(20px)\n}\n.weui-uploader__hd{display:-ms-flexbox;display:flex;padding-bottom:10px;-ms-flex-align:center;align-items:center\n}\n.weui-uploader__title{-ms-flex:1;flex:1\n}\n.weui-uploader__info{color:#B2B2B2\n}\n.weui-uploader__bd{margin-bottom:-4px;margin-right:-9px;overflow:hidden\n}\n.weui-uploader__files{list-style:none\n}\n.weui-uploader__file{float:left;margin-right:9px;margin-bottom:9px;width:79px;height:79px;background:no-repeat center center;background-size:cover\n}\n.weui-uploader__file_status{position:relative\n}\n.weui-uploader__file_status:before{content:\" \";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5)\n}\n.weui-uploader__file_status .weui-uploader__file-content{display:block\n}\n.weui-uploader__file-content{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#FFFFFF\n}\n.weui-uploader__file-content .weui-icon-warn{display:inline-block\n}\n.weui-uploader__input-box{float:left;position:relative;margin-right:9px;margin-bottom:9px;width:77px;height:77px;border:1px solid #D9D9D9\n}\n.weui-uploader__input-box:before,.weui-uploader__input-box:after{content:\" \";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#D9D9D9\n}\n.weui-uploader__input-box:before{width:2px;height:39.5px\n}\n.weui-uploader__input-box:after{width:39.5px;height:2px\n}\n.weui-uploader__input-box:active{border-color:#999999\n}\n.weui-uploader__input-box:active:before,.weui-uploader__input-box:active:after{background-color:#999999\n}\n.weui-uploader__input{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0)\n}\n.weui-msg{padding-top:36px;text-align:center\n}\n.weui-msg__icon-area{margin-bottom:30px\n}\n.weui-msg__text-area{margin-bottom:25px;padding:0 20px\n}\n.weui-msg__text-area a{color:#586C94\n}\n.weui-msg__title{margin-bottom:5px;font-weight:400;font-size:20px\n}\n.weui-msg__desc{font-size:14px;color:#999999\n}\n.weui-msg__opr-area{margin-bottom:25px\n}\n.weui-msg__extra-area{margin-bottom:15px;font-size:14px;color:#999999\n}\n.weui-msg__extra-area a{color:#586C94\n}\n@media screen and (min-height:438px){\n.weui-msg__extra-area{position:fixed;left:0;bottom:0;width:100%;text-align:center\n}\n}\n.weui-article{padding:20px 15px;font-size:15px\n}\n.weui-article section{margin-bottom:1.5em\n}\n.weui-article h1{font-size:18px;font-weight:400;margin-bottom:.9em\n}\n.weui-article h2{font-size:16px;font-weight:400;margin-bottom:.34em\n}\n.weui-article h3{font-weight:400;font-size:15px;margin-bottom:.34em\n}\n.weui-article *{max-width:100%;box-sizing:border-box;word-wrap:break-word\n}\n.weui-article p{margin:0 0 .8em\n}\n.weui-tabbar{display:-ms-flexbox;display:flex;position:absolute;z-index:500;bottom:0;width:100%;background-color:white\n}\n.weui-tabbar:before{content:\" \";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #C0BFC4;color:#C0BFC4;transform-origin:0 0;transform:scaleY(.5)\n}\n.weui-tabbar__item{display:block;-ms-flex:1;flex:1;padding:7px 0 0;font-size:0;color:#999999;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)\n}\n.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{color:#09BB07\n}\n.weui-tabbar__icon{display:inline-block;width:24px;height:24px\n}\ni.weui-tabbar__icon,.weui-tabbar__icon>i{font-size:24px;color:#999999\n}\n.weui-tabbar__icon img{width:100%;height:100%\n}\n.weui-tabbar__icon+.weui-tabbar__label{margin-top:5px;margin-bottom:3px\n}\n.weui-tabbar__label{text-align:center;color:#999999;font-size:12px\n}\n.weui-navbar{display:-ms-flexbox;display:flex;position:absolute;z-index:500;top:0;width:100%;background-color:#fafafa\n}\n.weui-navbar:after{content:\" \";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #CCCCCC;color:#CCCCCC;transform-origin:0 100%;transform:scaleY(.5)\n}\n.weui-navbar+.weui-tab__panel{padding-top:50px;padding-bottom:0\n}\n.weui-navbar__item{position:relative;display:block;-ms-flex:1;flex:1;padding:13px 0;text-align:center;font-size:15px;-webkit-tap-highlight-color:rgba(0,0,0,0)\n}\n.weui-navbar__item:active{background-color:#ededed\n}\n.weui-navbar__item.weui-bar__item_on{background-color:#eaeaea\n}\n.weui-navbar__item:after{content:\" \";position:absolute;right:0;top:0;width:1px;bottom:0;border-right:1px solid #CCCCCC;color:#CCCCCC;transform-origin:100% 0;transform:scaleX(.5)\n}\n.weui-navbar__item:last-child:after{display:none\n}\n.weui-tab{position:relative;height:100%\n}\n.weui-tab__panel{box-sizing:border-box;height:100%;padding-bottom:55px;overflow:auto;-webkit-overflow-scrolling:touch\n}\n.weui-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center\n}\n.weui-progress__bar{background-color:#EBEBEB;height:3px;-ms-flex:1;flex:1\n}\n.weui-progress__inner-bar{width:0;height:100%;background-color:#09BB07\n}\n.weui-progress__opr{display:block;margin-left:15px;font-size:0\n}\n.weui-panel{background-color:#FFFFFF;margin-top:10px;position:relative;overflow:hidden\n}\n.weui-panel:first-child{margin-top:0\n}\n.weui-panel:before{content:\" \";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #E5E5E5;color:#E5E5E5;transform-origin:0 0;transform:scaleY(.5)\n}\n.weui-panel:after{content:\" \";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #E5E5E5;color:#E5E5E5;transform-origin:0 100%;transform:scaleY(.5)\n}\n.weui-panel__hd{padding:14px 15px 10px;color:#999999;font-size:13px;position:relative\n}\n.weui-panel__hd:after{content:\" \";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #E5E5E5;color:#E5E5E5;transform-origin:0 100%;transform:scaleY(.5);left:15px\n}\n.weui-media-box{padding:15px;position:relative\n}\n.weui-media-box:before{content:\" \";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #E5E5E5;color:#E5E5E5;transform-origin:0 0;transform:scaleY(.5);left:15px\n}\n.weui-media-box:first-child:before{display:none\n}\na.weui-media-box{color:#000000;-webkit-tap-highlight-color:rgba(0,0,0,0)\n}\na.weui-media-box:active{background-color:#ECECEC\n}\n.weui-media-box__title{font-weight:400;font-size:17px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;word-wrap:break-word;word-break:break-all\n}\n.weui-media-box__desc{color:#999999;font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2\n}\n.weui-media-box__info{margin-top:15px;padding-bottom:5px;font-size:13px;color:#CECECE;line-height:1em;list-style:none;overflow:hidden\n}\n.weui-media-box__info__meta{float:left;padding-right:1em\n}\n.weui-media-box__info__meta_extra{padding-left:1em;border-left:1px solid #CECECE\n}\n.weui-media-box_text .weui-media-box__title{margin-bottom:8px\n}\n.weui-media-box_appmsg{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center\n}\n.weui-media-box_appmsg .weui-media-box__hd{margin-right:.8em;width:60px;height:60px;line-height:60px;text-align:center\n}\n.weui-media-box_appmsg .weui-media-box__thumb{width:100%;max-height:100%;vertical-align:top\n}\n.weui-media-box_appmsg .weui-media-box__bd{-ms-flex:1;flex:1;min-width:0\n}\n.weui-media-box_small-appmsg{padding:0\n}\n.weui-media-box_small-appmsg .weui-cells{margin-top:0\n}\n.weui-media-box_small-appmsg .weui-cells:before{display:none\n}\n.weui-grids{position:relative;overflow:hidden;background-color:white\n}\n.weui-grids:before{content:\" \";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D9D9D9;color:#D9D9D9;transform-origin:0 0;transform:scaleY(.5)\n}\n.weui-grids:after{content:\" \";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D9D9D9;color:#D9D9D9;transform-origin:0 0;transform:scaleX(.5)\n}\n.weui-grid{position:relative;float:left;padding:20px 10px;width:33.33333333%;box-sizing:border-box\n}\n.weui-grid:before{content:\" \";position:absolute;right:0;top:0;width:1px;bottom:0;border-right:1px solid #D9D9D9;color:#D9D9D9;transform-origin:100% 0;transform:scaleX(.5)\n}\n.weui-grid:after{content:\" \";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #D9D9D9;color:#D9D9D9;transform-origin:0 100%;transform:scaleY(.5)\n}\n.weui-grid:active{background-color:#ECECEC\n}\n.weui-grid__icon{width:28px;height:28px;margin:0 auto\n}\n.weui-grid__icon img{display:block;width:100%;height:100%\n}\n.weui-grid__icon+.weui-grid__label{margin-top:5px\n}\n.weui-grid__label{display:block;text-align:center;color:#000000;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden\n}\n.weui-footer{color:#999999;font-size:14px;text-align:center\n}\n.weui-footer a{color:#586C94\n}\n.weui-footer_fixed-bottom{position:fixed;bottom:.52em;left:0;right:0\n}\n.weui-footer__links{font-size:0\n}\n.weui-footer__link{display:inline-block;vertical-align:top;margin:0 .62em;position:relative;font-size:14px\n}\n.weui-footer__link:before{content:\" \";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #C7C7C7;color:#C7C7C7;transform-origin:0 0;transform:scaleX(.5);left:-0.65em;top:.36em;bottom:.36em\n}\n.weui-footer__link:first-child:before{display:none\n}\n.weui-footer__text{padding:0 .34em;font-size:12px\n}\n.weui-flex{display:-ms-flexbox;display:flex\n}\n.weui-flex__item{-ms-flex:1;flex:1\n}\n.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#FFFFFF;text-align:center;border-radius:3px;overflow:hidden\n}\n.weui-dialog__hd{padding:1.3em 1.6em .5em\n}\n.weui-dialog__title{font-weight:400;font-size:18px\n}\n.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999999\n}\n.weui-dialog__bd:first-child{padding:2.7em 20px 1.7em;color:#353535\n}\n.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-ms-flexbox;display:flex\n}\n.weui-dialog__ft:after{content:\" \";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;transform-origin:0 0;transform:scaleY(.5)\n}\n.weui-dialog__btn{display:block;-ms-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative\n}\n.weui-dialog__btn:active{background-color:#EEEEEE\n}\n.weui-dialog__btn:after{content:\" \";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;transform-origin:0 0;transform:scaleX(.5)\n}\n.weui-dialog__btn:first-child:after{display:none\n}\n.weui-dialog__btn_default{color:#353535\n}\n.weui-dialog__btn_primary{color:#0BB20C\n}\n.weui-skin_android .weui-dialog{text-align:left;box-shadow:0 6px 30px 0 rgba(0,0,0,0.1)\n}\n.weui-skin_android .weui-dialog__title{font-size:21px\n}\n.weui-skin_android .weui-dialog__hd{text-align:left\n}\n.weui-skin_android .weui-dialog__bd{color:#999999;padding:.25em 1.6em 2em;font-size:17px;text-align:left\n}\n.weui-skin_android .weui-dialog__bd:first-child{padding:1.6em 1.6em 2em;color:#353535\n}\n.weui-skin_android .weui-dialog__ft{display:block;text-align:right;line-height:42px;font-size:16px;padding:0 1.6em .7em\n}\n.weui-skin_android .weui-dialog__ft:after{display:none\n}\n.weui-skin_android .weui-dialog__btn{display:inline-block;vertical-align:top;padding:0 .8em\n}\n.weui-skin_android .weui-dialog__btn:after{display:none\n}\n.weui-skin_android .weui-dialog__btn:active{background-color:rgba(0,0,0,0.06)\n}\n.weui-skin_android .weui-dialog__btn:visited{background-color:rgba(0,0,0,0.06)\n}\n.weui-skin_android .weui-dialog__btn:last-child{margin-right:-0.8em\n}\n.weui-skin_android .weui-dialog__btn_default{color:#808080\n}\n@media screen and (min-width:1024px){\n.weui-dialog{width:35%\n}\n}\n.weui-toast{position:fixed;z-index:5000;width:7.6em;min-height:7.6em;top:180px;left:50%;margin-left:-3.8em;background:rgba(40,40,40,0.75);text-align:center;border-radius:5px;color:#FFFFFF\n}\n.weui-icon_toast{margin:22px 0 0;display:block\n}\n.weui-icon_toast.weui-icon-success-no-circle:before{color:#FFFFFF;font-size:55px\n}\n.weui-icon_toast.weui-loading{margin:30px 0 0;width:38px;height:38px;vertical-align:baseline\n}\n.weui-toast__content{margin:0 0 15px\n}\n.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.6)\n}\n.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0\n}\n.weui-actionsheet{position:fixed;left:0;bottom:0;transform:translate(0, 100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:5000;width:100%;background-color:#EFEFF4;transition:transform .3s\n}\n.weui-actionsheet__menu{background-color:#FFFFFF\n}\n.weui-actionsheet__action{margin-top:6px;background-color:#FFFFFF\n}\n.weui-actionsheet__cell{position:relative;padding:10px 0;text-align:center;font-size:18px\n}\n.weui-actionsheet__cell:before{content:\" \";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D9D9D9;color:#D9D9D9;transform-origin:0 0;transform:scaleY(.5)\n}\n.weui-actionsheet__cell:active{background-color:#ECECEC\n}\n.weui-actionsheet__cell:first-child:before{display:none\n}\n.weui-skin_android .weui-actionsheet{position:fixed;left:50%;top:50%;bottom:auto;transform:translate(-50%, -50%);width:274px;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;transition:transform .3s\n}\n.weui-skin_android .weui-actionsheet__action{display:none\n}\n.weui-skin_android .weui-actionsheet__menu{border-radius:2px;box-shadow:0 6px 30px 0 rgba(0,0,0,0.1)\n}\n.weui-skin_android .weui-actionsheet__cell{padding:13px 24px;font-size:16px;line-height:1.4;text-align:left\n}\n.weui-skin_android .weui-actionsheet__cell:first-child{border-top-left-radius:2px;border-top-right-radius:2px\n}\n.weui-skin_android .weui-actionsheet__cell:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px\n}\n.weui-actionsheet_toggle{transform:translate(0, 0)\n}\n.weui-loadmore{width:65%;margin:1.5em auto;line-height:1.6em;font-size:14px;text-align:center\n}\n.weui-loadmore__tips{display:inline-block;vertical-align:middle\n}\n.weui-loadmore_line{border-top:1px solid #E5E5E5;margin-top:2.4em\n}\n.weui-loadmore_line .weui-loadmore__tips{position:relative;top:-0.9em;padding:0 .55em;background-color:#FFFFFF;color:#999999\n}\n.weui-loadmore_dot .weui-loadmore__tips{padding:0 .16em\n}\n.weui-loadmore_dot .weui-loadmore__tips:before{content:\" \";width:4px;height:4px;border-radius:50%;background-color:#E5E5E5;display:inline-block;position:relative;vertical-align:0;top:-0.16em\n}\n.weui-search-bar{position:relative;padding:8px 10px;display:-ms-flexbox;display:flex;box-sizing:border-box;background-color:#EFEFF4\n}\n.weui-search-bar:before{content:\" \";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D7D6DC;color:#D7D6DC;transform-origin:0 0;transform:scaleY(.5)\n}\n.weui-search-bar:after{content:\" \";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #D7D6DC;color:#D7D6DC;transform-origin:0 100%;transform:scaleY(.5)\n}\n.weui-search-bar.weui-search-bar_focusing .weui-search-bar__cancel-btn{display:block\n}\n.weui-search-bar.weui-search-bar_focusing .weui-search-bar__label{display:none\n}\n.weui-search-bar__form{position:relative;-ms-flex:auto;flex:auto;background-color:#EFEFF4\n}\n.weui-search-bar__form:after{content:'';position:absolute;left:0;top:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;border-radius:10px;border:1px solid #E6E6EA;box-sizing:border-box;background:#FFFFFF\n}\n.weui-search-bar__box{position:relative;padding-left:30px;padding-right:30px;height:100%;width:100%;box-sizing:border-box;z-index:1\n}\n.weui-search-bar__box .weui-search-bar__input{padding:4px 0;width:100%;height:1.42857143em;border:0;font-size:14px;line-height:1.42857143em;box-sizing:content-box;background:transparent\n}\n.weui-search-bar__box .weui-search-bar__input:focus{outline:none\n}\n.weui-search-bar__box .weui-icon-search{position:absolute;left:10px;top:0;line-height:28px\n}\n.weui-search-bar__box .weui-icon-clear{position:absolute;top:0;right:0;padding:0 10px;line-height:28px\n}\n.weui-search-bar__label{position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:2;border-radius:3px;text-align:center;color:#9B9B9B;background:#FFFFFF\n}\n.weui-search-bar__label span{display:inline-block;font-size:14px;vertical-align:middle\n}\n.weui-search-bar__label .weui-icon-search{margin-right:5px\n}\n.weui-search-bar__cancel-btn{display:none;margin-left:10px;line-height:28px;color:#09BB07;white-space:nowrap\n}\n.weui-search-bar__input:not(:valid)~.weui-icon-clear{display:none\n}\ninput[type=\"search\"]::-webkit-search-decoration,input[type=\"search\"]::-webkit-search-cancel-button,input[type=\"search\"]::-webkit-search-results-button,input[type=\"search\"]::-webkit-search-results-decoration{display:none\n}\n.weui-picker{position:fixed;width:100%;left:0;bottom:0;z-index:5000;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate(0, 100%);transition:transform .3s\n}\n.weui-picker__hd{display:-ms-flexbox;display:flex;padding:10px 15px;background-color:#fbf9fe;position:relative;text-align:center\n}\n.weui-picker__hd:after{content:\" \";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #E5E5E5;color:#E5E5E5;transform-origin:0 100%;transform:scaleY(.5)\n}\n.weui-picker__action{display:block;-ms-flex:1;flex:1;color:#586C94\n}\n.weui-picker__action:first-child{text-align:left\n}\n.weui-picker__action:last-child{text-align:right\n}\n.weui-picker__bd{display:-ms-flexbox;display:flex;position:relative;background-color:#fff;height:238px;overflow:hidden\n}\n.weui-picker__group{-ms-flex:1;flex:1;position:relative;height:100%\n}\n.weui-picker__mask{position:absolute;top:0;left:0;width:100%;height:100%;margin:0 auto;z-index:3;background:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.6)),linear-gradient(0deg, rgba(255,255,255,0.95), rgba(255,255,255,0.6));background-position:top,bottom;background-size:100% 102px;background-repeat:no-repeat;transform:translateZ(0)\n}\n.weui-picker__indicator{width:100%;height:34px;position:absolute;left:0;top:102px;z-index:3\n}\n.weui-picker__indicator:before{content:\" \";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #E5E5E5;color:#E5E5E5;transform-origin:0 0;transform:scaleY(.5)\n}\n.weui-picker__indicator:after{content:\" \";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #E5E5E5;color:#E5E5E5;transform-origin:0 100%;transform:scaleY(.5)\n}\n.weui-picker__content{position:absolute;top:0;left:0;width:100%\n}\n.weui-picker__item{padding:5px 0 4px;text-align:center;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden\n}\n.weui-picker__item_disabled{color:#999999\n}\n@keyframes slideUp{\nfrom{transform:translate3d(0, 100%, 0)\n}\nto{transform:translate3d(0, 0, 0)\n}\n}\n.weui-animate-slide-up{animation:slideUp ease .3s forwards\n}\n@keyframes slideDown{\nfrom{transform:translate3d(0, 0, 0)\n}\nto{transform:translate3d(0, 100%, 0)\n}\n}\n.weui-animate-slide-down{animation:slideDown ease .3s forwards\n}\n@keyframes fadeIn{\nfrom{opacity:0\n}\nto{opacity:1\n}\n}\n.weui-animate-fade-in{animation:fadeIn ease .3s forwards\n}\n@keyframes fadeOut{\nfrom{opacity:1\n}\nto{opacity:0\n}\n}\n.weui-animate-fade-out{animation:fadeOut ease .3s forwards\n}\n.weui-agree{display:block;padding:.5em 15px;font-size:13px\n}\n.weui-agree a{color:#586C94\n}\n.weui-agree__text{color:#999999\n}\n.weui-agree__checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;font-size:0;border:1px solid #D1D1D1;background-color:#FFFFFF;border-radius:3px;width:13px;height:13px;position:relative;vertical-align:0;top:2px\n}\n.weui-agree__checkbox:checked:before{font-family:\"weui\";font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-align:center;speak:none;display:inline-block;vertical-align:middle;text-decoration:inherit;content:\"\\EA08\";color:#09BB07;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%, -48%) scale(.73)\n}\n.weui-agree__checkbox:disabled{background-color:#E1E1E1\n}\n.weui-agree__checkbox:disabled:before{color:#ADADAD\n}\n.weui-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;animation:weuiLoading 1s steps(12, end) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;background-size:100%\n}\n@keyframes weuiLoading{\n0%{transform:rotate3d(0, 0, 1, 0deg)\n}\n100%{transform:rotate3d(0, 0, 1, 360deg)\n}\n}\n.weui-badge{display:inline-block;padding:.15em .4em;min-width:8px;border-radius:18px;background-color:#E64340;color:#FFFFFF;line-height:1.2;text-align:center;font-size:12px;vertical-align:middle\n}\n.weui-badge_dot{padding:.4em;min-width:0\n}\nbody{-webkit-overflow-scrolling:touch\n}\n.ab{position:absolute;top:30%;left:3%\n}\nbody{background-color:#eee;font-family:\"Microsoft YaHei\"\n}\n#menu a{color:white;font-size:14px;text-align:center\n}\n#menu-left a{color:white\n}\n.nav{position:fixed\n}\n#box{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around\n}\n\n\n// WEBPACK FOOTER //\n// webpack:///src/App.vue"],"sourceRoot":""} -------------------------------------------------------------------------------- /demo/js/app.1c8daba227977db63c1e.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([2,0],{0:function(e,t,i){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}var o=i(84),s=n(o),a=i(78),r=n(a),u=i(77),l=n(u);l.default.attach(document.body),new s.default({el:"#app",template:"",components:{App:r.default}})},37:function(e,t,i){var n,o,s;(function(e){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}var r=i(41),u=a(r),l=i(44),m=a(l);!function(i,a){"object"==(0,m.default)(t)&&"object"==(0,m.default)(e)?e.exports=a():(o=[],n=a,s="function"==typeof n?n.apply(t,o):n,!(void 0!==s&&(e.exports=s)))}(void 0,function(){return function(e){function t(n){if(i[n])return i[n].exports;var o=i[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var i={};return t.m=e,t.c=i,t.p="",t(0)}([function(e,t,i){function n(e){return e&&e.__esModule?e:{default:e}}var o=i(7),s=n(o);e.exports=s.default},,function(e,t,i){Object.defineProperty(t,"__esModule",{value:!0});var n=i(3);t.default={name:"CirleMenu",props:{type:{type:String,required:!0},number:{type:Number,required:!0,validator:function(e){return e>1&&e<5}},animate:String,mask:String,circle:Boolean,btn:Boolean,colors:Array},data:function(){return{open:!1,toggleAnimate:!1,MaskToggle:!1,BtnColor:"",Item1Color:"",Item2Color:"",Item3Color:"",Item4Color:""}},methods:{toggle:function(){this.open=!this.open,this.toggleAnimate=!this.toggleAnimate,this.MaskToggle=!this.MaskToggle}},computed:{AnimateClass:function(){return this.toggleAnimate?this.animate:""},isShow:function(){return 3!==this.number?4===this.number:"middle"!==this.type&&"middle-around"!==this.type||void console.error("when type is 'middle' or 'middle-around',this number can not 3 ---VueCircleMenu")}},mounted:function(){if(this.colors)if(this.colors.every(n.isColors)&&5===this.colors.length)for(var e=0,t=this.colors.length;e1&&e.number<5,expression:"number > 1 && number < 5"}],staticClass:"oy-menu-item oy-menu-item_1 yellow",class:e.AnimateClass,style:{background:e.Item1Color}},[e._t("item_1")],2),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:e.number>1&&e.number<5,expression:"number > 1 && number < 5"}],staticClass:"oy-menu-item oy-menu-item_2 purple",class:e.AnimateClass,style:{background:e.Item2Color}},[e._t("item_2")],2),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:e.isShow,expression:"isShow"}],staticClass:"oy-menu-item oy-menu-item_3 green",class:e.AnimateClass,style:{background:e.Item3Color}},[e._t("item_3")],2),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:4===e.number,expression:"number === 4"}],staticClass:"oy-menu-item oy-menu-item_4 blue",class:e.AnimateClass,style:{background:e.Item4Color}},[e._t("item_4")],2)])])])])},staticRenderFns:[]}},function(e,t,i){function n(e,t){for(var i=0;i=0&&b.splice(t,1)}function r(e){var t=document.createElement("style");return t.type="text/css",s(e,t),t}function l(e,t){var i,n,o;if(t.singleton){var s=v++;i=_||(_=r(t)),n=m.bind(null,i,s,!1),o=m.bind(null,i,s,!0)}else i=r(t),n=c.bind(null,i),o=function(){a(i)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}function m(e,t,i,n){var o=i?"":n.css;if(e.styleSheet)e.styleSheet.cssText=g(t,o);else{var s=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(s,a[t]):e.appendChild(s)}}function c(e,t){var i=t.css,n=t.media,o=t.sourceMap;if(n&&e.setAttribute("media",n),o&&(i+="\n/*# sourceURL="+o.sources[0]+" */",i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent((0,u.default)(o))))+" */"),e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}var p={},d=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},f=d(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),y=d(function(){return document.head||document.getElementsByTagName("head")[0]}),_=null,v=0,b=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=f()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var i=o(e);return n(i,t),function(e){for(var s=[],a=0;a-1:e.currentValue},on:{click:function(t){var i=e.currentValue,n=t.target,o=!!n.checked;if(Array.isArray(i)){var s=null,a=e._i(i,s);o?a<0&&(e.currentValue=i.concat(s)):a>-1&&(e.currentValue=i.slice(0,a).concat(i.slice(a+1)))}else e.currentValue=o}}})])])},staticRenderFns:[]}},82:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{attrs:{id:"app"}},[i("div",{staticClass:"weui-tab__panel"},[i("circle-menu",{directives:[{name:"show",rawName:"v-show",value:e.MenuBottom,expression:"MenuBottom"}],staticClass:"ab",attrs:{animate:e.AnimateType,type:e.TypeValue,mask:e.MaskType,id:"menu",circle:e.isCircle,btn:e.isBtn,number:e.NumberType}},[i("a",{staticClass:"fa fa-twitter fa-lg",on:{click:e.item1},slot:"item_1"}),e._v(" "),i("a",{staticClass:"fa fa-weixin fa-lg",on:{click:e.item2},slot:"item_2"}),e._v(" "),i("a",{staticClass:"fa fa-weibo fa-lg",on:{click:e.item3},slot:"item_3"}),e._v(" "),i("a",{staticClass:"fa fa-github fa-lg",on:{click:e.item4},slot:"item_4"})]),e._v(" "),e._m(0),e._v(" "),i("div",{attrs:{id:"box"}},[i("div",{staticClass:"weui-cells"},[i("selector",{directives:[{name:"model",rawName:"v-model",value:e.TypeValue,expression:"TypeValue"}],attrs:{title:"type",options:e.type},domProps:{value:e.TypeValue},on:{input:function(t){e.TypeValue=t}}}),e._v(" "),i("selector",{directives:[{name:"model",rawName:"v-model",value:e.NumberType,expression:"NumberType"}],attrs:{title:"number",options:e.number},domProps:{value:e.NumberType},on:{input:function(t){e.NumberType=t}}}),e._v(" "),i("selector",{directives:[{name:"model",rawName:"v-model",value:e.MaskType,expression:"MaskType"}],attrs:{title:"mask",options:e.mask},domProps:{value:e.MaskType},on:{input:function(t){e.MaskType=t}}}),e._v(" "),i("selector",{directives:[{name:"model",rawName:"v-model",value:e.AnimateType,expression:"AnimateType"}],attrs:{title:"animate",options:e.animate},domProps:{value:e.AnimateType},on:{input:function(t){e.AnimateType=t}}}),e._v(" "),i("switcher",{directives:[{name:"model",rawName:"v-model",value:e.isCircle,expression:"isCircle"}],attrs:{title:"circle"},domProps:{value:e.isCircle},on:{input:function(t){e.isCircle=t}}}),e._v(" "),i("switcher",{directives:[{name:"model",rawName:"v-model",value:e.isBtn,expression:"isBtn"}],attrs:{title:"btn"},domProps:{value:e.isBtn},on:{input:function(t){e.isBtn=t}}})],1)]),e._v(" "),i("br"),e._v(" "),i("div",{staticClass:"weui-footer"},[i("p",{staticClass:"weui-footer__links"},[i("a",{staticClass:"weui-footer__link",on:{click:function(e){}}},[e._v("VueCircleMenu")])]),e._v(" "),i("p",{staticClass:"weui-footer__text"},[e._v("Copyright © by web-oysun@qq.com")])])],1),e._v(" "),i("div",{staticClass:"weui-tabbar nav"},[i("div",{directives:[{name:"show",rawName:"v-show",value:e.MenuLeft,expression:"MenuLeft"}],staticClass:"weui-tabbar__item weui-flex"},[e._m(1),e._v(" "),i("circle-menu",{attrs:{animate:e.AnimateType,type:e.TypeValue,mask:e.MaskType,id:"menu",circle:e.isCircle,btn:e.isBtn,number:e.NumberType}},[i("a",{staticClass:"fa fa-twitter fa-lg",on:{click:e.item1},slot:"item_1"}),e._v(" "),i("a",{staticClass:"fa fa-weixin fa-lg",on:{click:e.item2},slot:"item_2"}),e._v(" "),i("a",{staticClass:"fa fa-weibo fa-lg",on:{click:e.item3},slot:"item_3"}),e._v(" "),i("a",{staticClass:"fa fa-github fa-lg",on:{click:e.item4},slot:"item_4"})]),e._v(" "),e._m(2)],1),e._v(" "),e._m(3),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:e.MenuMiddle,expression:"MenuMiddle"}],staticClass:"weui-tabbar__item weui-flex"},[e._m(4),e._v(" "),i("circle-menu",{attrs:{animate:e.AnimateType,type:e.TypeValue,mask:e.MaskType,id:"menu",circle:e.isCircle,btn:e.isBtn,number:e.NumberType}},[i("a",{staticClass:"fa fa-twitter fa-lg",on:{click:e.item1},slot:"item_1"}),e._v(" "),i("a",{staticClass:"fa fa-weixin fa-lg",on:{click:e.item2},slot:"item_2"}),e._v(" "),i("a",{staticClass:"fa fa-weibo fa-lg",on:{click:e.item3},slot:"item_3"}),e._v(" "),i("a",{staticClass:"fa fa-github fa-lg",on:{click:e.item4},slot:"item_4"})]),e._v(" "),e._m(5)],1),e._v(" "),e._m(6),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:e.MenuRight,expression:"MenuRight"}],staticClass:"weui-tabbar__item weui-flex"},[e._m(7),e._v(" "),i("circle-menu",{attrs:{animate:e.AnimateType,type:e.TypeValue,mask:e.MaskType,id:"menu",circle:e.isCircle,btn:e.isBtn,number:e.NumberType}},[i("a",{staticClass:"fa fa-twitter fa-lg",slot:"item_1"}),e._v(" "),i("a",{staticClass:"fa fa-weixin fa-lg",slot:"item_2"}),e._v(" "),i("a",{staticClass:"fa fa-weibo fa-lg",slot:"item_3"}),e._v(" "),i("a",{staticClass:"fa fa-github fa-lg",slot:"item_4"})]),e._v(" "),e._m(8)],1)])])},staticRenderFns:[function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"weui-msg"},[i("div",{staticClass:"weui-msg__icon-area"},[i("img",{staticStyle:{"border-radius":"50%"},attrs:{src:"https://avatars0.githubusercontent.com/u/21058462?v=3&s=460",width:"35%"}})]),e._v(" "),i("div",{staticClass:"weui-msg__text-area"},[i("p",{staticClass:"weui-msg__desc"},[e._v("演示需要,引入了animate.css和font-awsome")]),e._v(" "),i("p",{staticClass:"weui-msg__desc"},[e._v("colors属性不好演示，具体用法参考文档")]),e._v(" "),i("p",{staticClass:"weui-msg__desc"},[e._v("版本 V1.1.1")])]),e._v(" "),i("div",{staticClass:"weui-msg__extra-area"},[i("div",{staticClass:"weui-footer"},[i("p",{staticClass:"weui-footer__text"},[e._v("Copyright © 2008-2016 weui.io")])])])])},function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"weui-flex__item"},[i("div",{staticClass:"placeholder"},[e._v("weui")])])},function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"weui-flex__item"},[i("div",{staticClass:"placeholder"},[e._v("weui")])])},function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("a",{staticClass:"weui-tabbar__item weui-bar__item_on",attrs:{href:"javascript:;"}},[i("img",{staticClass:"weui-tabbar__icon",attrs:{src:"http://node-os.com/images/nodejs.png",alt:""}}),e._v(" "),i("p",{staticClass:"weui-tabbar__label"},[e._v("设计")])])},function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"weui-flex__item"},[i("div",{staticClass:"placeholder"},[e._v("weui")])])},function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"weui-flex__item"},[i("div",{staticClass:"placeholder"},[e._v("weui")])])},function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("a",{staticClass:"weui-tabbar__item weui-bar__item_on",attrs:{href:"javascript:;"}},[i("img",{staticClass:"weui-tabbar__icon",attrs:{src:"http://cn.vuejs.org/images/logo.png",alt:""}}),e._v(" "),i("p",{staticClass:"weui-tabbar__label"},[e._v("编程")])])},function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"weui-flex__item"},[i("div",{staticClass:"placeholder"},[e._v("weui")])])},function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"weui-flex__item"},[i("div",{staticClass:"placeholder"},[e._v("weui")])])}]}},83:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"weui-cell weui-cell_select weui-cell_select-after"},[i("div",{staticClass:"weui-cell__hd"},[i("label",{staticClass:"weui-label",attrs:{for:""}},[e._v(e._s(e.title))])]),e._v(" "),i("div",{staticClass:"weui-cell__bd"},[i("select",{directives:[{name:"model",rawName:"v-model",value:e.currentValue,expression:"currentValue"}],staticClass:"weui-select",on:{change:function(t){e.currentValue=Array.prototype.filter.call(t.target.options,function(e){return e.selected}).map(function(e){var t="_value"in e?e._value:e.value;return t})[0]}}},e._l(e.options,function(t){return i("option",{domProps:{value:t}},[e._v(e._s(t))])}))])])},staticRenderFns:[]}}}); 2 | //# sourceMappingURL=app.1c8daba227977db63c1e.js.map -------------------------------------------------------------------------------- /demo/js/manifest.c496cd3341699f87cda4.js: -------------------------------------------------------------------------------- 1 | !function(e){function t(n){if(r[n])return r[n].exports;var a=r[n]={exports:{},id:n,loaded:!1};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n=window.webpackJsonp;window.webpackJsonp=function(c,o){for(var p,l,s=0,d=[];s1&&e<5}},animate:String,mask:String,circle:Boolean,btn:Boolean,colors:Array},data:function(){return{open:!1,toggleAnimate:!1,MaskToggle:!1,BtnColor:"",Item1Color:"",Item2Color:"",Item3Color:"",Item4Color:""}},methods:{toggle:function(){this.open=!this.open,this.toggleAnimate=!this.toggleAnimate,this.MaskToggle=!this.MaskToggle}},computed:{AnimateClass:function(){return this.toggleAnimate?this.animate:""},isShow:function(){return 3!==this.number?4===this.number:"middle"!==this.type&&"middle-around"!==this.type||void console.error("when type is 'middle' or 'middle-around',this number can not 3 ---VueCircleMenu")}},mounted:function(){if(this.colors)if(this.colors.every(n.isColors)&&5===this.colors.length)for(var e=0,t=this.colors.length;e1&&e.number<5,expression:"number > 1 && number < 5"}],staticClass:"oy-menu-item oy-menu-item_1 yellow",class:e.AnimateClass,style:{background:e.Item1Color}},[e._t("item_1")],2),e._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:e.number>1&&e.number<5,expression:"number > 1 && number < 5"}],staticClass:"oy-menu-item oy-menu-item_2 purple",class:e.AnimateClass,style:{background:e.Item2Color}},[e._t("item_2")],2),e._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:e.isShow,expression:"isShow"}],staticClass:"oy-menu-item oy-menu-item_3 green",class:e.AnimateClass,style:{background:e.Item3Color}},[e._t("item_3")],2),e._v(" "),o("div",{directives:[{name:"show",rawName:"v-show",value:4===e.number,expression:"number === 4"}],staticClass:"oy-menu-item oy-menu-item_4 blue",class:e.AnimateClass,style:{background:e.Item4Color}},[e._t("item_4")],2)])])])])},staticRenderFns:[]}},function(e,t,o){function n(e,t){for(var o=0;o=0&&f.splice(t,1)}function m(e){var t=document.createElement("style");return t.type="text/css",r(e,t),t}function s(e,t){var o,n,i;if(t.singleton){var r=b++;o=g||(g=m(t)),n=l.bind(null,o,r,!1),i=l.bind(null,o,r,!0)}else o=m(t),n=a.bind(null,o),i=function(){u(o)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else i()}}function l(e,t,o,n){var i=o?"":n.css;if(e.styleSheet)e.styleSheet.cssText=h(t,i);else{var r=document.createTextNode(i),u=e.childNodes;u[t]&&e.removeChild(u[t]),u.length?e.insertBefore(r,u[t]):e.appendChild(r)}}function a(e,t){var o=t.css,n=t.media,i=t.sourceMap;if(n&&e.setAttribute("media",n),i&&(o+="\n/*# sourceURL="+i.sources[0]+" */",o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),e.styleSheet)e.styleSheet.cssText=o;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(o))}}var p={},y=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},d=y(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),c=y(function(){return document.head||document.getElementsByTagName("head")[0]}),g=null,b=0,f=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=d()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var o=i(e);return n(o,t),function(e){for(var r=[],u=0;u 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | VueCircleMenu 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 |
56 | 57 | 58 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue-circle-menu", 3 | "version": "1.1.1", 4 | "author": "OYsun ", 5 | "license": "MIT", 6 | "description": "A beautiful Circle menu with Vue.js", 7 | "main": "dist/CircleMenu", 8 | "files": [ 9 | "dist" 10 | ], 11 | "scripts": { 12 | "pack": "webpack -p" 13 | }, 14 | "repository": { 15 | "type": "git", 16 | "url": "https://github.com/OYsun/VueCircleMenu" 17 | }, 18 | "babel": { 19 | "presets": [ 20 | "es2015" 21 | ] 22 | }, 23 | "keywords": [ 24 | "menu", 25 | "circle", 26 | "vue", 27 | "vuejs", 28 | "components", 29 | "ui" 30 | ], 31 | "bugs": { 32 | "url": "https://github.com/OYsun/VueCircleMenu/issues" 33 | }, 34 | "devDependencies": { 35 | "autoprefixer": "^6.4.0", 36 | "babel-cli": "^6.3.15", 37 | "babel-core": "^6.3.15", 38 | "babel-loader": "^6.2.0", 39 | "babel-plugin-transform-runtime": "^6.3.13", 40 | "babel-preset-es2015": "^6.3.13", 41 | "css-loader": "^0.23.1", 42 | "less": "^2.7.2", 43 | "less-loader": "^2.2.3", 44 | "file-loader": "^0.8.5", 45 | "style-loader": "^0.13.0", 46 | "vue": "^2.1.0", 47 | "vue-hot-reload-api": "^1.2.2", 48 | "vue-html-loader": "^1.0.0", 49 | "vue-loader": "^10.0.0", 50 | "vue-template-compiler": "^2.1.0", 51 | "webpack": "^1.13.2", 52 | "webpack-dev-server": "^1.8.3" 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /src/components/CircleMenu.vue: -------------------------------------------------------------------------------- 1 | 29 | 30 | 108 | 109 | -------------------------------------------------------------------------------- /src/images/ani.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OYsun/VueCircleMenu/2f1e83a5ae3273853920e6f006b23509570de41c/src/images/ani.gif -------------------------------------------------------------------------------- /src/images/ani02.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OYsun/VueCircleMenu/2f1e83a5ae3273853920e6f006b23509570de41c/src/images/ani02.gif -------------------------------------------------------------------------------- /src/images/ani03.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OYsun/VueCircleMenu/2f1e83a5ae3273853920e6f006b23509570de41c/src/images/ani03.gif -------------------------------------------------------------------------------- /src/images/ani04.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OYsun/VueCircleMenu/2f1e83a5ae3273853920e6f006b23509570de41c/src/images/ani04.gif -------------------------------------------------------------------------------- /src/images/bottom.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OYsun/VueCircleMenu/2f1e83a5ae3273853920e6f006b23509570de41c/src/images/bottom.gif -------------------------------------------------------------------------------- /src/images/cirecle.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OYsun/VueCircleMenu/2f1e83a5ae3273853920e6f006b23509570de41c/src/images/cirecle.gif -------------------------------------------------------------------------------- /src/images/colors.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OYsun/VueCircleMenu/2f1e83a5ae3273853920e6f006b23509570de41c/src/images/colors.PNG -------------------------------------------------------------------------------- /src/images/demo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OYsun/VueCircleMenu/2f1e83a5ae3273853920e6f006b23509570de41c/src/images/demo.png -------------------------------------------------------------------------------- /src/images/index.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OYsun/VueCircleMenu/2f1e83a5ae3273853920e6f006b23509570de41c/src/images/index.gif -------------------------------------------------------------------------------- /src/images/left.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OYsun/VueCircleMenu/2f1e83a5ae3273853920e6f006b23509570de41c/src/images/left.gif -------------------------------------------------------------------------------- /src/images/mask.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OYsun/VueCircleMenu/2f1e83a5ae3273853920e6f006b23509570de41c/src/images/mask.gif -------------------------------------------------------------------------------- /src/images/middle-around.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OYsun/VueCircleMenu/2f1e83a5ae3273853920e6f006b23509570de41c/src/images/middle-around.gif -------------------------------------------------------------------------------- /src/images/middle.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OYsun/VueCircleMenu/2f1e83a5ae3273853920e6f006b23509570de41c/src/images/middle.gif -------------------------------------------------------------------------------- /src/images/right.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OYsun/VueCircleMenu/2f1e83a5ae3273853920e6f006b23509570de41c/src/images/right.gif -------------------------------------------------------------------------------- /src/images/top.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OYsun/VueCircleMenu/2f1e83a5ae3273853920e6f006b23509570de41c/src/images/top.gif -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import CircleMenu from './components/CircleMenu.vue' 2 | module.exports = CircleMenu 3 | -------------------------------------------------------------------------------- /src/style/index.less: -------------------------------------------------------------------------------- 1 | @import "./main/core.less"; 2 | @import "./main/other.less"; -------------------------------------------------------------------------------- /src/style/main/core.less: -------------------------------------------------------------------------------- 1 | @import "../mixin/mixin.less"; 2 | @import "../var/var.less"; 3 | 4 | .oy-menu-group .btn-list .oy-menu-item{ 5 | @{top} &{ 6 | .CircleItem(); 7 | } 8 | @{bottom} &{ 9 | .CircleItem(); 10 | } 11 | @{left} &{ 12 | .CircleItem(); 13 | } 14 | @{right} &{ 15 | .CircleItem(); 16 | } 17 | @{middle} &{ 18 | .CircleItem(); 19 | } 20 | .middle-around &{ 21 | .CircleItem(); 22 | } 23 | 24 | } 25 | .oy-menu-group.open .btn-list .oy-menu-item{ 26 | @{top} &{ 27 | opacity: 1; 28 | } 29 | @{bottom} &{ 30 | opacity: 1; 31 | } 32 | @{left} &{ 33 | opacity: 1; 34 | } 35 | @{right} &{ 36 | opacity: 1; 37 | } 38 | @{middle} &{ 39 | opacity: 1; 40 | } 41 | .middle-around &{ 42 | opacity: 1; 43 | } 44 | 45 | } 46 | 47 | // tope 样式 48 | .top-open(@n, @i: 1) when (@i =< @n) { 49 | .top .oy-menu-group.open .btn-list .oy-menu-item.oy-menu-item_@{i} { 50 | top: (@i * @MenuPrepSpace); 51 | transition: 0.2s 0.1s; 52 | } 53 | .top-open(@n, (@i + 1)); 54 | } 55 | .top(@n, @i: 1) when (@i =< @n) { 56 | .top .oy-menu-group .btn-list .oy-menu-item.oy-menu-item_@{i} { 57 | transition: 0.2s 0.1s; 58 | } 59 | .top(@n, (@i + 1)); 60 | } 61 | 62 | .top(4); 63 | .top-open(4); 64 | 65 | // bottom的样式 66 | .bottom-open(@n, @i: 1) when (@i =< @n) { 67 | .bottom .oy-menu-group.open .btn-list .oy-menu-item.oy-menu-item_@{i} { 68 | top: (@i * @MenuSpace); 69 | } 70 | .bottom-open(@n, (@i + 1)); 71 | } 72 | .bottom(@n, @i: 1) when (@i =< @n) { 73 | .bottom .oy-menu-group .btn-list .oy-menu-item.oy-menu-item_@{i} { 74 | transition: 0.2s 0.1s; 75 | } 76 | .bottom(@n, (@i + 1)); 77 | } 78 | .bottom(4); 79 | .bottom-open(4); 80 | 81 | //left的样式 82 | .left-open(@n, @i: 1) when (@i =< @n) { 83 | .left .oy-menu-group.open .btn-list .oy-menu-item.oy-menu-item_@{i} { 84 | left: (@i * @MenuSpace); 85 | } 86 | .left-open(@n, (@i + 1)); 87 | } 88 | .left(@n, @i: 1) when (@i =< @n) { 89 | .left .oy-menu-group .btn-list .oy-menu-item.oy-menu-item_@{i} { 90 | transition: 0.2s 0.1s; 91 | } 92 | .left(@n, (@i + 1)); 93 | } 94 | .left(4); 95 | .left-open(4); 96 | 97 | //right的样式 98 | .right-open(@n, @i: 1) when (@i =< @n) { 99 | .right .oy-menu-group.open .btn-list .oy-menu-item.oy-menu-item_@{i} { 100 | left: (@i * @MenuPrepSpace); 101 | } 102 | .right-open(@n, (@i + 1)); 103 | } 104 | .right(@n, @i: 1) when (@i =< @n) { 105 | .right .oy-menu-group .btn-list .oy-menu-item.oy-menu-item_@{i} { 106 | transition: 0.2s 0.1s; 107 | } 108 | .right(@n, (@i + 1)); 109 | } 110 | .right-open(4); 111 | .right(4); 112 | 113 | //middle的样式 114 | .middle(@n, @i: 1) when (@i =< @n) { 115 | .middle .oy-menu-group .btn-list .oy-menu-item.oy-menu-item_@{i} { 116 | transition: 0.2s 0.1s; 117 | } 118 | .middle(@n, (@i + 1)); 119 | } 120 | .middle(4); 121 | .middle .oy-menu-group.open .btn-list{ 122 | & .oy-menu-item.oy-menu-item_1{ 123 | left: @MenuPrepSpace; 124 | } 125 | & .oy-menu-item.oy-menu-item_2{ 126 | left: @MenuSpace; 127 | } 128 | & .oy-menu-item.oy-menu-item_3{ 129 | left: 2*@MenuPrepSpace; 130 | } 131 | & .oy-menu-item.oy-menu-item_4{ 132 | left: 2*@MenuSpace; 133 | } 134 | } 135 | 136 | 137 | //middle-around的样式 138 | .middle-around(@n, @i: 1) when (@i =< @n) { 139 | .middle-around .oy-menu-group .btn-list .oy-menu-item.oy-menu-item_@{i} { 140 | transition: 0.2s 0.1s; 141 | } 142 | .middle-around(@n, (@i + 1)); 143 | } 144 | .middle-around(4); 145 | .middle-around .oy-menu-group.open .btn-list{ 146 | & .oy-menu-item.oy-menu-item_1{ 147 | left: (@MenuPrepSpace)-20px; 148 | top: 0px; 149 | } 150 | & .oy-menu-item.oy-menu-item_2{ 151 | left: @MenuSpace+20px; 152 | top: 0px; 153 | } 154 | & .oy-menu-item.oy-menu-item_3{ 155 | left: (@MenuSpace)-15px; 156 | top: (@MenuPrepSpace)-10px; 157 | } 158 | & .oy-menu-item.oy-menu-item_4{ 159 | left: @MenuPrepSpace+15px; 160 | top: (@MenuPrepSpace)-10px; 161 | } 162 | } -------------------------------------------------------------------------------- /src/style/main/other.less: -------------------------------------------------------------------------------- 1 | @import "../mixin/mixin.less"; 2 | @import "../var/var.less"; 3 | 4 | 5 | //子菜单默认背景颜色 6 | .blue { 7 | background: @CircleMenuItem4Color; 8 | } 9 | .yellow { 10 | background: @CircleMenuItem3Color; 11 | } 12 | .green { 13 | background: @CircleMenuItem2Color; 14 | } 15 | 16 | .purple { 17 | background: @CircleMenuItem1Color; 18 | } 19 | 20 | .pink { 21 | background: @CircleMenuBtnColor; 22 | } 23 | //遮罩样式 24 | .oy-mask-white { 25 | .mask(); 26 | background: rgba(255, 255, 255, 0.8); 27 | &_transparent{ 28 | .mask(); 29 | } 30 | } 31 | 32 | .oy-mask-black { 33 | .mask(); 34 | background: rgba(0, 0, 0, 0.6); 35 | &_transparent{ 36 | .mask(); 37 | } 38 | } 39 | 40 | // 菜单和子菜单的基础样式 41 | .oy-menu-group{ 42 | z-index: 1001; 43 | } 44 | 45 | .oy-menu-btn{ 46 | .meun-base(); 47 | &:active{ 48 | box-shadow: inset 0 0 1000px rgba(0, 0, 0, .5); 49 | } 50 | } 51 | .oy-menu-btn-Circle { 52 | .circle(); 53 | outline: none; 54 | } 55 | 56 | .oy-menu-item{ 57 | .meun-base(); 58 | .circle(); 59 | &:active{ 60 | box-shadow: inset 0 0 1000px rgba(0, 0, 0, .5); 61 | } 62 | } 63 | 64 | // 默认开关按钮样式 65 | .icon-bars{ 66 | background: #fff; 67 | height: 1px; 68 | width: 22px; 69 | margin: auto; 70 | display: block; 71 | position: relative; 72 | transition: 0.2s 0.2s; 73 | &:after{ 74 | content: ''; 75 | position: absolute; 76 | height: 22px; 77 | width: 1px; 78 | background: #fff; 79 | top: -10px; 80 | } 81 | .oy-menu-group.open &{ 82 | transform: rotate(45deg); 83 | } 84 | } 85 | 86 | // 菜单和子菜单定位 87 | .oy-menu-group { 88 | position: relative; 89 | float: right; 90 | transition: 0.2s; 91 | } 92 | .oy-menu-group .btn-toggle { 93 | z-index: 15; 94 | } 95 | -------------------------------------------------------------------------------- /src/style/mixin/mixin.less: -------------------------------------------------------------------------------- 1 | @import "../var/var.less"; 2 | // 遮罩基础样式 3 | .mask() { 4 | position: fixed; 5 | z-index: 1000; 6 | top: 0; 7 | right: 0; 8 | left: 0; 9 | bottom: 0; 10 | } 11 | 12 | // 菜单按钮基础样式 13 | .meun-base() { 14 | width: @CircleWidth; 15 | height: @CircleHeight; 16 | line-height: 50px; 17 | display: inline-block; 18 | border: none; 19 | text-align: center; 20 | position: relative; 21 | } 22 | 23 | //圆角 24 | .circle(){ 25 | border-radius: 50%; 26 | } 27 | 28 | //菜单位置 29 | .CircleItem(){ 30 | position: absolute; 31 | right: 0; 32 | top: 0; 33 | left: 0; 34 | bottom: 0; 35 | opacity: 0; 36 | } -------------------------------------------------------------------------------- /src/style/var/var.less: -------------------------------------------------------------------------------- 1 | // CircleMenu菜单按钮和菜单默认背景颜色 2 | @CircleMenuBtnColor: #F0A28E; 3 | @CircleMenuItem1Color: #8e24aa; 4 | @CircleMenuItem2Color: #00e676; 5 | @CircleMenuItem3Color: #ffa000; 6 | @CircleMenuItem4Color: #40c4ff; 7 | 8 | // 菜单基础间隔距离 9 | @MenuSpace: 55px; 10 | @MenuPrepSpace: -55px; 11 | 12 | //菜单type类型,middle-round因为有“-”会报错 13 | @top: .top; 14 | @bottom: .bottom; 15 | @left: .left; 16 | @right: .right; 17 | @middle: .middle; 18 | 19 | //圆环大小 20 | @CircleWidth: 48px; 21 | @CircleHeight: 48px; 22 | -------------------------------------------------------------------------------- /src/utils/colorRE.js: -------------------------------------------------------------------------------- 1 | const hexColors = /^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/ 2 | const rgbColors = /^[rR][gG][Bb][Aa]?[\(]([\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?),){2}[\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?),?[\s]*(0\.\d{1,2}|1|0)?[\)]{1}$/g 3 | export function isColors (value) { 4 | return hexColors.test(value) || rgbColors.test(value) 5 | } -------------------------------------------------------------------------------- /webpack.base.js: -------------------------------------------------------------------------------- 1 | 2 | module.exports = { 3 | module: { 4 | loaders: [ 5 | { 6 | test: /\.vue$/, 7 | loader: 'vue' 8 | }, { 9 | test: /\.js$/, 10 | loader: 'babel', 11 | exclude: /node_modules/ 12 | }, { 13 | test: /\.css$/, 14 | loader: 'style!css!autoprefixer' 15 | }, { 16 | test: /\.less$/, 17 | loader: 'style!css!less' 18 | } 19 | ] 20 | }, 21 | vue: { 22 | postcss: [ 23 | require('autoprefixer')({ 24 | browsers: ['last 2 versions'] 25 | }) 26 | ], 27 | loaders: { 28 | js: 'babel' 29 | } 30 | } 31 | }; 32 | -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- 1 | var options = require('./webpack.base.js'); 2 | options.entry = './src'; 3 | options.output = { 4 | library: 'VueCirleMenu', 5 | libraryTarget: 'umd', 6 | filename: 'CircleMenu.js', 7 | path: './dist' 8 | }; 9 | options.externals = { 10 | vue: 'Vue' 11 | }; 12 | module.exports = options; 13 | --------------------------------------------------------------------------------