├── fonts ├── icomoon.eot ├── icomoon.ttf ├── icomoon.woff ├── roboto-thin │ ├── roboto-thin.eot │ ├── roboto-thin.ttf │ ├── roboto-thin.woff │ └── original-roboto-thin.ttf ├── fontCss.css └── icomoon.svg ├── .sass-cache ├── 3863ca0d9d9f82264711e5ce13a11101429ff49c │ ├── print.scssc │ ├── tabs.scssc │ ├── ie.scssc │ └── screen.scssc ├── 3746710bfe7e0b2975954c3a0118ba047eb1860b │ ├── _columns.scssc │ ├── _filter.scssc │ ├── _flexbox.scssc │ ├── _images.scssc │ ├── _opacity.scssc │ ├── _regions.scssc │ ├── _animation.scssc │ ├── _font-face.scssc │ ├── _transform.scssc │ ├── _box-shadow.scssc │ ├── _box-sizing.scssc │ ├── _hyphenation.scssc │ ├── _inline-block.scssc │ ├── _text-shadow.scssc │ ├── _transition.scssc │ ├── _border-radius.scssc │ ├── _user-interface.scssc │ ├── _background-clip.scssc │ ├── _background-origin.scssc │ ├── _background-size.scssc │ ├── _deprecated-support.scssc │ └── _appearance.scssc ├── 595fac6b687c9031debfb4ea4c8b3511cc17aba3 │ └── _hacks.scssc ├── b4dc5ef3282a087fe58bacd7d9b56433752b3ac9 │ ├── _support.scssc │ ├── _reset.scssc │ ├── _layout.scssc │ └── _css3.scssc ├── 8f94eb898a9783786c406a84806e4fc94c68aa1c │ └── _ellipsis.scssc ├── f20dab5b7fb1216f35d8484ebb92bc8dca57139a │ └── _utilities.scssc ├── 3aa8e0230493eb6fd1c3680539c42b9bb329e1c6 │ ├── _stretching.scssc │ ├── _sticky-footer.scssc │ └── _grid-background.scssc ├── 79db1df0af0471c2664c612e8a6fdc3832f23fae │ └── _link-colors.scssc └── 75fcaf1b4852ceb732871195e41567cc2a7d8997 │ └── C%058 │ └── Ruby22-x64 │ └── lib │ └── ruby │ └── gems │ └── 2.2.0 │ └── gems │ └── compass-core-1.0.3 │ └── stylesheets │ └── compass │ ├── _support.scssc │ └── css3 │ ├── _images.scssc │ └── _background-size.scssc ├── css ├── print.css ├── ie.css └── tabs.css ├── sass ├── print.scss ├── ie.scss └── tabs.scss ├── README.md ├── index.html ├── config.rb └── js └── tabs.js /fonts/icomoon.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/fonts/icomoon.eot -------------------------------------------------------------------------------- /fonts/icomoon.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/fonts/icomoon.ttf -------------------------------------------------------------------------------- /fonts/icomoon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/fonts/icomoon.woff -------------------------------------------------------------------------------- /fonts/roboto-thin/roboto-thin.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/fonts/roboto-thin/roboto-thin.eot -------------------------------------------------------------------------------- /fonts/roboto-thin/roboto-thin.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/fonts/roboto-thin/roboto-thin.ttf -------------------------------------------------------------------------------- /fonts/roboto-thin/roboto-thin.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/fonts/roboto-thin/roboto-thin.woff -------------------------------------------------------------------------------- /fonts/roboto-thin/original-roboto-thin.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/fonts/roboto-thin/original-roboto-thin.ttf -------------------------------------------------------------------------------- /.sass-cache/3863ca0d9d9f82264711e5ce13a11101429ff49c/print.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3863ca0d9d9f82264711e5ce13a11101429ff49c/print.scssc -------------------------------------------------------------------------------- /.sass-cache/3863ca0d9d9f82264711e5ce13a11101429ff49c/tabs.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3863ca0d9d9f82264711e5ce13a11101429ff49c/tabs.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_columns.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_columns.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_filter.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_filter.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_flexbox.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_flexbox.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_images.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_images.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_opacity.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_opacity.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_regions.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_regions.scssc -------------------------------------------------------------------------------- /.sass-cache/595fac6b687c9031debfb4ea4c8b3511cc17aba3/_hacks.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/595fac6b687c9031debfb4ea4c8b3511cc17aba3/_hacks.scssc -------------------------------------------------------------------------------- /.sass-cache/b4dc5ef3282a087fe58bacd7d9b56433752b3ac9/_support.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/b4dc5ef3282a087fe58bacd7d9b56433752b3ac9/_support.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_animation.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_animation.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_font-face.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_font-face.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_transform.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_transform.scssc -------------------------------------------------------------------------------- /.sass-cache/8f94eb898a9783786c406a84806e4fc94c68aa1c/_ellipsis.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/8f94eb898a9783786c406a84806e4fc94c68aa1c/_ellipsis.scssc -------------------------------------------------------------------------------- /.sass-cache/f20dab5b7fb1216f35d8484ebb92bc8dca57139a/_utilities.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/f20dab5b7fb1216f35d8484ebb92bc8dca57139a/_utilities.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_box-shadow.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_box-shadow.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_box-sizing.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_box-sizing.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_hyphenation.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_hyphenation.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_inline-block.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_inline-block.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_text-shadow.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_text-shadow.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_transition.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_transition.scssc -------------------------------------------------------------------------------- /.sass-cache/3aa8e0230493eb6fd1c3680539c42b9bb329e1c6/_stretching.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3aa8e0230493eb6fd1c3680539c42b9bb329e1c6/_stretching.scssc -------------------------------------------------------------------------------- /.sass-cache/79db1df0af0471c2664c612e8a6fdc3832f23fae/_link-colors.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/79db1df0af0471c2664c612e8a6fdc3832f23fae/_link-colors.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_border-radius.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_border-radius.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_user-interface.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_user-interface.scssc -------------------------------------------------------------------------------- /.sass-cache/3aa8e0230493eb6fd1c3680539c42b9bb329e1c6/_sticky-footer.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3aa8e0230493eb6fd1c3680539c42b9bb329e1c6/_sticky-footer.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_background-clip.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_background-clip.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_background-origin.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_background-origin.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_background-size.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_background-size.scssc -------------------------------------------------------------------------------- /.sass-cache/3aa8e0230493eb6fd1c3680539c42b9bb329e1c6/_grid-background.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3aa8e0230493eb6fd1c3680539c42b9bb329e1c6/_grid-background.scssc -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_deprecated-support.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/IFmiss/tabs/master/.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_deprecated-support.scssc -------------------------------------------------------------------------------- /css/print.css: -------------------------------------------------------------------------------- 1 | /* Welcome to Compass. Use this file to define print styles. 2 | * Import this file using the following HTML or equivalent: 3 | * */ 4 | -------------------------------------------------------------------------------- /sass/print.scss: -------------------------------------------------------------------------------- 1 | /* Welcome to Compass. Use this file to define print styles. 2 | * Import this file using the following HTML or equivalent: 3 | * */ 4 | -------------------------------------------------------------------------------- /css/ie.css: -------------------------------------------------------------------------------- 1 | /* Welcome to Compass. Use this file to write IE specific override styles. 2 | * Import this file using the following HTML or equivalent: 3 | * */ 6 | -------------------------------------------------------------------------------- /sass/ie.scss: -------------------------------------------------------------------------------- 1 | /* Welcome to Compass. Use this file to write IE specific override styles. 2 | * Import this file using the following HTML or equivalent: 3 | * */ 6 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # tabs 2 | 兼容pc移动端选项卡效果 3 | 4 | ### maxWidth 5 | tabs的最大宽度 6 | ### activeIndex 7 | 默认的展开列表索引 8 | ### menuPosition 9 | 菜单的选择位置 （仅在pc端有效） 10 | ### menubackground 11 | 菜单的背景色 12 | ### menuActivebackground 13 | 菜单在被激活之后的背景色 14 | ### isShowAll 15 | 点击的时候是否打开全部  （只在移动端有效） 16 | ### fnEvent 17 | 事件触发的类型 'click','touchstart' 18 | ### source 19 | 数据   20 | title:选择区域的文本内容; 21 | content:展开区域的内容; 22 | content.title:展开区域的title; 23 | content.description:展开区域的description; 24 | content.hasTitle:展开区域是否显示title; 25 | 26 | 预览地址: http://www.daiwei.org/components/tabs/ 27 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 20 | -------------------------------------------------------------------------------- /.sass-cache/75fcaf1b4852ceb732871195e41567cc2a7d8997/C%058/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scssc: -------------------------------------------------------------------------------- 1 | 3.4.22 (Selective Steve) 2 | da39a3ee5e6b4b0d3255bfef95601890afd80709 3 | o:Sass::Tree::RootNode :@children[:@filename0: @options{:@templateI":ET: 4 | @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i: @offseti: @end_poso;; i;i: 5 | @fileI"o(NOT IMPORTED) C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/_support.scss; 6 | T:@importere:"Compass::ImportOnce::Importero: Sass::Importers::Filesystem: 7 | @rootI"JC:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets; 8 | T:@real_rootI"JC:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets; 9 | T:@same_name_warningso:Set: 10 | @hash{ -------------------------------------------------------------------------------- /.sass-cache/75fcaf1b4852ceb732871195e41567cc2a7d8997/C%058/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_images.scssc: -------------------------------------------------------------------------------- 1 | 3.4.22 (Selective Steve) 2 | da39a3ee5e6b4b0d3255bfef95601890afd80709 3 | o:Sass::Tree::RootNode :@children[:@filename0: @options{:@templateI":ET: 4 | @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i: @offseti: @end_poso;; i;i: 5 | @fileI"s(NOT IMPORTED) C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_images.scss; 6 | T:@importere:"Compass::ImportOnce::Importero: Sass::Importers::Filesystem: 7 | @rootI"JC:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets; 8 | T:@real_rootI"JC:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets; 9 | T:@same_name_warningso:Set: 10 | @hash{ -------------------------------------------------------------------------------- /.sass-cache/75fcaf1b4852ceb732871195e41567cc2a7d8997/C%058/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_background-size.scssc: -------------------------------------------------------------------------------- 1 | 3.4.22 (Selective Steve) 2 | da39a3ee5e6b4b0d3255bfef95601890afd80709 3 | o:Sass::Tree::RootNode :@children[:@filename0: @options{:@templateI":ET: 4 | @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i: @offseti: @end_poso;; i;i: 5 | @fileI"|(NOT IMPORTED) C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_background-size.scss; 6 | T:@importere:"Compass::ImportOnce::Importero: Sass::Importers::Filesystem: 7 | @rootI"JC:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets; 8 | T:@real_rootI"JC:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets; 9 | T:@same_name_warningso:Set: 10 | @hash{ -------------------------------------------------------------------------------- /config.rb: -------------------------------------------------------------------------------- 1 | require 'compass/import-once/activate' 2 | # Require any additional compass plugins here. 3 | 4 | # Set this to the root of your project when deployed: 5 | http_path = "/" 6 | css_dir = "css" 7 | sass_dir = "sass" 8 | images_dir = "images" 9 | javascripts_dir = "js" 10 | 11 | # You can select your preferred output style here (can be overridden via the command line): 12 | # output_style = :expanded or :nested or :compact or :compressed 13 | 14 | # To enable relative paths to assets via compass helper functions. Uncomment: 15 | # relative_assets = true 16 | 17 | # To disable debugging comments that display the original location of your selectors. Uncomment: 18 | # line_comments = false 19 | 20 | 21 | # If you prefer the indented syntax, you might want to regenerate this 22 | # project again passing --syntax sass, or you can uncomment this: 23 | # preferred_syntax = :sass 24 | # and then run: 25 | # sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass 26 | -------------------------------------------------------------------------------- /.sass-cache/b4dc5ef3282a087fe58bacd7d9b56433752b3ac9/_reset.scssc: -------------------------------------------------------------------------------- 1 | 3.4.22 (Selective Steve) 2 | df78759f0fe6b88a633d20d26581ca4cdb829111 3 | o:Sass::Tree::RootNode :@children[o:Sass::Tree::ImportNode :@imported_filenameI"reset/utilities:ET;[:@filename0: @options{:@template0:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position: 4 | @linei: @offseti: @end_poso;;i;i: 5 | @fileI"^C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/_reset.scss; T:@importere:"Compass::ImportOnce::Importero: Sass::Importers::Filesystem: 6 | @rootI"JC:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets; T:@real_rootI"JC:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets; T:@same_name_warningso:Set: 7 | @hash{;i:@imported_file0o:Sass::Tree::MixinNode: 8 | @nameI"global-reset; T: 9 | @args[:@keywords{: @splat0:@kwarg_splat0;[; 10 | 0; @ 11 | ;i; o; ;o;;i;i;o;;i;i;@;@; 12 | 0; @ 13 | ; I"8@import "reset/utilities"; 14 | 15 | @include global-reset; 16 | ; T:@has_childrenT;i; o; ;o;;i;i;o;;i;i;@;@ -------------------------------------------------------------------------------- /.sass-cache/b4dc5ef3282a087fe58bacd7d9b56433752b3ac9/_layout.scssc: -------------------------------------------------------------------------------- 1 | 3.4.22 (Selective Steve) 2 | bbe8b1b9b6592e6ce6a7294fd0249c75049d3024 3 | o:Sass::Tree::RootNode :@children[o:Sass::Tree::ImportNode :@imported_filenameI"layout/grid-background:ET;[:@filename0: @options{:@template0: 4 | @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i: @offseti: @end_poso;; i;i&: 5 | @fileI"_C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/_layout.scss; T:@importere:"Compass::ImportOnce::Importero: Sass::Importers::Filesystem: 6 | @rootI"JC:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets; T:@real_rootI"JC:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets; T:@same_name_warningso:Set: 7 | @hash{:@imported_file0o; ;I"layout/sticky-footer; T;[; 8 | 0; @ 9 | ; 0; i;o; ;o;; i;i;o;; i;i$;@;@;0o; ;I"layout/stretching; T;[; 10 | 0; @ 11 | ; 0; i;o; ;o;; i;i;o;; i;i!;@;@;0; 12 | 0; @ 13 | ; I"d@import "layout/grid-background"; 14 | @import "layout/sticky-footer"; 15 | @import "layout/stretching"; 16 | ; T:@has_childrenT; i;o; ;o;; i;i;o;; i;i;@;@ -------------------------------------------------------------------------------- /.sass-cache/3863ca0d9d9f82264711e5ce13a11101429ff49c/ie.scssc: -------------------------------------------------------------------------------- 1 | 3.4.22 (Selective Steve) 2 | 55d03cbe8dc4482082815585822d80503557fdcb 3 | o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"/* Welcome to Compass. Use this file to write IE specific override styles. 4 | * Import this file using the following HTML or equivalent: 5 | * */:ET: 8 | @type: normal;[:@filename0: @options{: 9 | @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position;i: @offseti: @end_poso;;i 10 | ;i: 11 | @fileI"#E:/myProject/tabs/sass/ie.scss: encoding"GBK:@importere:"Compass::ImportOnce::Importero: Sass::Importers::Filesystem: 12 | @rootI"E:/myProject/tabs; T:@real_rootI"E:/myProject/tabs; T:@same_name_warningso:Set: 13 | @hash{; 0; @ :@templateI"/* Welcome to Compass. Use this file to write IE specific override styles. 14 | * Import this file using the following HTML or equivalent: 15 | * */ 18 | ; T:@has_childrenT;i;o; ;o;;i;i;o;;i;i;@;@ -------------------------------------------------------------------------------- /.sass-cache/3863ca0d9d9f82264711e5ce13a11101429ff49c/screen.scssc: -------------------------------------------------------------------------------- 1 | 3.4.22 (Selective Steve) 2 | e24c39d4800ce9f9b6b50e6a9d2d8c3fce9d548f 3 | o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I" /* Welcome to Compass. 4 | * In this file you should write your main styles. (or centralize your imports) 5 | * Import this file using the following HTML or equivalent: 6 | * */:ET: 7 | @type: normal;[:@filename0: @options{: 8 | @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position;i: @offseti: @end_poso;;i ;io: 9 | @fileI"'E:/myProject/tabs/sass/screen.scss: encoding"GBK:@importere:"Compass::ImportOnce::Importero: Sass::Importers::Filesystem: 10 | @rootI"E:/myProject/tabs; T:@real_rootI"E:/myProject/tabs; T:@same_name_warningso:Set: 11 | @hash{o:Sass::Tree::ImportNode :@imported_filenameI"compass/reset; T;[; 0; @ :@template0;o; ;o;;i ;i;o;;i ;i;@;@;i :@imported_file0; 0; @ ;!I"'/* Welcome to Compass. 12 | * In this file you should write your main styles. (or centralize your imports) 13 | * Import this file using the following HTML or equivalent: 14 | * */ 15 | 16 | @import "compass/reset"; 17 | ; T:@has_childrenT;i;o; ;o;;i;i;o;;i;i;@;@ -------------------------------------------------------------------------------- /.sass-cache/b4dc5ef3282a087fe58bacd7d9b56433752b3ac9/_css3.scssc: -------------------------------------------------------------------------------- 1 | 3.4.22 (Selective Steve) 2 | ff2e5c1b784cd29f2321d28a68782dc7c9611f46 3 | o:Sass::Tree::RootNode :@children[o:Sass::Tree::ImportNode :@imported_filenameI"css3/border-radius:ET;[:@filename0: @options{:@template0: 4 | @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i: @offseti: @end_poso;; i;i": 5 | @fileI"]C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/_css3.scss; T:@importere:"Compass::ImportOnce::Importero: Sass::Importers::Filesystem: 6 | @rootI"JC:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets; T:@real_rootI"JC:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets; T:@same_name_warningso:Set: 7 | @hash{:@imported_file0o; ;I"css3/inline-block; T;[; 8 | 0; @ 9 | ; 0; i;o; ;o;; i;i;o;; i;i!;@;@;0o; ;I"css3/opacity; T;[; 10 | 0; @ 11 | ; 0; i;o; ;o;; i;i;o;; i;i;@;@;0o; ;I"css3/box-shadow; T;[; 12 | 0; @ 13 | ; 0; i ;o; ;o;; i ;i;o;; i ;i;@;@;0o; ;I"css3/text-shadow; T;[; 14 | 0; @ 15 | ; 0; i 16 | ;o; ;o;; i 17 | ;i;o;; i 18 | ;i ;@;@;0o; ;I"css3/columns; T;[; 19 | 0; @ 20 | ; 0; i ;o; ;o;; i ;i;o;; i ;i;@;@;0o; ;I"css3/box-sizing; T;[; 21 | 0; @ 22 | ; 0; i ;o; ;o;; i ;i;o;; i ;i;@;@;0o; ;I"css3/flexbox; T;[; 23 | 0; @ 24 | ; 0; i ;o; ;o;; i ;i;o;; i ;i;@;@;0o; ;I"css3/images; T;[; 25 | 0; @ 26 | ; 0; i;o; ;o;; i;i;o;; i;i;@;@;0o; ;I"css3/background-clip; T;[; 27 | 0; @ 28 | ; 0; i;o; ;o;; i;i;o;; i;i$;@;@;0o; ;I"css3/background-origin; T;[; 29 | 0; @ 30 | ; 0; i;o; ;o;; i;i;o;; i;i&;@;@;0o; ;I"css3/background-size; T;[; 31 | 0; @ 32 | ; 0; i;o; ;o;; i;i;o;; i;i$;@;@;0o; ;I"css3/font-face; T;[; 33 | 0; @ 34 | ; 0; i;o; ;o;; i;i;o;; i;i;@;@;0o; ;I"css3/transform; T;[; 35 | 0; @ 36 | ; 0; i;o; ;o;; i;i;o;; i;i;@;@;0o; ;I"css3/transition; T;[; 37 | 0; @ 38 | ; 0; i;o; ;o;; i;i;o;; i;i;@;@;0o; ;I"css3/appearance; T;[; 39 | 0; @ 40 | ; 0; i;o; ;o;; i;i;o;; i;i;@;@;0o; ;I"css3/animation; T;[; 41 | 0; @ 42 | ; 0; i;o; ;o;; i;i;o;; i;i;@;@;0o; ;I"css3/regions; T;[; 43 | 0; @ 44 | ; 0; i;o; ;o;; i;i;o;; i;i;@;@;0o; ;I"css3/hyphenation; T;[; 45 | 0; @ 46 | ; 0; i;o; ;o;; i;i;o;; i;i ;@;@;0o; ;I"css3/filter; T;[; 47 | 0; @ 48 | ; 0; i;o; ;o;; i;i;o;; i;i;@;@;0o; ;I"css3/user-interface; T;[; 49 | 0; @ 50 | ; 0; i;o; ;o;; i;i;o;; i;i#;@;@;0; 51 | 0; @ 52 | ; I"<@import "css3/border-radius"; 53 | @import "css3/inline-block"; 54 | @import "css3/opacity"; 55 | @import "css3/box-shadow"; 56 | @import "css3/text-shadow"; 57 | @import "css3/columns"; 58 | @import "css3/box-sizing"; 59 | @import "css3/flexbox"; 60 | @import "css3/images"; 61 | @import "css3/background-clip"; 62 | @import "css3/background-origin"; 63 | @import "css3/background-size"; 64 | @import "css3/font-face"; 65 | @import "css3/transform"; 66 | @import "css3/transition"; 67 | @import "css3/appearance"; 68 | @import "css3/animation"; 69 | @import "css3/regions"; 70 | @import "css3/hyphenation"; 71 | @import "css3/filter"; 72 | @import "css3/user-interface"; 73 | ; T:@has_childrenT; i;o; ;o;; i;i;o;; i;i;@;@ -------------------------------------------------------------------------------- /.sass-cache/3746710bfe7e0b2975954c3a0118ba047eb1860b/_appearance.scssc: -------------------------------------------------------------------------------- 1 | 3.4.22 (Selective Steve) 2 | 8c228e867e069d1b52ae586e30be356946cddfdf 3 | o:Sass::Tree::RootNode :@children[ o:Sass::Tree::CommentNode : @value[I"/* Appearance */:ET: 4 | @type: silent;[:@filename0: @options{: 5 | @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position;i: @offseti: @end_poso;;i;i: 6 | @fileI"hC:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_appearance.scss; T:@importere:"Compass::ImportOnce::Importero: Sass::Importers::Filesystem: 7 | @rootI"JC:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets; T:@real_rootI"JC:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets; T:@same_name_warningso:Set: 8 | @hash{o:Sass::Tree::ImportNode :@imported_filenameI"compass/support; T;[; 0; @ :@template0;i;o; ;o;;i;i;o;;i;i;@;@:@imported_file0o; ;[I"6/* Change the appearance for Mozilla, Webkit and possibly the future. 9 | * The appearance property is currently not present in any newer CSS specification. 10 | * 11 | * There is no official list of accepted values, but you might check these source: 12 | * 13 | * * [Mozilla](https://developer.mozilla.org/en/CSS/-moz-appearance) 14 | * * [Webkit](http://code.google.com/p/webkit-mirror/source/browse/Source/WebCore/css/CSSValueKeywords.in?spec=svnf1aea559dcd025a8946aa7da6e4e8306f5c1b604&r=63c7d1af44430b314233fea342c3ddb2a052e365) 15 | * (search for 'appearance' within the page) */; T; 16 | ; ;[; 0; @ ;i ;o; ;o;;i ;i;o;;i;i6;@;@o:Sass::Tree::MixinDefNode: 17 | @nameI"appearance; T: 18 | @args[[o:!Sass::Script::Tree::Variable ;#I"appearance; T:@underscored_nameI"appearance; T:@css_variable_warning0;i;o; ;o;;i;i;o;;i;i#;@;@; @; @ 0: @splat0;[ o; ;[I"7/* There is no caniuse tracking for appearance. */; T; 19 | ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i7;@;@o:Sass::Tree::VariableNode;#I"appearance; T: 20 | @expro: Sass::Script::Tree::Funcall;#I" unquote; T;$[o;% ;#I"appearance; T;&I"appearance; T;'0;i;o; ;o;;i;i;o;;i;i(;@;@; @; @ :@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{;(0:@kwarg_splat0;'0;i;o; ;o;;i;i;o;;i;i);@;@; @; @ : @guarded0: @global0;[; 0; @ ;i;o; ;o;;i;i ;o;;i;i);@;@o:Sass::Tree::MixinNode;#I"with-prefix; T;$[o: Sass::Script::Tree::Literal 21 | ;o: Sass::Script::Value::String ;I" -moz; T; @ ; 22 | :identifier:"@deprecated_interp_equivalent0;i;o; ;o;;i;i;o;;i;i!;@;@;'0; @;,o;-;.{;/{;(0;00;[o:Sass::Tree::PropNode;#[I"-moz-appearance; T;o;% ;#I"appearance; T;&I"appearance; T;'0;i;o; ;o;;i;i<;o;;i;iG;@;@; @; @ : 23 | @tabsi:@prop_syntax:new;[; 0; @ ;i;o; ;o;;i;i+;o;;i;iG;@;@:@name_source_rangeo; ;@a;o;;i;i:;@;@:@value_source_rangeo; ;o;;i;i<;@b;@;@; 0; @ ;i;o; ;o;;i;i;o;;i;i&;@;@:@has_childrenTo;3;#I"with-prefix; T;$[o;4 24 | ;o;5 ;I" -webkit; T; @ ; 25 | ;6;70;i;o; ;o;;i;i;o;;i;i$;@;@;'0; @;,o;-;.{;/{;(0;00;[o;8;#[I"-webkit-appearance; T;o;% ;#I"appearance; T;&I"appearance; T;'0;i;o; ;o;;i;i<;o;;i;iG;@;@; @; @ ;9i;:;;;[; 0; @ ;i;o; ;o;;i;i(;o;;i;iG;@;@;T; 0; @ ;i;o; ;o;;i;i;o;;i;i%;@;@;>T; 0; @ ; I"b// Appearance 26 | @import "compass/support"; 27 | 28 | // Change the appearance for Mozilla, Webkit and possibly the future. 29 | // The appearance property is currently not present in any newer CSS specification. 30 | // 31 | // There is no official list of accepted values, but you might check these source: 32 | // 33 | // * [Mozilla](https://developer.mozilla.org/en/CSS/-moz-appearance) 34 | // * [Webkit](http://code.google.com/p/webkit-mirror/source/browse/Source/WebCore/css/CSSValueKeywords.in?spec=svnf1aea559dcd025a8946aa7da6e4e8306f5c1b604&r=63c7d1af44430b314233fea342c3ddb2a052e365) 35 | // (search for 'appearance' within the page) 36 | @mixin appearance($appearance) { 37 | // There is no caniuse tracking for appearance. 38 | $appearance: unquote($appearance); 39 | @include with-prefix(-moz) { -moz-appearance: $appearance; } 40 | @include with-prefix(-webkit) { -webkit-appearance: $appearance; } 41 | } 42 | ; T;>T;i;o; ;o;;i;i;o;;i;i;@;@ -------------------------------------------------------------------------------- /sass/tabs.scss: -------------------------------------------------------------------------------- 1 | /* Welcome to Compass. 2 | * In this file you should write your main styles. (or centralize your imports) 3 | * Import this file using the following HTML or equivalent: 4 | * */ 5 | 6 | @charset "utf-8"; 7 | @import "compass/reset"; 8 | @import "compass/css3"; 9 | @import "compass/layout"; 10 | @import "compass/typography/text/ellipsis"; 11 | @import "compass/typography/links/link-colors"; 12 | 13 | // 这里将是所有的颜色列表信息 14 | $dw-color-default:#ffffff; 15 | $dw-color-default-hover:#e6e6e6; 16 | 17 | $dw-color-success:#21B384; 18 | $dw-color-success-hover:#28A47C; 19 | 20 | $dw-color-primary:#4D96DF; 21 | $dw-color-primary-hover:#4684C3; 22 | 23 | $dw-color-warning:#FFBD7A; 24 | $dw-color-warning-hover:#F0AF6D; 25 | 26 | $dw-color-danger:#D9534F; 27 | $dw-color-danger-hover:#C74743; 28 | 29 | $dw-color-skyblue:#99CCFF; 30 | $dw-color-skyblue-hover:#8EB5DB; 31 | 32 | $dw-color-powderblue:#99CCCC; 33 | $dw-color-powderblue-hover:#85BDBD; 34 | 35 | $dw-color-springgreen:#66CC99; 36 | $dw-color-springgreen-hover:#5AB588; 37 | 38 | $dw-color-lightpurple:#CCCCFF; 39 | $dw-color-lightpurple-hover:#B8B8E9; 40 | 41 | $dw-color-lightgrey:#CCCCCC; 42 | $dw-color-lightgrey-hover:#C5C5C5; 43 | 44 | $dw-color-deepred:#AA314D; 45 | $dw-color-deepred-hover:#923248; 46 | 47 | .cpt-tabs-wrapper{ 48 | width:100%; 49 | max-width: 1200px; 50 | margin:0 auto; 51 | overflow: hidden; 52 | .tabs-info{ 53 | .tabs-pc{ 54 | .title{ 55 | .ul-pctabs-title{ 56 | width: 100%; 57 | height: auto; 58 | margin: 0; 59 | padding:0; 60 | 61 | .li-pctbas-title{ 62 | margin: 0; 63 | width: 100%; 64 | height: 40px; 65 | line-height: 32px; 66 | padding: 4px 10px; 67 | background:rgba(0,0,0,0.5); 68 | margin: 10px 0; 69 | color: #fff; 70 | cursor: pointer; 71 | @include transition(all 0.5s ease); 72 | 73 | // &:hover{ 74 | // background:$dw-color-success; 75 | // } 76 | 77 | &.active{ 78 | background:$dw-color-primary; 79 | } 80 | } 81 | } 82 | } 83 | 84 | .content{ 85 | .ul-pctabs-content{ 86 | width: 100%; 87 | height: auto; 88 | margin: 0; 89 | padding:0; 90 | .li-pctbas-content{ 91 | display: none; 92 | margin: 0; 93 | width: 100%; 94 | padding:10px; 95 | background:rgba(0,0,0,0.36); 96 | margin: 10px 0; 97 | color: #fff; 98 | 99 | .section{ 100 | padding: 5px; 101 | 102 | .h1-section-title{ 103 | font-size: 16px; 104 | line-height: 32px; 105 | } 106 | 107 | .h1-section-content{ 108 | font-size: 14px; 109 | line-height: initial; 110 | } 111 | } 112 | 113 | &.active{ 114 | display: block; 115 | } 116 | } 117 | } 118 | } 119 | } 120 | 121 | .tabs-mobile{ 122 | .ul-tabs-info{ 123 | margin: 0; 124 | padding:10px; 125 | .li-tabs-info{ 126 | width: 100%; 127 | height: auto; 128 | 129 | .div-tabs-title{ 130 | @include display-flex; 131 | @include align-items(center); 132 | background:rgba(0,0,0,0.5); 133 | @include transition (all 0.5s linear); 134 | 135 | .h1-tabs-title{ 136 | @include flex(1 1 auto); 137 | padding:4px 10px; 138 | height: 40px; 139 | line-height: 32px; 140 | color: #fff; 141 | } 142 | 143 | .titleStatus{ 144 | @include flex(0 0 18px); 145 | width: 18px; 146 | height: 18px; 147 | margin-right: 10px; 148 | color: #fff; 149 | 150 | &.dw-icon-tabs:before{ 151 | content: "\e900"; 152 | } 153 | } 154 | } 155 | 156 | .div-tabs-content{ 157 | // height: 0px; 158 | max-height: 0px; 159 | min-height: 0; 160 | padding:0; 161 | @include transition (all 0.5s linear); 162 | @include translate3d(0,0,0); 163 | overflow: hidden; 164 | background:rgba(0,0,0,0.36); 165 | margin-bottom: 10px; 166 | color: #fff; 167 | 168 | .section{ 169 | padding: 5px; 170 | .h1-section-title{ 171 | font-size: 16px; 172 | line-height: 32px; 173 | } 174 | 175 | .h1-section-content{ 176 | font-size: 14px; 177 | line-height: initial; 178 | } 179 | } 180 | 181 | // &.active{ 182 | // height: auto; 183 | // padding:10px; 184 | // } 185 | } 186 | 187 | &.active{ 188 | .div-tabs-title{ 189 | background: $dw-color-primary; 190 | margin-bottom: 10px; 191 | 192 | .titleStatus{ 193 | &.dw-icon-tabs:before{ 194 | content: "\e90f"; 195 | } 196 | } 197 | } 198 | 199 | .div-tabs-content{ 200 | max-height:200px; 201 | } 202 | } 203 | } 204 | } 205 | } 206 | } 207 | } 208 | 209 | 210 | .txt-textOneRow{ 211 | text-overflow: ellipsis; 212 | overflow:hidden; 213 | white-space:nowrap; 214 | } 215 | 216 | @media screen and (max-width: 768px) { /*当屏幕尺寸小于768px时，应用下面的CSS样式*/ 217 | .tabs-pc{ 218 | display: none; 219 | } 220 | 221 | .tabs-mobile{ 222 | display: block; 223 | } 224 | } 225 | 226 | @media screen and (min-width: 768px) { /*当屏幕尺寸小于768px时，应用下面的CSS样式*/ 227 | .tabs-pc{ 228 | display: block; 229 | } 230 | 231 | .tabs-mobile{ 232 | display: none; 233 | } 234 | } 235 | -------------------------------------------------------------------------------- /js/tabs.js: -------------------------------------------------------------------------------- 1 | (function($){ 2 | //选项卡 3 | $.fn.tabs = function(options) { 4 | return this.each(function(){ 5 | var defaultvalue = { 6 | maxWidth: 700, //最大宽度 7 | activeIndex: 0, //默认的激活索引 8 | menuPosition: 'left', //pc状态下菜单的位置 left right 9 | menubackground: 'rgba(0,0,0,0.5)', //菜单的背景色 10 | menuActivebackground: 'rgba(77,150,223,0.5)', //菜单激活状态下的背景色 11 | isShowAll: false, //在移动端点击时候是否显示所有列表 12 | fnEvent: 'click', //触发的类型 click 或者 mouseover 13 | source: [ 14 | { 15 | title:'tabs title 1', 16 | content: [{ 17 | title: "this is content sectiontitle 1", 18 | description: "this is content description1", 19 | hasTitle: true 20 | },{ 21 | title: "this is content sectiontitle 2", 22 | description: "this is content description1", 23 | hasTitle: true 24 | }] 25 | },{ 26 | title:'tabs title 2', 27 | content: [{ 28 | description: "this is content description2", 29 | hasTitle: false 30 | }] 31 | },{ 32 | title:'tabs title 3', 33 | content: [{ 34 | title: "this is content title 3", 35 | description: "this is content description3", 36 | hasTitle: true 37 | }] 38 | } 39 | ], 40 | }; 41 | 42 | var opt = $.extend(defaultvalue,options || {}); 43 | 44 | var sourceLength = opt.source.length; 45 | // alert(opt.source[0].content.description); 46 | 47 | var $this = $(this), 48 | _this = this; 49 | defaultvalue._init = function(){ 50 | $this.css({ 51 | 'maxWidth':opt.maxWidth, 52 | }); 53 | 54 | _this.tabs_wrapper = $('
').appendTo($this); 55 | _this.tabs_info = $('
').appendTo(_this.tabs_wrapper); 56 | 57 | _this.tabs_pc = $('
').appendTo(_this.tabs_info); 58 | _this.tabs_mobile = $('
">
').appendTo(_this.tabs_info); 59 | 60 | // PCtite 61 | _this.pc_title = $('
').css({ 62 | "float":opt.menuPosition, 63 | }).appendTo(_this.tabs_pc); 64 | _this.ul_pc_title = $('
    ').appendTo(_this.pc_title); 65 | 66 | //PCcontent 67 | _this.pc_content = $('
    ').css({ 68 | "float":opt.menuPosition, 69 | }).appendTo(_this.tabs_pc); 70 | _this.ul_pc_content = $('
      ').appendTo(_this.pc_content); 71 | 72 | //mobile 73 | _this.ul_mobile = $('
        ').appendTo(_this.tabs_mobile); 74 | 75 | var iconClassName = 'dw-icon-add'; 76 | 77 | for (var i = 0 ; i < sourceLength; i++) { 78 | if(opt.activeIndex === i){ 79 | iconClassName = 'dw-icon-reduce'; 80 | _this.li_pc_content = $('
      • ').appendTo(_this.ul_pc_content); 81 | _this.li_pc_title = $('
      • '+opt.source[i].title+'
        • ').appendTo(_this.ul_pc_title); 82 | 83 | //mobile 84 | _this.li_mobile = $('
      • ').appendTo(_this.ul_mobile); 85 | }else{ 86 | iconClassName = 'dw-icon-add'; 87 | _this.li_pc_content = $('
      • ').appendTo(_this.ul_pc_content); 88 | _this.li_pc_title = $('
      • '+opt.source[i].title+'
        • ').appendTo(_this.ul_pc_title); 89 | 90 | //mobile 91 | _this.li_mobile = $('
      • ').appendTo(_this.ul_mobile); 92 | } 93 | 94 | 95 | _this.div_mobile_title = $('
        ').appendTo(_this.li_mobile); 96 | _this.h1_mobile_title = $('

        '+opt.source[i].title+'

        ').appendTo(_this.div_mobile_title); 97 | _this.i_mobile_icon = $('').appendTo(_this.div_mobile_title); 98 | 99 | _this.div_mobile_content = $('
        ').appendTo(_this.li_mobile); 100 | 101 | 102 | var sectionLength = opt.source[i].content.length; 103 | 104 | for(var j = 0 ; j < sectionLength; j++){ 105 | _this.div_pc_section = $('
        ').appendTo(_this.li_pc_content); 106 | _this.div_mobile_section = $('
        ').appendTo(_this.div_mobile_content); 107 | 108 | if(opt.source[i].content[j].hasTitle){ 109 | _this.pc_section_title = $('

        '+opt.source[i].content[j].title+'

        ').appendTo(_this.div_pc_section); 110 | _this.mobile_section_title = $('

        '+opt.source[i].content[j].title+'

        ').appendTo(_this.div_mobile_section); 111 | } 112 | 113 | _this.pc_section_description = $('

        '+opt.source[i].content[j].description+'

        ').appendTo(_this.div_pc_section); 114 | _this.mobile_section_description = $('

        '+opt.source[i].content[j].description+'

        ').appendTo(_this.div_mobile_section); 115 | 116 | } 117 | } 118 | // _this. 119 | 120 | defaultvalue._event(); 121 | } 122 | 123 | defaultvalue._event = function(){ 124 | var e = opt.fnEvent; 125 | _this.ul_pc_title.find('li').on(e,function(){ 126 | var index = $(this).index(); 127 | $(this).addClass('active').stop().siblings().removeClass('active'); 128 | _this.ul_pc_content.find('li').eq(index).addClass('active').stop().siblings().removeClass('active'); 129 | _this.ul_mobile.find('li').eq(index).addClass('active').stop().siblings().removeClass('active'); 130 | }); 131 | 132 | _this.ul_mobile.find('li').on(e,function(){ 133 | var index = $(this).index(); 134 | 135 | if(opt.isShowAll){ 136 | $(this).toggleClass('active'); 137 | if($(this).find('.titleStatus').hasClass('dw-icon-add')){ 138 | $(this).find('.titleStatus').removeClass('dw-icon-add').addClass('dw-icon-reduce'); 139 | }else{ 140 | $(this).find('.titleStatus').removeClass('dw-icon-reduce').addClass('dw-icon-add'); 141 | }; 142 | }else{ 143 | $(this).addClass('active'); 144 | $(this).stop().siblings().removeClass('active'); 145 | $(this).find('.titleStatus').removeClass('dw-icon-add').addClass('dw-icon-reduce'); 146 | $(this).siblings().find('.titleStatus').removeClass('dw-icon-reduce').addClass('dw-icon-add'); 147 | } 148 | 149 | _this.ul_pc_title.find('li').eq(index).addClass('active').stop().siblings().removeClass('active'); 150 | _this.ul_pc_content.find('li').eq(index).addClass('active').stop().siblings().removeClass('active'); 151 | }); 152 | } 153 | 154 | defaultvalue._init(); 155 | }) 156 | } 157 | })(jQuery) -------------------------------------------------------------------------------- /css/tabs.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | /* Welcome to Compass. 3 | * In this file you should write your main styles. (or centralize your imports) 4 | * Import this file using the following HTML or equivalent: 5 | * */ 6 | /* line 5, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ 7 | html, body, div, span, applet, object, iframe, 8 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 9 | a, abbr, acronym, address, big, cite, code, 10 | del, dfn, em, img, ins, kbd, q, s, samp, 11 | small, strike, strong, sub, sup, tt, var, 12 | b, u, i, center, 13 | dl, dt, dd, ol, ul, li, 14 | fieldset, form, label, legend, 15 | table, caption, tbody, tfoot, thead, tr, th, td, 16 | article, aside, canvas, details, embed, 17 | figure, figcaption, footer, header, hgroup, 18 | menu, nav, output, ruby, section, summary, 19 | time, mark, audio, video { 20 | margin: 0; 21 | padding: 0; 22 | border: 0; 23 | font: inherit; 24 | font-size: 100%; 25 | vertical-align: baseline; 26 | } 27 | 28 | /* line 22, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ 29 | html { 30 | line-height: 1; 31 | } 32 | 33 | /* line 24, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ 34 | ol, ul { 35 | list-style: none; 36 | } 37 | 38 | /* line 26, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ 39 | table { 40 | border-collapse: collapse; 41 | border-spacing: 0; 42 | } 43 | 44 | /* line 28, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ 45 | caption, th, td { 46 | text-align: left; 47 | font-weight: normal; 48 | vertical-align: middle; 49 | } 50 | 51 | /* line 30, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ 52 | q, blockquote { 53 | quotes: none; 54 | } 55 | /* line 103, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ 56 | q:before, q:after, blockquote:before, blockquote:after { 57 | content: ""; 58 | content: none; 59 | } 60 | 61 | /* line 32, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ 62 | a img { 63 | border: none; 64 | } 65 | 66 | /* line 116, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ 67 | article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { 68 | display: block; 69 | } 70 | 71 | /* line 47, ../sass/tabs.scss */ 72 | .cpt-tabs-wrapper { 73 | width: 100%; 74 | max-width: 1200px; 75 | margin: 0 auto; 76 | overflow: hidden; 77 | } 78 | /* line 55, ../sass/tabs.scss */ 79 | .cpt-tabs-wrapper .tabs-info .tabs-pc .title .ul-pctabs-title { 80 | width: 100%; 81 | height: auto; 82 | margin: 0; 83 | padding: 0; 84 | } 85 | /* line 61, ../sass/tabs.scss */ 86 | .cpt-tabs-wrapper .tabs-info .tabs-pc .title .ul-pctabs-title .li-pctbas-title { 87 | margin: 0; 88 | width: 100%; 89 | height: 40px; 90 | line-height: 32px; 91 | padding: 4px 10px; 92 | background: rgba(0, 0, 0, 0.5); 93 | margin: 10px 0; 94 | color: #fff; 95 | cursor: pointer; 96 | -moz-transition: all 0.5s ease; 97 | -o-transition: all 0.5s ease; 98 | -webkit-transition: all 0.5s ease; 99 | transition: all 0.5s ease; 100 | } 101 | /* line 77, ../sass/tabs.scss */ 102 | .cpt-tabs-wrapper .tabs-info .tabs-pc .title .ul-pctabs-title .li-pctbas-title.active { 103 | background: #4D96DF; 104 | } 105 | /* line 85, ../sass/tabs.scss */ 106 | .cpt-tabs-wrapper .tabs-info .tabs-pc .content .ul-pctabs-content { 107 | width: 100%; 108 | height: auto; 109 | margin: 0; 110 | padding: 0; 111 | } 112 | /* line 90, ../sass/tabs.scss */ 113 | .cpt-tabs-wrapper .tabs-info .tabs-pc .content .ul-pctabs-content .li-pctbas-content { 114 | display: none; 115 | margin: 0; 116 | width: 100%; 117 | padding: 10px; 118 | background: rgba(0, 0, 0, 0.36); 119 | margin: 10px 0; 120 | color: #fff; 121 | } 122 | /* line 99, ../sass/tabs.scss */ 123 | .cpt-tabs-wrapper .tabs-info .tabs-pc .content .ul-pctabs-content .li-pctbas-content .section { 124 | padding: 5px; 125 | } 126 | /* line 102, ../sass/tabs.scss */ 127 | .cpt-tabs-wrapper .tabs-info .tabs-pc .content .ul-pctabs-content .li-pctbas-content .section .h1-section-title { 128 | font-size: 16px; 129 | line-height: 32px; 130 | } 131 | /* line 107, ../sass/tabs.scss */ 132 | .cpt-tabs-wrapper .tabs-info .tabs-pc .content .ul-pctabs-content .li-pctbas-content .section .h1-section-content { 133 | font-size: 14px; 134 | line-height: initial; 135 | } 136 | /* line 113, ../sass/tabs.scss */ 137 | .cpt-tabs-wrapper .tabs-info .tabs-pc .content .ul-pctabs-content .li-pctbas-content.active { 138 | display: block; 139 | } 140 | /* line 122, ../sass/tabs.scss */ 141 | .cpt-tabs-wrapper .tabs-info .tabs-mobile .ul-tabs-info { 142 | margin: 0; 143 | padding: 10px; 144 | } 145 | /* line 125, ../sass/tabs.scss */ 146 | .cpt-tabs-wrapper .tabs-info .tabs-mobile .ul-tabs-info .li-tabs-info { 147 | width: 100%; 148 | height: auto; 149 | } 150 | /* line 129, ../sass/tabs.scss */ 151 | .cpt-tabs-wrapper .tabs-info .tabs-mobile .ul-tabs-info .li-tabs-info .div-tabs-title { 152 | display: -webkit-flex; 153 | display: flex; 154 | -webkit-align-items: center; 155 | align-items: center; 156 | background: rgba(0, 0, 0, 0.5); 157 | -moz-transition: all 0.5s linear; 158 | -o-transition: all 0.5s linear; 159 | -webkit-transition: all 0.5s linear; 160 | transition: all 0.5s linear; 161 | } 162 | /* line 135, ../sass/tabs.scss */ 163 | .cpt-tabs-wrapper .tabs-info .tabs-mobile .ul-tabs-info .li-tabs-info .div-tabs-title .h1-tabs-title { 164 | -webkit-flex: 1 1 auto; 165 | flex: 1 1 auto; 166 | padding: 4px 10px; 167 | height: 40px; 168 | line-height: 32px; 169 | color: #fff; 170 | } 171 | /* line 143, ../sass/tabs.scss */ 172 | .cpt-tabs-wrapper .tabs-info .tabs-mobile .ul-tabs-info .li-tabs-info .div-tabs-title .titleStatus { 173 | -webkit-flex: 0 0 18px; 174 | flex: 0 0 18px; 175 | width: 18px; 176 | height: 18px; 177 | margin-right: 10px; 178 | color: #fff; 179 | } 180 | /* line 150, ../sass/tabs.scss */ 181 | .cpt-tabs-wrapper .tabs-info .tabs-mobile .ul-tabs-info .li-tabs-info .div-tabs-title .titleStatus.dw-icon-tabs:before { 182 | content: "\e900"; 183 | } 184 | /* line 156, ../sass/tabs.scss */ 185 | .cpt-tabs-wrapper .tabs-info .tabs-mobile .ul-tabs-info .li-tabs-info .div-tabs-content { 186 | max-height: 0px; 187 | min-height: 0; 188 | padding: 0; 189 | -moz-transition: all 0.5s linear; 190 | -o-transition: all 0.5s linear; 191 | -webkit-transition: all 0.5s linear; 192 | transition: all 0.5s linear; 193 | -moz-transform: translate3d(0, 0, 0); 194 | -webkit-transform: translate3d(0, 0, 0); 195 | transform: translate3d(0, 0, 0); 196 | overflow: hidden; 197 | background: rgba(0, 0, 0, 0.36); 198 | margin-bottom: 10px; 199 | color: #fff; 200 | } 201 | /* line 168, ../sass/tabs.scss */ 202 | .cpt-tabs-wrapper .tabs-info .tabs-mobile .ul-tabs-info .li-tabs-info .div-tabs-content .section { 203 | padding: 5px; 204 | } 205 | /* line 170, ../sass/tabs.scss */ 206 | .cpt-tabs-wrapper .tabs-info .tabs-mobile .ul-tabs-info .li-tabs-info .div-tabs-content .section .h1-section-title { 207 | font-size: 16px; 208 | line-height: 32px; 209 | } 210 | /* line 175, ../sass/tabs.scss */ 211 | .cpt-tabs-wrapper .tabs-info .tabs-mobile .ul-tabs-info .li-tabs-info .div-tabs-content .section .h1-section-content { 212 | font-size: 14px; 213 | line-height: initial; 214 | } 215 | /* line 188, ../sass/tabs.scss */ 216 | .cpt-tabs-wrapper .tabs-info .tabs-mobile .ul-tabs-info .li-tabs-info.active .div-tabs-title { 217 | background: #4D96DF; 218 | margin-bottom: 10px; 219 | } 220 | /* line 193, ../sass/tabs.scss */ 221 | .cpt-tabs-wrapper .tabs-info .tabs-mobile .ul-tabs-info .li-tabs-info.active .div-tabs-title .titleStatus.dw-icon-tabs:before { 222 | content: "\e90f"; 223 | } 224 | /* line 199, ../sass/tabs.scss */ 225 | .cpt-tabs-wrapper .tabs-info .tabs-mobile .ul-tabs-info .li-tabs-info.active .div-tabs-content { 226 | max-height: 200px; 227 | } 228 | 229 | /* line 210, ../sass/tabs.scss */ 230 | .txt-textOneRow { 231 | text-overflow: ellipsis; 232 | overflow: hidden; 233 | white-space: nowrap; 234 | } 235 | 236 | @media screen and (max-width: 768px) { 237 | /*当屏幕尺寸小于768px时，应用下面的CSS样式*/ 238 | /* line 217, ../sass/tabs.scss */ 239 | .tabs-pc { 240 | display: none; 241 | } 242 | 243 | /* line 221, ../sass/tabs.scss */ 244 | .tabs-mobile { 245 | display: block; 246 | } 247 | } 248 | @media screen and (min-width: 768px) { 249 | /*当屏幕尺寸小于768px时，应用下面的CSS样式*/ 250 | /* line 227, ../sass/tabs.scss */ 251 | .tabs-pc { 252 | display: block; 253 | } 254 | 255 | /* line 231, ../sass/tabs.scss */ 256 | .tabs-mobile { 257 | display: none; 258 | } 259 | } 260 | -------------------------------------------------------------------------------- /fonts/fontCss.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'icomoon'; 3 | src: url('icomoon.eot?o6gl1w'); 4 | src: url('icomoon.eot?o6gl1w#iefix') format('embedded-opentype'), 5 | url('icomoon.ttf?o6gl1w') format('truetype'), 6 | url('icomoon.woff?o6gl1w') format('woff'), 7 | url('icomoon.svg?o6gl1w#icomoon') format('svg'); 8 | font-weight: normal; 9 | font-style: normal; 10 | } 11 | 12 | [class^="dw-icon-"], [class*=" dw-icon-"] { 13 | /* use !important to prevent issues with browser extensions that change fonts */ 14 | font-family: 'icomoon' !important; 15 | speak: none; 16 | font-style: normal; 17 | font-weight: normal; 18 | font-variant: normal; 19 | text-transform: none; 20 | line-height: 1; 21 | 22 | /* Better Font Rendering =========== */ 23 | -webkit-font-smoothing: antialiased; 24 | -moz-osx-font-smoothing: grayscale; 25 | } 26 | 27 | .dw-icon-music-shunxu:before { 28 | content: "\e94b"; 29 | } 30 | .dw-icon-add:before { 31 | content: "\e900"; 32 | } 33 | .dw-icon-address-book:before { 34 | content: "\e901"; 35 | } 36 | .dw-icon-alarm:before { 37 | content: "\e902"; 38 | } 39 | .dw-icon-android:before { 40 | content: "\e903"; 41 | } 42 | .dw-icon-angry:before { 43 | content: "\e904"; 44 | } 45 | .dw-icon-angry2:before { 46 | content: "\e905"; 47 | } 48 | .dw-icon-apple:before { 49 | content: "\e906"; 50 | } 51 | .dw-icon-baffled:before { 52 | content: "\e907"; 53 | } 54 | .dw-icon-baffled2:before { 55 | content: "\e908"; 56 | } 57 | .dw-icon-barcode:before { 58 | content: "\e909"; 59 | } 60 | .dw-icon-bin:before { 61 | content: "\e90a"; 62 | } 63 | .dw-icon-bin2:before { 64 | content: "\e90b"; 65 | } 66 | .dw-icon-calculator:before { 67 | content: "\e90c"; 68 | } 69 | .dw-icon-camera:before { 70 | content: "\e90d"; 71 | } 72 | .dw-icon-cart:before { 73 | content: "\e90e"; 74 | } 75 | .dw-icon-checkbox-checked:before { 76 | content: "\e90f"; 77 | } 78 | .dw-icon-checkbox-unchecked:before { 79 | content: "\e910"; 80 | } 81 | .dw-icon-chrome:before { 82 | content: "\e911"; 83 | } 84 | .dw-icon-close:before { 85 | content: "\e912"; 86 | } 87 | .dw-icon-cog:before { 88 | content: "\e913"; 89 | } 90 | .dw-icon-coin-dollar:before { 91 | content: "\e914"; 92 | } 93 | .dw-icon-coin-yen:before { 94 | content: "\e915"; 95 | } 96 | .dw-icon-command:before { 97 | content: "\e916"; 98 | } 99 | .dw-icon-compass2:before { 100 | content: "\e917"; 101 | } 102 | .dw-icon-confused:before { 103 | content: "\e918"; 104 | } 105 | .dw-icon-confused2:before { 106 | content: "\e919"; 107 | } 108 | .dw-icon-connection:before { 109 | content: "\e91a"; 110 | } 111 | .dw-icon-cool:before { 112 | content: "\e91b"; 113 | } 114 | .dw-icon-cool2:before { 115 | content: "\e91c"; 116 | } 117 | .dw-icon-credit-card:before { 118 | content: "\e91d"; 119 | } 120 | .dw-icon-crying:before { 121 | content: "\e91e"; 122 | } 123 | .dw-icon-crying2:before { 124 | content: "\e91f"; 125 | } 126 | .dw-icon-database:before { 127 | content: "\e920"; 128 | } 129 | .dw-icon-display:before { 130 | content: "\e921"; 131 | } 132 | .dw-icon-down:before { 133 | content: "\e922"; 134 | } 135 | .dw-icon-download:before { 136 | content: "\e923"; 137 | } 138 | .dw-icon-earth:before { 139 | content: "\e924"; 140 | } 141 | .dw-icon-edge:before { 142 | content: "\e925"; 143 | } 144 | .dw-icon-enlarge2:before { 145 | content: "\e926"; 146 | } 147 | .dw-icon-envelop:before { 148 | content: "\e927"; 149 | } 150 | .dw-icon-erweicode:before { 151 | content: "\e928"; 152 | } 153 | .dw-icon-evil:before { 154 | content: "\e929"; 155 | } 156 | .dw-icon-evil2:before { 157 | content: "\e92a"; 158 | } 159 | .dw-icon-files-empty:before { 160 | content: "\e92b"; 161 | } 162 | .dw-icon-file-zip:before { 163 | content: "\e92c"; 164 | } 165 | .dw-icon-film:before { 166 | content: "\e92d"; 167 | } 168 | .dw-icon-firefox:before { 169 | content: "\e92e"; 170 | } 171 | .dw-icon-floppy-disk:before { 172 | content: "\e92f"; 173 | } 174 | .dw-icon-folder-open:before { 175 | content: "\e930"; 176 | } 177 | .dw-icon-frustrated:before { 178 | content: "\e931"; 179 | } 180 | .dw-icon-frustrated2:before { 181 | content: "\e932"; 182 | } 183 | .dw-icon-gift:before { 184 | content: "\e933"; 185 | } 186 | .dw-icon-grin:before { 187 | content: "\e934"; 188 | } 189 | .dw-icon-grin2:before { 190 | content: "\e935"; 191 | } 192 | .dw-icon-happy:before { 193 | content: "\e936"; 194 | } 195 | .dw-icon-happy2:before { 196 | content: "\e937"; 197 | } 198 | .dw-icon-headphones:before { 199 | content: "\e938"; 200 | } 201 | .dw-icon-hipster:before { 202 | content: "\e939"; 203 | } 204 | .dw-icon-hipster2:before { 205 | content: "\e93a"; 206 | } 207 | .dw-icon-home2:before { 208 | content: "\e93b"; 209 | } 210 | .dw-icon-IE:before { 211 | content: "\e93c"; 212 | } 213 | .dw-icon-images:before { 214 | content: "\e93d"; 215 | } 216 | .dw-icon-key:before { 217 | content: "\e93e"; 218 | } 219 | .dw-icon-lab:before { 220 | content: "\e93f"; 221 | } 222 | .dw-icon-left:before { 223 | content: "\e940"; 224 | } 225 | .dw-icon-like:before { 226 | content: "\e941"; 227 | } 228 | .dw-icon-list:before { 229 | content: "\e942"; 230 | } 231 | .dw-icon-list2:before { 232 | content: "\e943"; 233 | } 234 | .dw-icon-list-numbered:before { 235 | content: "\e944"; 236 | } 237 | .dw-icon-location2:before { 238 | content: "\e945"; 239 | } 240 | .dw-icon-man:before { 241 | content: "\e946"; 242 | } 243 | .dw-icon-money:before { 244 | content: "\e947"; 245 | } 246 | .dw-icon-music:before { 247 | content: "\e948"; 248 | } 249 | .dw-icon-music-danqu:before { 250 | content: "\e949"; 251 | } 252 | .dw-icon-music-random:before { 253 | content: "\e94a"; 254 | } 255 | .dw-icon-neutral:before { 256 | content: "\e94c"; 257 | } 258 | .dw-icon-neutral2:before { 259 | content: "\e94d"; 260 | } 261 | .dw-icon-newspaper:before { 262 | content: "\e94e"; 263 | } 264 | .dw-icon-next:before { 265 | content: "\e94f"; 266 | } 267 | .dw-icon-novoice:before { 268 | content: "\e950"; 269 | } 270 | .dw-icon-off:before { 271 | content: "\e951"; 272 | } 273 | .dw-icon-office:before { 274 | content: "\e952"; 275 | } 276 | .dw-icon-opera:before { 277 | content: "\e953"; 278 | } 279 | .dw-icon-password:before { 280 | content: "\e954"; 281 | } 282 | .dw-icon-pause:before { 283 | content: "\e955"; 284 | } 285 | .dw-icon-pencil:before { 286 | content: "\e956"; 287 | } 288 | .dw-icon-phone:before { 289 | content: "\e957"; 290 | } 291 | .dw-icon-play:before { 292 | content: "\e958"; 293 | } 294 | .dw-icon-point-down:before { 295 | content: "\e959"; 296 | } 297 | .dw-icon-point-left:before { 298 | content: "\e95a"; 299 | } 300 | .dw-icon-point-right:before { 301 | content: "\e95b"; 302 | } 303 | .dw-icon-point-up:before { 304 | content: "\e95c"; 305 | } 306 | .dw-icon-price-tags:before { 307 | content: "\e95d"; 308 | } 309 | .dw-icon-qq:before { 310 | content: "\e95e"; 311 | } 312 | .dw-icon-radio-checked:before { 313 | content: "\e95f"; 314 | } 315 | .dw-icon-radio-checked2:before { 316 | content: "\e960"; 317 | } 318 | .dw-icon-radio-unchecked:before { 319 | content: "\e961"; 320 | } 321 | .dw-icon-reduce:before { 322 | content: "\e962"; 323 | } 324 | .dw-icon-right:before { 325 | content: "\e963"; 326 | } 327 | .dw-icon-sad:before { 328 | content: "\e964"; 329 | } 330 | .dw-icon-sad2:before { 331 | content: "\e965"; 332 | } 333 | .dw-icon-safari:before { 334 | content: "\e966"; 335 | } 336 | .dw-icon-search:before { 337 | content: "\e967"; 338 | } 339 | .dw-icon-share:before { 340 | content: "\e968"; 341 | } 342 | .dw-icon-shocked:before { 343 | content: "\e969"; 344 | } 345 | .dw-icon-shocked2:before { 346 | content: "\e96a"; 347 | } 348 | .dw-icon-shrink2:before { 349 | content: "\e96b"; 350 | } 351 | .dw-icon-skin:before { 352 | content: "\e96c"; 353 | } 354 | .dw-icon-sleepy:before { 355 | content: "\e96d"; 356 | } 357 | .dw-icon-sleepy2:before { 358 | content: "\e96e"; 359 | } 360 | .dw-icon-smile:before { 361 | content: "\e96f"; 362 | } 363 | .dw-icon-smile2:before { 364 | content: "\e970"; 365 | } 366 | .dw-icon-sort-alpha-asc:before { 367 | content: "\e971"; 368 | } 369 | .dw-icon-sort-alpha-desc:before { 370 | content: "\e972"; 371 | } 372 | .dw-icon-sort-numberic-desc:before { 373 | content: "\e973"; 374 | } 375 | .dw-icon-sort-numeric-asc:before { 376 | content: "\e974"; 377 | } 378 | .dw-icon-switch:before { 379 | content: "\e975"; 380 | } 381 | .dw-icon-tag:before { 382 | content: "\e976"; 383 | } 384 | .dw-icon-tongue2:before { 385 | content: "\e977"; 386 | } 387 | .dw-icon-up:before { 388 | content: "\e978"; 389 | } 390 | .dw-icon-user:before { 391 | content: "\e979"; 392 | } 393 | .dw-icon-user-plus:before { 394 | content: "\e97a"; 395 | } 396 | .dw-icon-users:before { 397 | content: "\e97b"; 398 | } 399 | .dw-icon-user-tie:before { 400 | content: "\e97c"; 401 | } 402 | .dw-icon-video-camera:before { 403 | content: "\e97d"; 404 | } 405 | .dw-icon-voice:before { 406 | content: "\e97e"; 407 | } 408 | .dw-icon-volume-decrease:before { 409 | content: "\e97f"; 410 | } 411 | .dw-icon-volume-high:before { 412 | content: "\e980"; 413 | } 414 | .dw-icon-volume-increase:before { 415 | content: "\e981"; 416 | } 417 | .dw-icon-volume-low:before { 418 | content: "\e982"; 419 | } 420 | .dw-icon-volume-medium:before { 421 | content: "\e983"; 422 | } 423 | .dw-icon-volume-mute:before { 424 | content: "\e984"; 425 | } 426 | .dw-icon-volume-mute2:before { 427 | content: "\e985"; 428 | } 429 | .dw-icon-wechat:before { 430 | content: "\e986"; 431 | } 432 | .dw-icon-weibo:before { 433 | content: "\e987"; 434 | } 435 | .dw-icon-windows:before { 436 | content: "\e988"; 437 | } 438 | .dw-icon-wink:before { 439 | content: "\e989"; 440 | } 441 | .dw-icon-wink2:before { 442 | content: "\e98a"; 443 | } 444 | .dw-icon-woman:before { 445 | content: "\e98b"; 446 | } 447 | .dw-icon-wondering:before { 448 | content: "\e98c"; 449 | } 450 | .dw-icon-wondering2:before { 451 | content: "\e98d"; 452 | } 453 | .dw-icon-zan:before { 454 | content: "\e98e"; 455 | } 456 | .dw-icon-zan-empty:before { 457 | content: "\e98f"; 458 | } 459 | .dw-icon-zoom-in:before { 460 | content: "\e990"; 461 | } 462 | .dw-icon-zoom-out:before { 463 | content: "\e991"; 464 | } 465 | .dw-icon-shuffle:before { 466 | content: "\ea30"; 467 | } 468 | 469 | -------------------------------------------------------------------------------- /fonts/icomoon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Generated by IcoMoon 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | --------------------------------------------------------------------------------