├── app └── templates │ ├── src4pc │ ├── css │ │ └── global.css │ ├── sass │ │ ├── _slice.scss │ │ ├── global.scss │ │ └── base │ │ │ └── _base.scss │ ├── js │ │ ├── .gitignore │ │ └── .npmignore │ ├── tpl │ │ ├── .gitignore │ │ └── .npmignore │ ├── img │ │ └── slice │ │ │ ├── .gitignore │ │ │ └── .npmignore │ ├── README.md │ └── _index.html │ ├── src4mobi │ ├── sass │ │ ├── _slice.scss │ │ ├── index.scss │ │ ├── _global.scss │ │ └── base │ │ │ ├── _base.scss │ │ │ └── _tool.scss │ ├── css │ │ ├── .gitignore │ │ └── .npmignore │ ├── js │ │ ├── .gitignore │ │ └── module │ │ │ ├── .gitignore │ │ │ └── .npmignore │ ├── img │ │ └── slice │ │ │ ├── .gitignore │ │ │ └── .npmignore │ ├── svg │ │ └── slice │ │ │ ├── .gitignore │ │ │ └── .npmignore │ ├── tpl │ │ └── partial │ │ │ ├── .gitignore │ │ │ └── .npmignore │ ├── _index.html │ └── README.md │ ├── gulpfile.js │ ├── tasks │ ├── gulpfile-publish.js │ └── gulpfile-zip.js │ └── package.json ├── more └── templates │ ├── src4game1 │ ├── css │ │ └── demo.css │ ├── sass │ │ ├── mod │ │ │ ├── _variables.scss │ │ │ ├── _common.scss │ │ │ ├── _database.scss │ │ │ ├── _layout.scss │ │ │ ├── _face.scss │ │ │ ├── _site-foot.scss │ │ │ ├── _site-head.scss │ │ │ └── _hero.scss │ │ ├── lego │ │ │ ├── _art.scss │ │ │ ├── _table.scss │ │ │ ├── _ui.lineList.scss │ │ │ ├── _label.scss │ │ │ ├── _ui.badge.scss │ │ │ ├── _badge.scss │ │ │ ├── _ui.media.scss │ │ │ ├── _ui.marquee.scss │ │ │ ├── _ui.progress.scss │ │ │ ├── _icon.scss │ │ │ ├── _pic.t.scss │ │ │ ├── _pic.s1.scss │ │ │ ├── _alert.scss │ │ │ ├── _progress.scss │ │ │ ├── _box.scss │ │ │ ├── _lego.scss │ │ │ ├── _ui.tab.scss │ │ │ ├── _pagination.scss │ │ │ ├── _ui.accordion.scss │ │ │ ├── _pic.s2.scss │ │ │ ├── _list.scss │ │ │ ├── _config.scss │ │ │ ├── _form.scss │ │ │ ├── _button.scss │ │ │ ├── _base.scss │ │ │ ├── _ui.dialog.scss │ │ │ ├── _ui.panel.scss │ │ │ ├── _ui.paging.scss │ │ │ ├── _ui.carousel.scss │ │ │ └── _ui.figure.scss │ │ ├── global.scss │ │ └── _slice.scss │ ├── img │ │ ├── zq-bg.jpg │ │ └── slice │ │ │ ├── back.png │ │ │ ├── hot.png │ │ │ ├── new.png │ │ │ ├── i_normal.png │ │ │ ├── icon-down.png │ │ │ ├── icon-fav.png │ │ │ ├── icon-home.png │ │ │ ├── icon-more.png │ │ │ ├── icon-plus.png │ │ │ ├── i_selected.png │ │ │ ├── icon-minus.png │ │ │ ├── icon-search.png │ │ │ ├── icon-search1.png │ │ │ ├── icon-video.png │ │ │ ├── icon-backtoTop.jpg │ │ │ ├── icon-backtoTop.png │ │ │ ├── icon-footlogo.png │ │ │ ├── icon-backtoTop-hover.jpg │ │ │ └── icon-backtoTop-hover.png │ ├── tpl │ │ ├── partial │ │ │ ├── duowan-nav.ejs │ │ │ ├── duowan-siteinfo.ejs │ │ │ ├── article-picrec.ejs │ │ │ ├── index-jobguide.ejs │ │ │ ├── article.ejs │ │ │ ├── zq-foot.ejs │ │ │ └── zq-head.ejs │ │ └── _index.ejs │ ├── README.md │ └── js │ │ ├── index.js │ │ └── main.js │ ├── src4legopc │ ├── css │ │ └── global.css │ ├── sass │ │ ├── _slice.scss │ │ ├── biz │ │ │ └── .gitignore │ │ ├── global.scss │ │ └── lego │ │ │ ├── _base.scss │ │ │ ├── _ui.lineList.scss │ │ │ ├── _ui.badge.scss │ │ │ ├── _ui.media.scss │ │ │ ├── _ui.marquee.scss │ │ │ ├── _icon.scss │ │ │ ├── _ui.progress.scss │ │ │ ├── _lego.scss │ │ │ ├── _table.scss │ │ │ ├── _ui.tab.scss │ │ │ ├── _ui.accordion.scss │ │ │ ├── _variable.scss │ │ │ ├── _list.scss │ │ │ ├── _print.scss │ │ │ ├── _reset.scss │ │ │ ├── _ui.dialog.scss │ │ │ ├── _ui.panel.scss │ │ │ ├── _ui.paging.scss │ │ │ ├── _ui.carousel.scss │ │ │ └── _button.scss │ ├── js │ │ ├── lib │ │ │ └── .gitignore │ │ └── main.js │ ├── img │ │ └── slice │ │ │ ├── .gitignore │ │ │ └── .npmignore │ ├── font │ │ └── lego │ │ │ ├── iconfont.eot │ │ │ ├── iconfont.ttf │ │ │ └── iconfont.woff │ ├── tpl │ │ ├── partial │ │ │ ├── dw-ft.ejs │ │ │ └── dw-hd.ejs │ │ └── test.ejs │ ├── _index.html │ └── README.md │ ├── src4legomobi │ ├── js │ │ ├── .gitignore │ │ └── .npmignore │ ├── tpl │ │ ├── .gitignore │ │ └── .npmignore │ ├── img │ │ └── slice │ │ │ ├── .gitignore │ │ │ └── .npmignore │ ├── svg │ │ └── slice │ │ │ ├── .gitignore │ │ │ └── .npmignore │ ├── sass │ │ ├── legomobi │ │ │ ├── base │ │ │ │ ├── variables.scss │ │ │ │ └── base.scss │ │ │ ├── tools │ │ │ │ ├── tools.scss │ │ │ │ └── media.scss │ │ │ ├── components │ │ │ │ ├── components.scss │ │ │ │ ├── scrolltop.scss │ │ │ │ ├── panel.scss │ │ │ │ ├── tab.scss │ │ │ │ ├── pop.scss │ │ │ │ ├── dropmenu.scss │ │ │ │ ├── slider.scss │ │ │ │ └── refresh.scss │ │ │ ├── legomobi.scss │ │ │ └── ui │ │ │ │ ├── ui.scss │ │ │ │ ├── bottombar.scss │ │ │ │ ├── topbar.scss │ │ │ │ ├── piclist.scss │ │ │ │ ├── form.scss │ │ │ │ ├── header.scss │ │ │ │ ├── button.scss │ │ │ │ ├── toggle.scss │ │ │ │ ├── table.scss │ │ │ │ ├── list.scss │ │ │ │ └── single.scss │ │ └── global.scss │ ├── fonts │ │ └── lego │ │ │ └── lego.ttf │ ├── _index.html │ └── README.md │ ├── src4game1.rar │ ├── gulpfile.js │ ├── tasks │ ├── gulpfile-publish.js │ └── gulpfile-zip.js │ └── package.json ├── .gitignore ├── .npmignore ├── scripts ├── uninstall.js └── post-install.js ├── doc ├── templates │ └── doc │ │ └── html.md └── index.js ├── LICENSE-MIT └── package.json /app/templates/src4pc/css/global.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/templates/src4pc/sass/_slice.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /more/templates/src4game1/css/demo.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/templates/src4mobi/sass/_slice.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /more/templates/src4legopc/css/global.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/_slice.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/templates/src4pc/js/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /app/templates/src4pc/js/.npmignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /app/templates/src4pc/tpl/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /app/templates/src4pc/tpl/.npmignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /app/templates/src4mobi/css/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /app/templates/src4mobi/css/.npmignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /app/templates/src4mobi/js/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /app/templates/src4mobi/img/slice/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /app/templates/src4mobi/img/slice/.npmignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /app/templates/src4mobi/js/module/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /app/templates/src4mobi/js/module/.npmignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /app/templates/src4mobi/sass/index.scss: -------------------------------------------------------------------------------- 1 | // 导入公共scss模块 2 | @import "global"; 3 | -------------------------------------------------------------------------------- /app/templates/src4mobi/svg/slice/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /app/templates/src4mobi/svg/slice/.npmignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /app/templates/src4mobi/tpl/partial/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /app/templates/src4mobi/tpl/partial/.npmignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /app/templates/src4pc/img/slice/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /app/templates/src4pc/img/slice/.npmignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /more/templates/src4game1/sass/mod/_variables.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/js/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /more/templates/src4legomobi/js/.npmignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /more/templates/src4legomobi/tpl/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /more/templates/src4legomobi/tpl/.npmignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /more/templates/src4legopc/js/lib/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/biz/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /more/templates/src4legomobi/img/slice/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /more/templates/src4legomobi/img/slice/.npmignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /more/templates/src4legomobi/svg/slice/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /more/templates/src4legomobi/svg/slice/.npmignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /more/templates/src4legopc/img/slice/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /more/templates/src4legopc/img/slice/.npmignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | !.npmignore -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | .svn 3 | .idea 4 | .yo-rc.json 5 | adi/ 6 | node_modules 7 | 8 | README_ignore.md 9 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | .svn 3 | .idea 4 | .yo-rc.json 5 | adi/ 6 | node_modules 7 | 8 | README_ignore.md 9 | -------------------------------------------------------------------------------- /more/templates/src4game1.rar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1.rar -------------------------------------------------------------------------------- /app/templates/src4mobi/sass/_global.scss: -------------------------------------------------------------------------------- 1 | // 导入公共scss模块 2 | @import "base/base"; 3 | 4 | // 导入切片样式 5 | @import "slice"; 6 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/base/variables.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | /* CSS3 Keyframes */ 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /more/templates/src4game1/img/zq-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/zq-bg.jpg -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/back.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/back.png -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/hot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/hot.png -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/new.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/new.png -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/i_normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/i_normal.png -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/icon-down.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/icon-down.png -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/icon-fav.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/icon-fav.png -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/icon-home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/icon-home.png -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/icon-more.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/icon-more.png -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/icon-plus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/icon-plus.png -------------------------------------------------------------------------------- /more/templates/src4legomobi/fonts/lego/lego.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4legomobi/fonts/lego/lego.ttf -------------------------------------------------------------------------------- /more/templates/src4legopc/font/lego/iconfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4legopc/font/lego/iconfont.eot -------------------------------------------------------------------------------- /more/templates/src4legopc/font/lego/iconfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4legopc/font/lego/iconfont.ttf -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/i_selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/i_selected.png -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/icon-minus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/icon-minus.png -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/icon-search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/icon-search.png -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/icon-search1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/icon-search1.png -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/icon-video.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/icon-video.png -------------------------------------------------------------------------------- /more/templates/src4legopc/font/lego/iconfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4legopc/font/lego/iconfont.woff -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/icon-backtoTop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/icon-backtoTop.jpg -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/icon-backtoTop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/icon-backtoTop.png -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/icon-footlogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/icon-footlogo.png -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/tools/tools.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | /* Tools */ 4 | @import "mixin"; 5 | @import "fonts"; 6 | @import "media"; -------------------------------------------------------------------------------- /more/templates/src4legopc/tpl/partial/dw-ft.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/icon-backtoTop-hover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/icon-backtoTop-hover.jpg -------------------------------------------------------------------------------- /more/templates/src4game1/img/slice/icon-backtoTop-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yyued/generator-lego/HEAD/more/templates/src4game1/img/slice/icon-backtoTop-hover.png -------------------------------------------------------------------------------- /more/templates/src4game1/tpl/partial/duowan-nav.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /more/templates/src4legopc/tpl/partial/dw-hd.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /more/templates/src4game1/tpl/partial/duowan-siteinfo.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/components/components.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | @import "dropmenu"; 4 | @import "panel"; 5 | @import "refresh"; 6 | @import "scrolltop"; 7 | @import "slider"; 8 | @import "tab"; 9 | @import "pop"; -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/global.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 全局样式 5 | * @update: 2015-05-29 09:08:18 6 | */ 7 | 8 | @import "lego/lego"; // LegoUI for pc 9 | @import "slice"; // sprites切片占位符 10 | 11 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/mod/_common.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | .blank5, 4 | .blank8, 5 | .blank10{clear:both;overflow:hidden;} 6 | .blank5{height:5px;} 7 | .blank8{height:8px;} 8 | .blank10{height:10px;} 9 | 10 | /* 专区新闻盒子 */ 11 | .zq-box{ 12 | @extend %box; 13 | } -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/legomobi.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | /* Legomobi sass工具函数 */ 3 | @import "tools/tools"; 4 | /* Legomobi reset */ 5 | @import "base/base"; 6 | /* Legomobi UI */ 7 | @import "ui/ui"; 8 | /* Legomobi Components */ 9 | @import "components/components"; -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/ui/ui.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | @import "bottombar"; 4 | @import "topbar"; 5 | @import "header"; 6 | @import "form"; 7 | @import "list"; 8 | @import "piclist"; 9 | @import "table"; 10 | @import "button"; 11 | @import "single"; 12 | @import "toggle"; -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_base.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: LegoUI for pc 基础设施 4 | * @update: 2015-06-03 17:28:19 5 | */ 6 | 7 | @import "variable"; // 变量配置 8 | @import "mixins"; 9 | @import "normalize"; 10 | @import "reset"; // 重置 11 | @import "print"; // 打印 12 | 13 | -------------------------------------------------------------------------------- /scripts/uninstall.js: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env node 2 | var path = require('path') 3 | var del = require('del') 4 | 5 | var win32 = process.platform === 'win32' 6 | var homeDir = process.env[ win32? 'USERPROFILE' : 'HOME'] 7 | 8 | // USERPROFILE 文件销毁 9 | // del([path.join(homeDir, '.generator-lego')], {force:true}) -------------------------------------------------------------------------------- /doc/templates/doc/html.md: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'), 2 | plugins = require('gulp-load-plugins')(); 3 | 4 | require('./tasks/gulpfile-dev')(gulp, plugins) 5 | require('./tasks/gulpfile-build')(gulp, plugins) 6 | require('./tasks/gulpfile-publish')(gulp, plugins) 7 | require('./tasks/gulpfile-zip')(gulp, plugins) -------------------------------------------------------------------------------- /more/templates/gulpfile.js: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'), 2 | plugins = require('gulp-load-plugins')(); 3 | 4 | require('./tasks/gulpfile-dev')(gulp, plugins) 5 | require('./tasks/gulpfile-build')(gulp, plugins) 6 | require('./tasks/gulpfile-publish')(gulp, plugins) 7 | require('./tasks/gulpfile-zip')(gulp, plugins) -------------------------------------------------------------------------------- /app/templates/gulpfile.js: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'), 2 | plugins = require('gulp-load-plugins')(); 3 | 4 | require('./tasks/gulpfile-dev')(gulp, plugins) 5 | require('./tasks/gulpfile-build')(gulp, plugins) 6 | require('./tasks/gulpfile-publish')(gulp, plugins) 7 | require('./tasks/gulpfile-zip')(gulp, plugins) 8 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/global.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | /* 统一入口Legomobi ui */ 4 | // @import "legomobi"; 5 | 6 | /* 拆分调用 */ 7 | /* Legomobi sass工具函数 */ 8 | @import "legomobi/tools/tools"; 9 | /* Legomobi reset */ 10 | @import "legomobi/base/base"; 11 | /* Legomobi UI */ 12 | @import "legomobi/ui/ui"; 13 | /* Legomobi Components */ 14 | @import "legomobi/components/components"; 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_art.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 3 | .mod-art { 4 | li { 5 | overflow: hidden; 6 | height: 24px; 7 | line-height: 24px; 8 | padding-left: 10px; 9 | background: url(../img/icon_li.png) no-repeat 0 12px; 10 | .date{ 11 | float: right; 12 | margin-left: 4px; 13 | color: #666; 14 | } 15 | .tag { 16 | margin-right: 10px; 17 | color: #F60; 18 | } 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /more/templates/src4legopc/js/main.js: -------------------------------------------------------------------------------- 1 | (function(){ 2 | 'use strict'; 3 | 4 | var main = { 5 | method1 : function(){ 6 | alert('a'); 7 | }, 8 | _method : function(){ 9 | 10 | }, 11 | init : function(){ 12 | this.method1(); 13 | //this._method(); 14 | } 15 | }; 16 | 17 | if(typeof window.main === 'undefined') window.main = main 18 | 19 | })(); -------------------------------------------------------------------------------- /app/templates/src4pc/README.md: -------------------------------------------------------------------------------- 1 | # 项目xxx文档: 2 | 3 | 项目xxx的简介... 4 | 5 | ## 相关人员 6 | 7 | * **产品经理：** xxx (YY：12345678) 8 | * **美术设计：** xxx (YY：12345678) 9 | * **前端开发：** xxx (YY：12345678) 10 | * **技术开发：** xxx (YY：12345678) 11 | 12 | ## 相关路径 13 | 14 | * **开发SVN：** work/项目路径 15 | * **线上SVN：** assets/项目路径 16 | * **线上地址：**[http://www.duowan.com/](http://www.duowan.com/) 17 | 18 | 19 | ## 注意事项 20 | 21 | 如有请在此说明。另外，如果该项目的JS和SASS等文件数量较多或者比较复杂，请在此文档分类说明。 22 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/components/scrolltop.scss: -------------------------------------------------------------------------------- 1 | .mod-scrollTop{ 2 | width:44px; 3 | height:44px; 4 | position:fixed; 5 | bottom:60px; 6 | right:10px; 7 | z-index:999; 8 | background: rgba(0,0,0,0.6); 9 | border-radius: 10px; 10 | i{ 11 | display: block; 12 | width: 100%; 13 | line-height: 44px; 14 | color: #fff; 15 | text-align: center; 16 | } 17 | } -------------------------------------------------------------------------------- /doc/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var yeoman = require('yeoman-generator'), 3 | chalk = require('yeoman-generator/node_modules/chalk'), 4 | log = console.log; 5 | 6 | var win32 = process.platform === 'win32'; 7 | 8 | var LegoGenerator = yeoman.generators.Base.extend({ 9 | 10 | // 资源文件拷贝 11 | writing: function(){ 12 | this.directory('doc', 'doc') 13 | // this.copy('README.md', 'README.md') 14 | }, 15 | end: function(){ 16 | log(chalk.bold.green('操作完毕!')) 17 | } 18 | }); 19 | 20 | 21 | module.exports = LegoGenerator; -------------------------------------------------------------------------------- /scripts/post-install.js: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env node 2 | var path = require('path') 3 | var fs = require('fs') 4 | var mkdirp = require('mkdirp') 5 | 6 | var win32 = process.platform === 'win32' 7 | var homeDir = process.env[ win32? 'USERPROFILE' : 'HOME'] 8 | var libPath = path.join(homeDir, '.generator-lego', 'node_modules') 9 | var configPath = path.join(homeDir, '.generator-lego', 'config.json') 10 | 11 | // USERPROFILE 文件夹创建 12 | mkdirp.sync(libPath) 13 | fs.writeFileSync(configPath, JSON.stringify({}, null, 4), { encoding: 'utf8' }) -------------------------------------------------------------------------------- /app/templates/src4pc/_index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | demo 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_table.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 3 | .table{ 4 | width: 100%; 5 | thead{ 6 | th{ 7 | font-weight: 700; 8 | line-height: 30px; 9 | text-align: left; 10 | padding-left: 10px; 11 | } 12 | } 13 | tbody{ 14 | td{ 15 | line-height: 30px; 16 | padding-left: 10px; 17 | border-top: 1px solid #d2d2d2; 18 | } 19 | tr:nth-child(even){ 20 | td{ 21 | background-color: #f9f9f9; 22 | } 23 | } 24 | } 25 | &.is-bordered{ 26 | border: 1px solid #d2d2d2; 27 | th,td{ 28 | border: 1px solid #d2d2d2; 29 | } 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_ui.lineList.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 带分割线的文本列表 5 | * @update: 2015-06-05 16:44:52 6 | */ 7 | 8 | /* 9 | * 默认 10 | * @base 11 | */ 12 | $line-color: #ddd; // 带分割线颜色 13 | 14 | .ui-lineList { 15 | overflow: hidden; 16 | font-size: 0; 17 | a { 18 | @include inline-block; 19 | @include nowrap; 20 | margin-left: -1px; 21 | padding: 0 10px; 22 | line-height: 1.1; 23 | border-left: 1px solid $line-color; 24 | color: #999; 25 | font-size: 12px; 26 | } 27 | } 28 | 29 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_label.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 3 | %label{ 4 | display: inline-block; 5 | white-space: nowrap; 6 | vertical-align: baseline; 7 | font-size: 1em; 8 | line-height: 1; 9 | padding: 2px 4px; 10 | @include border-radius(3px); 11 | color: #fff; 12 | } 13 | .label{ 14 | @extend %label; 15 | background-color: $color-default; 16 | } 17 | .label-success{ 18 | background-color: $color-success; 19 | } 20 | .label-warning{ 21 | background-color: $color-warning; 22 | } 23 | .label-error{ 24 | background-color: $color-error; 25 | } 26 | .label-info{ 27 | background-color: $color-info; 28 | } 29 | -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_ui.lineList.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 带分割线的文本列表 5 | * @update: 2015-06-05 16:44:52 6 | */ 7 | 8 | /* 9 | * 默认 10 | * @base 11 | */ 12 | $line-color: #ddd; // 带分割线颜色 13 | 14 | .ui-lineList { 15 | overflow: hidden; 16 | font-size: 0; 17 | a { 18 | @include inline-block; 19 | @include nowrap; 20 | margin-left: -1px; 21 | padding: 0 10px; 22 | line-height: 1.1; 23 | border-left: 1px solid $line-color; 24 | color: #999; 25 | font-size: 12px; 26 | } 27 | } 28 | 29 | -------------------------------------------------------------------------------- /more/templates/src4legopc/tpl/test.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 多玩游戏 11 | 12 | 13 | 14 | <% include partial/dw-hd %> 15 | 16 |
17 | 18 |
19 | 20 | <% include partial/dw-ft %> 21 | 22 | 23 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_ui.badge.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: 徽章UI组件 4 | * @update: 2015-06-03 16:35:21 5 | */ 6 | 7 | /* 8 | * 默认徽章 9 | * @base 10 | */ 11 | .ui-badge { 12 | @include inline-block; 13 | min-width: 10px; 14 | padding: 3px 6px; 15 | line-height: 1; 16 | text-align: center; 17 | } 18 | 19 | 20 | /* 21 | * 圆角徽章 22 | * @extend: radius 23 | */ 24 | .ui-badge { 25 | &.ext-radius { 26 | border-radius: 3px; 27 | } 28 | } 29 | 30 | 31 | /* 32 | * 圆形徽章 33 | * @extend: round 34 | */ 35 | .ui-badge { 36 | &.ext-round { 37 | border-radius: 10px; 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/components/panel.scss: -------------------------------------------------------------------------------- 1 | .m-panel{ 2 | position: absolute; 3 | display: block; 4 | top: 0; 5 | } 6 | 7 | .m-panel--right{ 8 | right: 0; 9 | } 10 | 11 | .m-panel--left{ 12 | left: 0; 13 | } 14 | 15 | .m-panel--push{ 16 | z-index: 999; 17 | } 18 | .m-panel--overlay{ 19 | z-index: 1001; 20 | } 21 | .m-panel--reveal{ 22 | z-index: 0; 23 | } 24 | 25 | .m-panel--animate{ 26 | -webkit-transition: -webkit-transform 350ms ease; 27 | } 28 | 29 | .m-panel--dismiss{ 30 | position: absolute; 31 | z-index: 1000; 32 | height: 100%; 33 | top: 0; 34 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 35 | } -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_ui.badge.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: 徽章UI组件 4 | * @update: 2015-06-03 16:35:21 5 | */ 6 | 7 | /* 8 | * 默认徽章 9 | * @base 10 | */ 11 | .ui-badge { 12 | @include inline-block; 13 | min-width: 10px; 14 | padding: 3px 6px; 15 | line-height: 1; 16 | text-align: center; 17 | } 18 | 19 | 20 | /* 21 | * 圆角徽章 22 | * @extend: radius 23 | */ 24 | .ui-badge { 25 | &.ext-radius { 26 | border-radius: 3px; 27 | } 28 | } 29 | 30 | 31 | /* 32 | * 圆形徽章 33 | * @extend: round 34 | */ 35 | .ui-badge { 36 | &.ext-round { 37 | border-radius: 10px; 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_badge.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 3 | %badge{ 4 | display: inline-block; 5 | vertical-align: baseline; 6 | white-space: nowrap; 7 | text-align: center; 8 | min-width: 16px; 9 | height: 16px; 10 | line-height: 16px; 11 | overflow: hidden; 12 | font-size: 12px; 13 | color: #fff; 14 | } 15 | .badge{ 16 | @extend %badge; 17 | background-color: $color-default; 18 | } 19 | .badge-success{ 20 | background-color: $color-success; 21 | } 22 | .badge-warning{ 23 | background-color: $color-warning; 24 | } 25 | .badge-error{ 26 | background-color: $color-error; 27 | } 28 | .badge-info{ 29 | background-color: $color-info; 30 | } 31 | .is-rounded { 32 | @include border-radius(8px); 33 | } 34 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_ui.media.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 图文混排基础UI组件 5 | * @update: 2015-06-03 16:26:12 6 | */ 7 | 8 | $img-width: 60px; // 图片宽度 9 | $img-height: 60px; // 图片高度 10 | 11 | .ui-media__item { 12 | @include clearfix; 13 | margin-bottom: 20px; 14 | } 15 | .ui-media__hd { 16 | float: left; 17 | margin-right: 15px; 18 | } 19 | .ui-media__bd { 20 | overflow: hidden; 21 | zoom: 1; 22 | } 23 | .ui-media__ft { 24 | float: right; 25 | margin-left: 15px; 26 | } 27 | .ui-media__tit { 28 | margin-bottom: 10px; 29 | line-height: 1.1; 30 | font-size: 16px; 31 | } 32 | .ui-media__img { 33 | width: $img-width; 34 | height: $img-height; 35 | overflow: hidden; 36 | } 37 | -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_ui.media.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 图文混排基础UI组件 5 | * @update: 2015-06-03 16:26:12 6 | */ 7 | 8 | $img-width: 60px; // 图片宽度 9 | $img-height: 60px; // 图片高度 10 | 11 | .ui-media__item { 12 | @include clearfix; 13 | margin-bottom: 20px; 14 | } 15 | .ui-media__hd { 16 | float: left; 17 | margin-right: 15px; 18 | } 19 | .ui-media__bd { 20 | overflow: hidden; 21 | zoom: 1; 22 | } 23 | .ui-media__ft { 24 | float: right; 25 | margin-left: 15px; 26 | } 27 | .ui-media__tit { 28 | margin-bottom: 10px; 29 | line-height: 1.1; 30 | font-size: 16px; 31 | } 32 | .ui-media__img { 33 | width: $img-width; 34 | height: $img-height; 35 | overflow: hidden; 36 | } 37 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_ui.marquee.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: 轮播文字条基础UI模块 4 | * @update: 2015-06-05 16:45:23 5 | */ 6 | 7 | /* 8 | * 默认轮播文字条 9 | * @base 10 | */ 11 | 12 | .ui-marquee { 13 | position: relative; 14 | height: 22px; 15 | padding: 0 30px 0 10px; 16 | border: 1px solid #dedede; 17 | font-size: 12px; 18 | overflow: hidden; 19 | } 20 | .ui-marquee__panel { 21 | height: 22px; 22 | line-height: 22px; 23 | overflow: hidden; 24 | } 25 | .ui-marquee__prev, 26 | .ui-marquee__next { 27 | position: absolute; 28 | right: 0; 29 | cursor: pointer; 30 | @include opacity(.5, true); 31 | &:hover { 32 | @include opacity(1, true); 33 | } 34 | } 35 | 36 | .ui-marquee__prev { 37 | top: -2px; 38 | } 39 | .ui-marquee__next { 40 | top: 8px; 41 | } 42 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/global.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | @import "lego/lego"; 4 | 5 | /* 定义专区通用样式变量 */ 6 | //@import "mod/variables"; 7 | /* 切片样式 */ 8 | @import "slice"; 9 | /* 通用样式 */ 10 | @import "mod/pagemod"; 11 | @import "mod/layout"; 12 | 13 | html { 14 | overflow-y: scroll; 15 | overflow-x: hidden; 16 | } 17 | body { 18 | font: #{$base-font-size}/#{$base-line-height} $base-font-family; 19 | color: $base-color; 20 | font-family: "Microsoft YaHei", sans-serif; 21 | a { 22 | text-decoration: none; 23 | color: nth($base-link-color,1); 24 | &:hover { 25 | text-decoration: underline; 26 | color: nth($base-link-color,2); 27 | } 28 | } 29 | } 30 | // 31 | :root em,:root span{filter:none\9}/*for IE9*/ 32 | 33 | /* 首页样式 */ 34 | @import "mod/index"; 35 | 36 | @import "mod/article"; 37 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_ui.progress.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 进度条基础UI组件 5 | * @update: 2015-06-03 16:21:04 6 | */ 7 | 8 | /* 9 | * 默认面板 10 | * @base 11 | */ 12 | $progress-height: 24px; 13 | 14 | .ui-progress { 15 | overflow: hidden; 16 | height: $progress-height; 17 | background-color: #f5f5f5; 18 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); 19 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); 20 | } 21 | .ui-progress__bar { 22 | float: left; 23 | width: 0; 24 | height: 100%; 25 | line-height: $progress-height; 26 | text-align: center; 27 | color: #fff; 28 | background-color: #0097d6; 29 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); 30 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); 31 | -webkit-transition: width .6s ease; 32 | transition: width .6s ease; 33 | } 34 | -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_ui.marquee.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: 轮播文字条基础UI模块 4 | * @update: 2015-06-05 16:45:23 5 | */ 6 | 7 | /* 8 | * 默认轮播文字条 9 | * @base 10 | */ 11 | 12 | .ui-marquee { 13 | position: relative; 14 | height: 22px; 15 | padding: 0 30px 0 10px; 16 | border: 1px solid #dedede; 17 | font-size: 12px; 18 | overflow: hidden; 19 | } 20 | .ui-marquee__panel { 21 | height: 22px; 22 | line-height: 22px; 23 | overflow: hidden; 24 | } 25 | .ui-marquee__prev, 26 | .ui-marquee__next { 27 | position: absolute; 28 | right: 0; 29 | cursor: pointer; 30 | @include opacity(.5, true); 31 | &:hover { 32 | @include opacity(1, true); 33 | } 34 | } 35 | 36 | .ui-marquee__prev { 37 | top: -2px; 38 | } 39 | .ui-marquee__next { 40 | top: 8px; 41 | } 42 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_icon.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 字体图标 5 | * @update: 2015-06-03 17:19:51 6 | */ 7 | 8 | @font-face { 9 | font-family: "lego"; 10 | src: url("../font/lego/iconfont.eot"); /* IE9*/ 11 | src: url("../font/lego/iconfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 12 | url("../font/lego/iconfont.woff") format("woff"), /* chrome、firefox */ 13 | url("../font/lego/iconfont.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ 14 | url("../font/lego/iconfont.svg#iconfont") format("svg"); /* iOS 4.1- */ 15 | } 16 | 17 | .ui-icon { 18 | font-family: "lego" !important; 19 | font-size: 16px; 20 | font-style: normal; 21 | line-height: 1.1; 22 | -webkit-font-smoothing: antialiased; 23 | -webkit-text-stroke-width: .2px; 24 | -moz-osx-font-smoothing: grayscale; 25 | } 26 | -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_icon.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 字体图标 5 | * @update: 2015-06-03 17:19:51 6 | */ 7 | 8 | @font-face { 9 | font-family: "lego"; 10 | src: url("../font/lego/iconfont.eot"); /* IE9*/ 11 | src: url("../font/lego/iconfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 12 | url("../font/lego/iconfont.woff") format("woff"), /* chrome、firefox */ 13 | url("../font/lego/iconfont.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ 14 | url("../font/lego/iconfont.svg#iconfont") format("svg"); /* iOS 4.1- */ 15 | } 16 | 17 | .ui-icon { 18 | font-family: "lego" !important; 19 | font-size: 16px; 20 | font-style: normal; 21 | line-height: 1.1; 22 | -webkit-font-smoothing: antialiased; 23 | -webkit-text-stroke-width: .2px; 24 | -moz-osx-font-smoothing: grayscale; 25 | } 26 | -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_ui.progress.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 进度条基础UI组件 5 | * @update: 2015-06-03 16:21:04 6 | */ 7 | 8 | /* 9 | * 默认面板 10 | * @base 11 | */ 12 | $progress-height: 24px; 13 | 14 | .ui-progress { 15 | overflow: hidden; 16 | height: $progress-height; 17 | background-color: #f5f5f5; 18 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); 19 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); 20 | } 21 | .ui-progress__bar { 22 | float: left; 23 | width: 0; 24 | height: 100%; 25 | line-height: $progress-height; 26 | text-align: center; 27 | color: #fff; 28 | background-color: #0097d6; 29 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); 30 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); 31 | -webkit-transition: width .6s ease; 32 | transition: width .6s ease; 33 | } 34 | -------------------------------------------------------------------------------- /more/templates/src4legopc/_index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 多玩游戏 11 | 12 | 13 | 14 |
15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /more/templates/src4game1/tpl/partial/article-picrec.ejs: -------------------------------------------------------------------------------- 1 |
2 |
3 |

图集推荐

4 |
5 |
6 | 13 |
14 |
-------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_lego.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: LegoUI for pc 4 | * @version: V3.0.2 5 | * @update: 2015-12-16 10:53:46 6 | */ 7 | 8 | /* 基础设施(必须引入) */ 9 | @import "base"; 10 | 11 | 12 | /* HTML元素 */ 13 | @import "list"; // 文字列表 14 | @import "button"; // 按钮 15 | @import "form"; // 表单 16 | @import "table"; // 表格 17 | @import "icon"; // 字体图标 18 | 19 | 20 | /* CSS UI */ 21 | @import "ui.panel"; // 区块面板 22 | @import "ui.figure"; // 图片列表 23 | @import "ui.media"; // 媒体对象 24 | @import "ui.paging"; // 分页导航 25 | @import "ui.badge"; // 徽章 26 | @import "ui.progress"; // 进度条 27 | @import "ui.lineList"; // 带分割线的文本列表 28 | 29 | 30 | /* JS UI */ 31 | @import "ui.dialog"; // 弹窗 32 | @import "ui.tab"; // 选项卡 33 | @import "ui.slide"; // 幻灯片 34 | @import "ui.carousel"; // 旋转木马 35 | @import "ui.accordion"; // 手风琴 36 | @import "ui.marquee"; // 轮播文字条 37 | 38 | 39 | /* 辅助工具类 */ 40 | @import "utility"; 41 | -------------------------------------------------------------------------------- /app/templates/src4mobi/_index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 模板页 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /app/templates/src4pc/sass/global.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: 全局样式表 4 | * @author: xxx(xxx@yy.com) 5 | * @update: 2015-05-05 21:09:12 6 | */ 7 | 8 | /* 全局变量配置 */ 9 | $base-font-size : 12px !default; // 字号 10 | $base-font-family : "PingFang sc", "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif !default; // 字体族 11 | $base-line-height : 1.5 !default; // 行号 12 | $base-color : #333 !default; // 字体颜色 13 | $base-bg-color : #fff !default; // 背景颜色 14 | $base-link-color : #333 #f40 !default; // 链接颜色[default，hover] 15 | 16 | @import "base/base"; // 样式基础设置 17 | @import "slice"; // sprites切片占位符 18 | 19 | body { 20 | font: #{$base-font-size}/#{$base-line-height} $base-font-family; 21 | color: $base-color; 22 | background-color: $base-bg-color; 23 | } 24 | a { 25 | text-decoration: none; 26 | color: nth($base-link-color,1); 27 | &:hover { 28 | text-decoration: underline; 29 | color: nth($base-link-color,2); 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/ui/bottombar.scss: -------------------------------------------------------------------------------- 1 | .m-bottombar{ 2 | position: fixed; 3 | bottom: 0px; 4 | left: 0px; 5 | width: 100%; 6 | height:44px; 7 | border-top: 1px solid #D0D0D0; 8 | display: -webkit-box; 9 | background-color: #E9E9E9; 10 | border-bottom-width: 0; 11 | line-height: 1.1em; 12 | -webkit-box-orient: horizontal; 13 | box-orient: horizontal; 14 | a{ 15 | padding-top: 5px; 16 | display:block; 17 | text-align: center; 18 | color:#666666; 19 | font-size: pxToRem(14); 20 | min-width: 3em; 21 | -webkit-box-flex: 1; 22 | box-flex: 1; 23 | &:before{ 24 | font-family: 'lego'; 25 | font-size: pxToRem(20); 26 | display:block; 27 | padding-bottom: 2px; 28 | } 29 | &.current{ 30 | background-color: #3C9DEE; 31 | .icon{ 32 | color: #fff; 33 | } 34 | } 35 | &:active{ 36 | background-color: #3C9DEE; 37 | color: #fff; 38 | .icon,&:before{ 39 | color: #fff; 40 | } 41 | } 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/ui/topbar.scss: -------------------------------------------------------------------------------- 1 | 2 | .m-topbar { 3 | position: fixed; 4 | top: 0px; 5 | left: 0px; 6 | width: 100%; 7 | background-color: #3D9DEE; 8 | height:44px; 9 | z-index: 10; 10 | 11 | >h1{ 12 | display: block; 13 | width: 100%; 14 | text-align: center; 15 | white-space: nowrap; 16 | line-height: 44px; 17 | color: #fff; 18 | font-weight:normal; 19 | font-size: pxToRem(14);; 20 | } 21 | } 22 | 23 | .m-topbar__leftbar{ 24 | height:100%; 25 | position: absolute; 26 | top: 0px; 27 | left: 0px; 28 | } 29 | 30 | .m-topbar__rightbar{ 31 | height:100%; 32 | position: absolute; 33 | top: 0px; 34 | right: 0px; 35 | } 36 | 37 | .u-return{ 38 | display:block; 39 | line-height: 44px; 40 | height: 44px; 41 | width: 44px; 42 | font-family: 'lego'; 43 | text-align: center; 44 | &::before{ 45 | content: "\e63c"; 46 | color: #fff; 47 | font-size: pxToRem(24); 48 | 49 | } 50 | &:active{ 51 | background-color: #52A9F3; 52 | } 53 | } 54 | 55 | 56 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_pic.t.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 3 | // 去掉.cont的定义可以实现文字围绕图片效果 4 | .mod-pic-t { 5 | zoom: 1; 6 | overflow: hidden; 7 | position: relative; 8 | padding: 0 20px; 9 | li { 10 | zoom: 1; 11 | overflow: hidden; 12 | margin-top: -1px; 13 | border-top: 1px solid #CCC; 14 | padding: 20px 0; 15 | .pic { 16 | float: left; 17 | margin-right: 10px; 18 | img { 19 | width: 130px; 20 | height: 90px; 21 | //border: 1px solid #D8D8D8; 22 | } 23 | &:hover { 24 | background-color: transparent; 25 | img { 26 | //border-color: #999; 27 | } 28 | } 29 | } 30 | .cont { 31 | zoom: 1; 32 | overflow: hidden; 33 | h4 { 34 | overflow: hidden; 35 | font-size: 14px; 36 | height: 30px; 37 | line-height: 26px; 38 | } 39 | p { 40 | line-height: 20px; 41 | } 42 | .more { 43 | display: inline-block; 44 | color: #0082C3; 45 | } 46 | } 47 | } 48 | } 49 | // 图片居右 50 | a.fr { 51 | margin-right: 0; 52 | margin-left: 10px; 53 | float: right!important; 54 | } 55 | -------------------------------------------------------------------------------- /app/templates/tasks/gulpfile-publish.js: -------------------------------------------------------------------------------- 1 | module.exports = function(gulp, plugins) { 2 | 3 | var argv = require('yargs').argv, 4 | path = require('path'), 5 | svn = require('svn-push'), 6 | log = console.log; 7 | 8 | var that = this; 9 | that.message = argv.m || '初始化项目'; 10 | var pkg = require('../package.json'); 11 | var proj_namespace = [pkg.description, pkg.name, pkg.version+'/'].join('/') 12 | 13 | var homedir = process.env[(process.platform == 'win32')?'USERPROFILE':'HOME'] 14 | var config = require(homedir+'/.generator-lego/config.json') 15 | 16 | gulp.task('publish', function(){ 17 | svn({ 18 | message: that.message, 19 | username: config.svnUsr, 20 | password: config.svnPwd, 21 | trymkdir: true, 22 | pushIgnore: ['*.html', '.DS_Store', '.idea/**', '.tmp_svn/**', '.svn/**'], 23 | src: 'dest', 24 | dest: 'http://svn.duowan.com:9999/svn/web/program/assets/' + proj_namespace, 25 | tmp: '.tmp_svn' 26 | }) 27 | }) 28 | 29 | } -------------------------------------------------------------------------------- /more/templates/tasks/gulpfile-publish.js: -------------------------------------------------------------------------------- 1 | module.exports = function(gulp, plugins) { 2 | 3 | var argv = require('yargs').argv, 4 | path = require('path'), 5 | svn = require('svn-push'), 6 | log = console.log; 7 | 8 | var that = this; 9 | that.message = argv.m || '初始化项目'; 10 | var pkg = require('../package.json'); 11 | var proj_namespace = [pkg.description, pkg.name, pkg.version+'/'].join('/') 12 | 13 | var homedir = process.env[(process.platform == 'win32')?'USERPROFILE':'HOME'] 14 | var config = require(homedir+'/.generator-lego/config.json') 15 | 16 | gulp.task('publish', function(){ 17 | svn({ 18 | message: that.message, 19 | username: config.svnUsr, 20 | password: config.svnPwd, 21 | trymkdir: true, 22 | pushIgnore: ['*.html', '.DS_Store', '.idea/**', '.tmp_svn/**', '.svn/**'], 23 | src: 'dest', 24 | dest: 'http://svn.duowan.com:9999/svn/web/program/assets/' + proj_namespace, 25 | tmp: '.tmp_svn' 26 | }) 27 | }) 28 | 29 | } -------------------------------------------------------------------------------- /LICENSE-MIT: -------------------------------------------------------------------------------- 1 | Copyright (c) 2014 twlk28 2 | 3 | Permission is hereby granted, free of charge, to any person 4 | obtaining a copy of this software and associated documentation 5 | files (the "Software"), to deal in the Software without 6 | restriction, including without limitation the rights to use, 7 | copy, modify, merge, publish, distribute, sublicense, and/or sell 8 | copies of the Software, and to permit persons to whom the 9 | Software is furnished to do so, subject to the following 10 | conditions: 11 | 12 | The above copyright notice and this permission notice shall be 13 | included in all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 16 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES 17 | OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 18 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 19 | HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, 20 | WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 21 | FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR 22 | OTHER DEALINGS IN THE SOFTWARE. 23 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "generator-lego", 3 | "version": "0.2.29", 4 | "description": "F2E workflow, a gulp app generator", 5 | "license": "MIT", 6 | "repository": { 7 | "type": "git", 8 | "url": "git://github.com/duowan/generator-lego.git" 9 | }, 10 | "homepage": "http://duowan.github.io/generator-lego/", 11 | "bugs": { 12 | "url": "https://github.com/duowan/generator-lego/issues" 13 | }, 14 | "main": "app/index.js", 15 | "scripts": { 16 | "postinstall": "node scripts/post-install.js", 17 | "uninstall": "node scripts/uninstall.js" 18 | }, 19 | "dependencies": { 20 | "yeoman-generator": "~0.17.6", 21 | "del": "~0.1.3", 22 | "glob": "~4.0.6", 23 | "lodash": "~2.4.1", 24 | "chalk": "~0.5.1", 25 | "mkdirp": "~0.5.0" 26 | }, 27 | "devDependencies": {}, 28 | "readmeFilename": "README.md", 29 | "author": "twlk28", 30 | "keywords": [ 31 | "yeoman-generator", 32 | "f2e", 33 | "workflow", 34 | "gulp", 35 | "css-sprite", 36 | "yyued" 37 | ] 38 | } 39 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/tools/media.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | 4 | /* 媒体查询Responsive */ 5 | $phone-device-width: 320px; // iPhone宽度 6 | $table-phone-width: 768px; // table-phone宽度 7 | 8 | @mixin respond( $pram1 : phone , $pram2:1 ) { 9 | @if $pram1 == table-phone{ 10 | @media only screen and (max-width: $table-phone-width) { 11 | @content; 12 | } 13 | } 14 | @else if $pram1 == phone{ 15 | @media only screen and (max-width: $phone-device-width) { 16 | @content; 17 | } 18 | } 19 | //横屏 20 | @else if $pram1 == landscape{ 21 | @media only screen and (orientation :landscape) { 22 | @content; 23 | } 24 | } 25 | //竖屏 26 | @else if $pram1 == portrait{ 27 | @media only screen and (orientation :portrait) { 28 | @content; 29 | } 30 | } 31 | @else if $pram2 == 1{ 32 | @media only screen and (max-width: $pram1) { 33 | @content; 34 | } 35 | } 36 | @else{ 37 | @media only screen and (min-width: $pram1) and (max-width: $pram2) { 38 | @content; 39 | } 40 | } 41 | } 42 | 43 | -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_table.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: table表格基础UI组件 5 | * @update: 2015-06-05 16:45:07 6 | */ 7 | 8 | /* 9 | * 默认表格 10 | * @base 11 | */ 12 | $cell-padding: 8px; // 单元格padding 13 | 14 | .ui-table { 15 | width: 100%; 16 | font-size: 12px; 17 | th, 18 | td { 19 | padding: $cell-padding; 20 | } 21 | th { 22 | text-align: left; 23 | font-weight: 700; 24 | } 25 | } 26 | 27 | /* 28 | * 有边框的表格 29 | * @extend: border 30 | */ 31 | .ui-table { 32 | &.ext-border { 33 | th, 34 | td { 35 | border: 1px solid #d2d2d2; 36 | } 37 | } 38 | } 39 | 40 | /* 41 | * 隔行变色表格 42 | * @extend: striped 43 | */ 44 | .ui-table { 45 | &.ext-striped { 46 | tbody tr:nth-child(even) { 47 | background-color: #f9f9f9; 48 | } 49 | } 50 | 51 | } 52 | 53 | /* 54 | * hover变色表格 55 | * @extend: hover 56 | */ 57 | .ui-table { 58 | &.ext-hover { 59 | tbody tr:hover { 60 | background-color: #f9f9f9; 61 | } 62 | } 63 | } 64 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/components/tab.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | .m-tab__cont{ 4 | overflow:hidden; 5 | position: relative; 6 | } 7 | .m-tab__cont__item{ 8 | float: left; 9 | position: relative; 10 | -webkit-box-sizing: border-box; 11 | } 12 | 13 | .m-tab{ 14 | width: 100%; 15 | overflow: hidden; 16 | padding-top: 44px; 17 | } 18 | 19 | .m-tab__nav{ 20 | position: absolute; 21 | top: 0px; 22 | left: 0px; 23 | width: 100%; 24 | @include webkitbox(); 25 | border-bottom: 1px solid #D1D1D1; 26 | >a{ 27 | display: block; 28 | @include flex(1); 29 | text-align: center; 30 | height: 43px; 31 | line-height: 43px; 32 | color: #666666; 33 | position: relative; 34 | &:before{ 35 | content: ''; 36 | position: absolute; 37 | bottom: -1px; 38 | left: 0px; 39 | width: 100%; 40 | height: 0px; 41 | background-color: #3D9DEE; 42 | -webkit-transition-property:all; 43 | transition-duration: 150ms; 44 | transition-timing-function: ease-in-out; 45 | } 46 | &.current{ 47 | color: #3D9DEE; 48 | &:before{ 49 | height: 3px; 50 | } 51 | } 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/ui/piclist.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | /* 移动标准图文列表，仅展示左右两张图片 */ 4 | .m-pic{ 5 | @include webkitbox(1); 6 | } 7 | 8 | .m-pic__item{ 9 | @include flex(1); 10 | text-align: center; 11 | >a{ 12 | width: 100%; 13 | display: block; 14 | } 15 | img{ 16 | width: 90%; 17 | } 18 | em{ 19 | padding-top: 10px; 20 | display: block; 21 | width: 90%; 22 | margin: 0 auto; 23 | text-align: center; 24 | } 25 | } 26 | 27 | 28 | /* 扩展图文列表，用于展示超过2张以上的图文列表 */ 29 | .m-piclist{ 30 | width: 93%; 31 | margin: 0 auto; 32 | text-align: justify; 33 | &:after{ 34 | content: ""; 35 | display: inline-block; 36 | width: 100%; 37 | } 38 | } 39 | 40 | .m-piclist__item{ 41 | display: inline-block; 42 | text-align: center; 43 | width: 48%; 44 | margin-bottom: 10px; 45 | >a{ 46 | width: 100%; 47 | display: block; 48 | color: #333; 49 | } 50 | img{ 51 | width: 100%; 52 | } 53 | } 54 | 55 | 56 | 57 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_pic.s1.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 3 | /* 4 | style1 5 | li的width,height值为img的盒模型宽高值 6 | 如果em定义了高度，在ie下鼠标移上去不会出现鼠标手型，需设置cursor:pointer 7 | -0.34em前提是tahoma为默认英文字体 8 | */ 9 | $imgWidth: 130px; 10 | $imgHeight: 90px; 11 | $imgMargin: 0 0 10px 10px; 12 | $imgBorder: 1px solid #ddd; 13 | %mod-pic{ 14 | letter-spacing: -0.34em; 15 | word-spacing: -0.34em; 16 | @media all and (-webkit-min-device-pixel-ratio: 1) { 17 | & { word-spacing: normal; } 18 | } 19 | li { 20 | @include inline-block; 21 | vertical-align: top; 22 | letter-spacing: normal; 23 | word-spacing: normal; 24 | overflow: hidden; 25 | margin: $imgMargin; 26 | width: $imgWidth; 27 | a { 28 | zoom: 1; 29 | display: block; 30 | text-align: center; 31 | position: relative; 32 | &:hover { 33 | zoom: 1; 34 | text-decoration: none; 35 | em { 36 | text-decoration: underline; 37 | } 38 | } 39 | } 40 | img { 41 | width: $imgWidth; 42 | height: $imgHeight; 43 | } 44 | em { 45 | display: inline-block; 46 | vertical-align: baseline; 47 | text-align: left; 48 | cursor: pointer; 49 | line-height: 16px; 50 | } 51 | } 52 | } 53 | .mod-pic { 54 | @extend %mod-pic; 55 | } 56 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_alert.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 3 | %alert{ 4 | padding: 10px 0; 5 | width: 100%; 6 | position: relative; 7 | @include border-radius(3px); 8 | h4{ 9 | font-size: 14px; 10 | line-height: 24px; 11 | padding-left: 15px; 12 | padding-right: 15px; 13 | } 14 | p{ 15 | font-size: 12px; 16 | line-height: 20px; 17 | padding-left: 15px; 18 | padding-right: 15px; 19 | } 20 | .btn-close{ 21 | display: block; 22 | cursor: pointer; 23 | border: 0 none; 24 | width: 16px; 25 | height: 16px; 26 | background: transparent; 27 | position: absolute; 28 | top:5px; 29 | right:5px; 30 | font-size: 16px; 31 | font-weight: 700; 32 | line-height: 1; 33 | text-align: center; 34 | text-shadow: 0 1px 0 #fff; 35 | opacity: .2; 36 | filter: alpha(opacity=20); 37 | &:hover { 38 | opacity: .5; 39 | filter: alpha(opacity=50); 40 | } 41 | } 42 | } 43 | .alert{ 44 | @extend %alert; 45 | background-color: #fcf8e3; 46 | color: #c09853; 47 | } 48 | .alert-success{ 49 | background-color: #dff0d8; 50 | color: #468847; 51 | } 52 | .alert-error{ 53 | background-color: #f2dede; 54 | color: #b94a48; 55 | } 56 | .alert-info{ 57 | background-color: #d9edf7; 58 | color: #3a87ad; 59 | } 60 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_progress.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 3 | %progress { 4 | margin-top: 5px; 5 | margin-bottom: 5px; 6 | overflow: hidden; 7 | background-color: #f5f5f5; 8 | } 9 | .progress{ 10 | @extend %progress; 11 | height: 20px; 12 | border-radius: 4px; 13 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 14 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 15 | } 16 | .progress-mini{ 17 | height: 10px; 18 | border-radius: 2px; 19 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); 20 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); 21 | } 22 | 23 | %progress-bar { 24 | float: left; 25 | width: 0; 26 | height: 100%; 27 | font-size: 12px; 28 | color: #fff; 29 | text-align: center; 30 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 31 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 32 | -webkit-transition: width 0.6s ease; 33 | transition: width 0.6s ease; 34 | } 35 | .progress-bar{ 36 | @extend %progress-bar; 37 | background-color: #428bca; 38 | } 39 | .progress-bar-success{ 40 | background-color: #5cb85c; 41 | } 42 | .progress-bar-warning{ 43 | background-color: #f0ad4e; 44 | } 45 | .progress-bar-error{ 46 | background-color: #d9534f; 47 | } 48 | .progress-bar-info{ 49 | background-color: #5bc0de; 50 | } 51 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_box.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 3 | .box { 4 | zoom: 1; 5 | position: relative; 6 | // 边框 7 | &.is-bordered { 8 | border: 1px solid #E5E5E5; 9 | .box-hd { 10 | margin: -1px -1px 0; 11 | border: 1px solid #E5E5E5; 12 | } 13 | } 14 | // 圆角 15 | &.is-rounded{ 16 | @include border-radius(4px); 17 | .box-hd { 18 | @include border-radius(4px 4px 0 0); 19 | } 20 | .box-bd { 21 | @include border-radius(4px); 22 | } 23 | } 24 | } 25 | .box-hd { 26 | padding: 0 10px; 27 | height: 30px; 28 | line-height: 30px; 29 | background-color: #EEE; 30 | .icon { 31 | float: left; 32 | width: 16px; 33 | height: 16px; 34 | margin-top: 7px; 35 | margin-right: 8px; 36 | background-color: #3c6; 37 | } 38 | .title { 39 | float: left; 40 | margin: 0 10px 0 0; 41 | font-size: 14px; 42 | } 43 | // 头部组件 44 | .act { 45 | float: right; 46 | .links { 47 | float: left; 48 | a, 49 | .line { 50 | float: left; 51 | margin: 0 4px; 52 | font-size: 12px; 53 | } 54 | .line { 55 | margin: 0 2px; 56 | color: #999; 57 | overflow: hidden; 58 | } 59 | } 60 | .more { 61 | margin-left: 10px; 62 | } 63 | } 64 | } 65 | .box-bd { 66 | @include clearfix; 67 | // @extend %clearfix; 68 | } 69 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/ui/form.scss: -------------------------------------------------------------------------------- 1 | /*初始表单默认样式 */ 2 | .mod-inputgroup { 3 | width: auto; 4 | height: auto; 5 | padding: 0; 6 | } 7 | 8 | .mod-inputgroup input { 9 | margin-bottom: 0; 10 | background-color: transparent; 11 | border: 0; 12 | border-bottom: 1px solid rgba(0, 0, 0, .2); 13 | border-radius: 0; 14 | box-shadow: none; 15 | display:block; 16 | width: 100%; 17 | } 18 | 19 | .mod-inputgroup input:last-child { 20 | border-bottom-width: 0; 21 | } 22 | 23 | /*带label说明文字列表样式*/ 24 | 25 | .mod-inputgroup .input-row { 26 | overflow: hidden; 27 | border-bottom: 1px solid rgba(0, 0, 0, .2); 28 | background-color: #fff; 29 | } 30 | 31 | .mod-inputgroup .input-row:first-child { 32 | border-radius: 3px 3px 0 0; 33 | } 34 | 35 | .mod-inputgroup .input-row:last-child { 36 | border-bottom-width: 0; 37 | border-radius: 0 0 3px 3px; 38 | } 39 | 40 | .mod-inputgroup .input-row label { 41 | float: left; 42 | width: 25%; 43 | min-width: 4em; 44 | line-height: 44px; 45 | height: 44px; 46 | font-weight: bold; 47 | padding-left: 10px; 48 | color:#666; 49 | } 50 | 51 | .mod-inputgroup .input-row label + input { 52 | float: right; 53 | width: 65%; 54 | padding-left: 0; 55 | margin-bottom: 0; 56 | border-bottom: 0; 57 | } -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/ui/header.scss: -------------------------------------------------------------------------------- 1 | 2 | .m-topbar { 3 | position: relative; 4 | background-color: #3D9DEE; 5 | height:44px; 6 | z-index: 10; 7 | 8 | .actionbar-l{ 9 | height:100%; 10 | position: absolute; 11 | top: 0px; 12 | left: 0px; 13 | } 14 | .actionbar-r{ 15 | height:100%; 16 | position: absolute; 17 | top: 0px; 18 | right: 0px; 19 | } 20 | .title{ 21 | display: block; 22 | width: 100%; 23 | text-align: center; 24 | white-space: nowrap; 25 | line-height: 44px; 26 | color: #fff; 27 | font-weight:normal; 28 | font-size: pxToRem(14);; 29 | } 30 | .bt-return{ 31 | display:block; 32 | line-height: 44px; 33 | height: 44px; 34 | width: 44px; 35 | &:before,&:after{ 36 | position: absolute; 37 | right: 18px; 38 | display: block; 39 | width: 16px; 40 | height: 3px; 41 | background-color: #fff; 42 | content: ''; 43 | } 44 | &:before{ 45 | top: 50%; 46 | margin-top: 5px; 47 | -webkit-transform: rotate(45deg); 48 | transform: rotate(45deg); 49 | } 50 | &:after{ 51 | top: 50%; 52 | margin-top: -5px; 53 | -webkit-transform: rotate(-45deg); 54 | transform: rotate(-45deg); 55 | } 56 | &:active{ 57 | background-color: #52A9F3; 58 | } 59 | } 60 | } 61 | 62 | 63 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/_index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 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 | -------------------------------------------------------------------------------- /app/templates/src4pc/sass/base/_base.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: 基础样式设置 4 | * @update: 2015-05-05 21:09:12 5 | */ 6 | 7 | @import "mixins"; 8 | @import "normalize"; 9 | 10 | /* 去除现代浏览器图片底部的空隙 */ 11 | img { 12 | vertical-align: top; 13 | } 14 | i, em { 15 | font-style: normal; 16 | } 17 | ol, ul, menu { 18 | list-style: none outside none; 19 | } 20 | fieldset, iframe, abbr, acronym { 21 | border: 0 none; 22 | } 23 | dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr, 24 | article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 25 | margin: 0; 26 | padding: 0; 27 | } 28 | 29 | /* IE6 7 8(q) bug 显示为行内表现 */ 30 | iframe { 31 | display: block; 32 | } 33 | 34 | /* IE bug fixed: th 不继承 text-align */ 35 | th { 36 | text-align: inherit; 37 | } 38 | 39 | /* 修正表单元素不继承父级字体族的问题 */ 40 | input, button, select, textarea { 41 | font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif; 42 | } 43 | 44 | /** 45 | * 1. 移除 IE6-11 中默认的垂直滚动条 46 | * 2. 禁止水平拖动，防止破坏布局 47 | */ 48 | textarea { 49 | overflow: auto; /* 1 */ 50 | resize: vertical; /* 2 */ 51 | } 52 | 53 | /* 一致的 del 样式 */ 54 | del { 55 | text-decoration:line-through; 56 | } 57 | -------------------------------------------------------------------------------- /app/templates/tasks/gulpfile-zip.js: -------------------------------------------------------------------------------- 1 | module.exports = function(gulp, plugins) { 2 | 3 | var del = require('del'), 4 | path = require('path'), 5 | log = console.log; 6 | 7 | var pkg = require('../package.json'); 8 | 9 | gulp.task('zip_clean', function(){ 10 | del.sync(['assets']) 11 | }) 12 | gulp.task('zip_copySrc', function(){ 13 | return gulp.src(['src/**']) 14 | .pipe(gulp.dest('assets/src')) 15 | }) 16 | gulp.task('zip_copyDest', function(){ 17 | return gulp.src(['dest/**', '!dest/**/*.html']) 18 | .pipe(gulp.dest('assets/dest')) 19 | }) 20 | gulp.task('zip_trans', function() { 21 | var url = require('url').resolve('http://assets.dwstatic.com', [pkg.description, pkg.name, pkg.version].join('/')) 22 | return gulp.src(['dest/**/*.html']) 23 | .pipe( plugins.cdnAbsolutePath({assets:'dest', cdn:url}) ) 24 | .pipe(gulp.dest('assets/dest')) 25 | }) 26 | gulp.task('zip_done', ['zip_clean', 'zip_copySrc', 'zip_copyDest', 'zip_trans'], function() { 27 | var zipname = path.basename(path.join(__dirname, '..'))+'.zip' 28 | return gulp.src(['assets/**']) 29 | .pipe(plugins.zip(zipname)) 30 | .pipe(gulp.dest('./')) 31 | }) 32 | 33 | gulp.task('zip', ['zip_done'], function() { 34 | del.sync(['assets']) 35 | }) 36 | 37 | } -------------------------------------------------------------------------------- /more/templates/tasks/gulpfile-zip.js: -------------------------------------------------------------------------------- 1 | module.exports = function(gulp, plugins) { 2 | 3 | var del = require('del'), 4 | path = require('path'), 5 | log = console.log; 6 | 7 | var pkg = require('../package.json'); 8 | 9 | gulp.task('zip_clean', function(){ 10 | del.sync(['assets']) 11 | }) 12 | gulp.task('zip_copySrc', function(){ 13 | return gulp.src(['src/**']) 14 | .pipe(gulp.dest('assets/src')) 15 | }) 16 | gulp.task('zip_copyDest', function(){ 17 | return gulp.src(['dest/**', '!dest/**/*.html']) 18 | .pipe(gulp.dest('assets/dest')) 19 | }) 20 | gulp.task('zip_trans', function() { 21 | var url = require('url').resolve('http://assets.dwstatic.com', [pkg.description, pkg.name, pkg.version].join('/')) 22 | return gulp.src(['dest/**/*.html']) 23 | .pipe( plugins.cdnAbsolutePath({assets:'dest', cdn:url}) ) 24 | .pipe(gulp.dest('assets/dest')) 25 | }) 26 | gulp.task('zip_done', ['zip_clean', 'zip_copySrc', 'zip_copyDest', 'zip_trans'], function() { 27 | var zipname = path.basename(path.join(__dirname, '..'))+'.zip' 28 | return gulp.src(['assets/**']) 29 | .pipe(plugins.zip(zipname)) 30 | .pipe(gulp.dest('./')) 31 | }) 32 | 33 | gulp.task('zip', ['zip_done'], function() { 34 | del.sync(['assets']) 35 | }) 36 | 37 | } -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_lego.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 3 | // $Date: 2014-07-16 18:15:51 +0800 (Wed, 16 Jul 2014) $ 4 | // 5 | 6 | // 配置 7 | @import "config"; 8 | @import "mixins"; 9 | 10 | // 重置 11 | @import "normalize"; 12 | @import "base"; 13 | 14 | // 核心定义 15 | @import "css3"; 16 | // 17 | // 组件 18 | // @import "alert"; 19 | // @import "badge"; 20 | // @import "box"; 21 | // @import "button"; 22 | // @import "label"; 23 | // @import "progress"; 24 | // @import "table"; 25 | // @import "form"; 26 | // @import "pagination"; 27 | // @import "art"; 28 | @import "pic.s1"; 29 | // @import "pic.s2"; 30 | // @import "pic.t"; 31 | 32 | 33 | ///* HTML元素 */ 34 | //@import "list"; // 文字列表 35 | //@import "button"; // 按钮 36 | //@import "form"; // 表单 37 | //@import "table"; // 表格 38 | //@import "icon"; // 字体图标 39 | // 40 | // 41 | /* CSS UI */ 42 | //@import "ui.panel"; // 区块面板 43 | //@import "ui.figure"; // 图片列表 44 | //@import "ui.media"; // 媒体对象 45 | //@import "ui.paging"; // 分页导航 46 | //@import "ui.badge"; // 徽章 47 | //@import "ui.progress"; // 进度条 48 | //@import "ui.lineList"; // 带分割线的文本列表 49 | // 50 | // 51 | ///* JS UI */ 52 | //@import "ui.dialog"; // 弹窗 53 | //@import "ui.tab"; // 选项卡 54 | //@import "ui.slide"; // 幻灯片 55 | //@import "ui.carousel"; // 旋转木马 56 | //@import "ui.accordion"; // 手风琴 57 | //@import "ui.marquee"; // 轮播文字条 58 | // 59 | // 60 | ///* 辅助工具类 */ 61 | //@import "utility"; -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/ui/button.scss: -------------------------------------------------------------------------------- 1 | [class*="u-button"] { 2 | position: relative; 3 | display: inline-block; 4 | height:44px; 5 | line-height: 44px; 6 | padding:0px 10px; 7 | margin: 0; 8 | color: #3d9dee; 9 | text-align: center; 10 | vertical-align: top; 11 | cursor: pointer; 12 | background-color: #fff; 13 | border: 1px solid #D1D1D1; 14 | } 15 | 16 | /* 激活状态 */ 17 | [class*="u-button"]:active { 18 | line-height: 48px; 19 | } 20 | 21 | 22 | /*三色按钮样式*/ 23 | .u-button--normal, 24 | .u-button--active, 25 | .u-button--warm { 26 | color: #fff; 27 | } 28 | 29 | .u-button--normal:active, 30 | .u-button--active:active, 31 | .u-button--warm:active { 32 | color: #fff; 33 | } 34 | 35 | .u-button--normal { 36 | background-color: #1eafe7; 37 | border: 1px solid #1eafe7; 38 | } 39 | 40 | .u-button--active { 41 | background-color: #157733; 42 | border: 1px solid #157733; 43 | } 44 | 45 | .u-button--warm { 46 | background-color: #C92727; 47 | border: 1px solid #C92727; 48 | } 49 | 50 | .u-button--normal:active { 51 | background-color: #52A9F3; 52 | border: 1px solid #52A9F3; 53 | } 54 | .u-button--active:active { 55 | background-color: #2C8547; 56 | border: 1px solid #2C8547; 57 | } 58 | .u-button--warm:active { 59 | background-color: #D23A3A; 60 | border: 1px solid #D23A3A; 61 | } 62 | -------------------------------------------------------------------------------- /app/templates/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "<%= projectName %>", 3 | "version": "<%= projectVersion %>", 4 | "description": "<%= projectFamily %>", 5 | "repository": {}, 6 | "author": "<%= projectAuthor %>", 7 | "license": "MIT", 8 | "devDependencies": { 9 | "yargs": "~1.2.6", 10 | "chalk": "^0.5.1", 11 | "glob": "~4.2.1", 12 | "del": "~0.1.3", 13 | "browser-sync": "^2.7.0", 14 | "multi-sprite": "^0.2.3", 15 | "moment": "~2.8.3", 16 | "svn-push": "0.0.2", 17 | "gulp": "~3.9.0", 18 | "gulp-cached": "^1.0.1", 19 | "gulp-remember": "^0.3.0", 20 | "gulp-load-plugins": "~0.6.0", 21 | "gulp-sass": "<%= pkgGulpSassVersion %>", 22 | "gulp-sourcemaps": "~1.3.0", 23 | "gulp-autoprefixer": "~2.0.0", 24 | "gulp-minify-css": "~0.3.5", 25 | "gulp-uglify": "^1.5.1", 26 | "gulp-notify": "^2.2.0", 27 | "gulp-plumber": "^1.0.0", 28 | "gulp-svg-symbols": "^0.3.1", 29 | "gulp-rename": "~1.2.2", 30 | "gulp-imagemin": "~2.4.0", 31 | "imagemin-pngquant": "~4.2.0", 32 | "gulp-zip": "~0.4.0", 33 | "gulp-header": "~1.1.1", 34 | "gulp-cdn-absolute-path": "0.0.4", 35 | "gulp-ejs": "~1.0.0", 36 | "gulp-replace": "~0.5.0", 37 | "gulp-fecs-fork": "~0.0.1", 38 | "gulp-strip-comments": "^2.3.2", 39 | "gulp-jsbeautifier": "^1.0.1", 40 | "map-stream": "0.0.6", 41 | "qrcode-terminal": "^0.10.0" 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /more/templates/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "<%= projectName %>", 3 | "version": "<%= projectVersion %>", 4 | "description": "<%= projectFamily %>", 5 | "repository": {}, 6 | "author": "<%= projectAuthor %>", 7 | "license": "MIT", 8 | "devDependencies": { 9 | "yargs": "~1.2.6", 10 | "chalk": "^0.5.1", 11 | "glob": "~4.2.1", 12 | "del": "~0.1.3", 13 | "browser-sync": "^2.7.0", 14 | "multi-sprite": "^0.2.3", 15 | "moment": "~2.8.3", 16 | "svn-push": "0.0.2", 17 | "gulp": "~3.9.0", 18 | "gulp-cached": "^1.0.1", 19 | "gulp-remember": "^0.3.0", 20 | "gulp-load-plugins": "~0.6.0", 21 | "gulp-sass": "<%= pkgGulpSassVersion %>", 22 | "gulp-sourcemaps": "~1.3.0", 23 | "gulp-autoprefixer": "~2.0.0", 24 | "gulp-minify-css": "~0.3.5", 25 | "gulp-uglify": "^1.5.1", 26 | "gulp-notify": "^2.2.0", 27 | "gulp-plumber": "^1.0.0", 28 | "gulp-svg-symbols": "^0.3.1", 29 | "gulp-rename": "~1.2.2", 30 | "gulp-imagemin": "~2.4.0", 31 | "imagemin-pngquant": "~4.2.0", 32 | "gulp-zip": "~0.4.0", 33 | "gulp-header": "~1.1.1", 34 | "gulp-cdn-absolute-path": "0.0.4", 35 | "gulp-ejs": "~1.0.0", 36 | "gulp-replace": "~0.5.0", 37 | "gulp-fecs-fork": "~0.0.1", 38 | "gulp-strip-comments": "^2.3.2", 39 | "gulp-jsbeautifier": "^1.0.1", 40 | "map-stream": "0.0.6", 41 | "qrcode-terminal": "^0.10.0" 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_ui.tab.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 选项卡UI组件 5 | * @update: 2015-06-03 16:17:02 6 | */ 7 | 8 | /* 9 | * 默认选项卡 10 | * @base 11 | */ 12 | .ui-tab__hd { 13 | position: relative; 14 | margin-bottom: 15px; 15 | } 16 | .ui-tab__ext { 17 | position: absolute; 18 | top: 50%; 19 | right: 0; 20 | margin-top: -8px; 21 | } 22 | .ui-tab__nav { 23 | font-size: 0; /* 所有浏览器 */ 24 | *word-spacing: -1px; /* IE6/7 */ 25 | border-bottom: 1px solid $base-border-color; 26 | } 27 | @media (-webkit-min-device-pixel-ratio:0) { 28 | .ui-tab__nav { 29 | letter-spacing: -5px; /* Safari 5- 等不支持 font-size: 0 的浏览器*/ 30 | } 31 | } 32 | .ui-tab__trigger { 33 | @include inline-block(top, true); 34 | letter-spacing: normal; 35 | word-spacing: normal; 36 | margin-right: 3px; 37 | height: 32px; 38 | line-height: 32px; 39 | font-size: 14px; 40 | border: 1px solid #fff; 41 | border-bottom: 0; 42 | background-color: #fff; 43 | overflow: hidden; 44 | cursor: pointer; 45 | &.is-active { 46 | *position: relative; 47 | margin-bottom: -1px; 48 | padding-bottom: 1px; 49 | border-color: $base-border-color; 50 | font-weight: 700; 51 | } 52 | a { 53 | display: block; 54 | padding: 0 15px; 55 | color: $base-text-color; 56 | } 57 | } 58 | 59 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/ui/toggle.scss: -------------------------------------------------------------------------------- 1 | /*toggle按钮基础样式*/ 2 | .u-toggle { 3 | position: relative; 4 | width: 44px; 5 | height: 28px; 6 | background-color: #eee; 7 | border: 1px solid #bbb; 8 | -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); 9 | display: inline-block; 10 | border-radius:14px; 11 | box-sizing: border-box; 12 | -webkit-transition: border .25s,box-shadow .25s,padding .25s; 13 | -webkit-appearance: none; 14 | -webkit-user-select: text; 15 | &:after{ 16 | content: ""; 17 | position: absolute; 18 | top: -1px; 19 | left: -1px; 20 | right: 15px; 21 | z-index: 2; 22 | width: 28px; 23 | height: 28px; 24 | box-sizing: border-box; 25 | background-color: #fff; 26 | border: 1px solid rgba(0, 0, 0, .2); 27 | background-image: -webkit-linear-gradient(top, #fff 0, #F1F1F1 100%); 28 | background-image: linear-gradient(to bottom, #fff 0, #F1F1F1 100%); 29 | border-radius:14px; 30 | -webkit-transition: border .25s,left .25s,right .25s; 31 | } 32 | } 33 | 34 | .u-toggle[checked="checked"]{ 35 | padding-left: 18px; 36 | background-color: #3D9DEE; 37 | border: 1px solid #096c9d; 38 | box-shadow: inset 0 0 0 13px #3D9DEE; 39 | &:after{ 40 | border-color: #0a76ad; 41 | right: 0px; 42 | left: 15px; 43 | -webkit-transition: border .25s,left .15s,right .25s; 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /more/templates/src4game1/README.md: -------------------------------------------------------------------------------- 1 | # 项目xxx文档: 2 | 3 | 项目xxx的简介... 4 | 5 | ## 相关人员 6 | 7 | * **产品经理：** xxx (YY：12345678) 8 | * **美术设计：** xxx (YY：12345678) 9 | * **前端开发：** xxx (YY：12345678) 10 | * **技术开发：** xxx (YY：12345678) 11 | 12 | ## 相关路径 13 | 14 | * **开发SVN：** work/项目路径 15 | * **线上SVN：** assets/项目路径 16 | * **线上地址：**[http://www.duowan.com/](http://www.duowan.com/) 17 | 18 | ## HTML 19 | 20 | 如果你的HTML文件较多，且HTML文件名是**英文名**或者**没有规律的中文名**，请务必在此对每个HTML文件进行简要说明，例如： 21 | 22 | 文件名 | 说明 23 | ----|---- 24 | `buyer-center-member-list.html` | 买家中心成员管理列表 25 | `buyer-center-order-list.html` | 买家中心订单管理列表 26 | `product-detail.html` | 产品详情页 27 | ... | ... 28 | 29 | ## SASS 30 | 31 | 如果你的SASS文件较多，那么请在此对每个SASS文件进行简要说明（包括其中的依赖关系），例如： 32 | 33 | 文件名 | 说明 | 依赖 34 | ----|----|---- 35 | `page/_approve.sass` | 用户认证 | 依赖 `page/_author.sass` 36 | `form/_button.sass` | 表单按钮模块 | - 37 | `form/_input.sass` | 表单控件元素模块 | - 38 | ... | ... | - 39 | 40 | ## javaScript 41 | 42 | 如果你的javaScript文件较多，那么请在此对javaScript文件进行简要说明（包括其中的依赖关系），例如： 43 | 44 | 文件名 | 说明 | 依赖 45 | ----|----|---- 46 | `main.js` | 全站通用类JS | - 47 | `crowd.js` | 新建人群表单 | 依赖 `crowdGetData.js` 与 `fcrowdMutual.js` 48 | `crowdGetData.js` | 人群表单获取数据 | - 49 | ... | ... | - 50 | 51 | ## image 52 | 53 | 如果你的图片文件很多，那么请考虑对其进行分类，放在不同的文件夹，然后在此对每个文件夹进行简要说明： 54 | 55 | 文件夹 | 说明 56 | ----|---- 57 | user-center | 用户中心后台图片 58 | front | 网站前台图片 59 | user-level | 用户等级icons 60 | ... | ... 61 | 62 | ## 注意事项 63 | 64 | 如有请在此说明 65 | -------------------------------------------------------------------------------- /more/templates/src4legopc/README.md: -------------------------------------------------------------------------------- 1 | # 项目xxx文档: 2 | 3 | 项目xxx的简介... 4 | 5 | ## 相关人员 6 | 7 | * **产品经理：** xxx (YY：12345678) 8 | * **美术设计：** xxx (YY：12345678) 9 | * **前端开发：** xxx (YY：12345678) 10 | * **技术开发：** xxx (YY：12345678) 11 | 12 | ## 相关路径 13 | 14 | * **开发SVN：** work/项目路径 15 | * **线上SVN：** assets/项目路径 16 | * **线上地址：**[http://www.duowan.com/](http://www.duowan.com/) 17 | 18 | ## HTML 19 | 20 | 如果你的HTML文件较多，且HTML文件名是**英文名**或者**没有规律的中文名**，请务必在此对每个HTML文件进行简要说明，例如： 21 | 22 | 文件名 | 说明 23 | ----|---- 24 | `buyer-center-member-list.html` | 买家中心成员管理列表 25 | `buyer-center-order-list.html` | 买家中心订单管理列表 26 | `product-detail.html` | 产品详情页 27 | ... | ... 28 | 29 | ## SASS 30 | 31 | 如果你的SASS文件较多，那么请在此对每个SASS文件进行简要说明（包括其中的依赖关系），例如： 32 | 33 | 文件名 | 说明 | 依赖 34 | ----|----|---- 35 | `page/_approve.sass` | 用户认证 | 依赖 `page/_author.sass` 36 | `form/_button.sass` | 表单按钮模块 | - 37 | `form/_input.sass` | 表单控件元素模块 | - 38 | ... | ... | - 39 | 40 | ## javaScript 41 | 42 | 如果你的javaScript文件较多，那么请在此对javaScript文件进行简要说明（包括其中的依赖关系），例如： 43 | 44 | 文件名 | 说明 | 依赖 45 | ----|----|---- 46 | `main.js` | 全站通用类JS | - 47 | `crowd.js` | 新建人群表单 | 依赖 `crowdGetData.js` 与 `fcrowdMutual.js` 48 | `crowdGetData.js` | 人群表单获取数据 | - 49 | ... | ... | - 50 | 51 | ## image 52 | 53 | 如果你的图片文件很多，那么请考虑对其进行分类，放在不同的文件夹，然后在此对每个文件夹进行简要说明： 54 | 55 | 文件夹 | 说明 56 | ----|---- 57 | user-center | 用户中心后台图片 58 | front | 网站前台图片 59 | user-level | 用户等级icons 60 | ... | ... 61 | 62 | ## 注意事项 63 | 64 | 如有请在此说明 65 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/README.md: -------------------------------------------------------------------------------- 1 | # 项目xxx文档: 2 | 3 | 项目xxx的简介... 4 | 5 | ## 相关人员 6 | 7 | * **产品经理：** xxx (YY：12345678) 8 | * **美术设计：** xxx (YY：12345678) 9 | * **前端开发：** xxx (YY：12345678) 10 | * **技术开发：** xxx (YY：12345678) 11 | 12 | ## 相关路径 13 | 14 | * **开发SVN：** work/项目路径 15 | * **线上SVN：** assets/项目路径 16 | * **线上地址：**[http://www.duowan.com/](http://www.duowan.com/) 17 | 18 | ## HTML 19 | 20 | 如果你的HTML文件较多，且HTML文件名是**英文名**或者**没有规律的中文名**，请务必在此对每个HTML文件进行简要说明，例如： 21 | 22 | 文件名 | 说明 23 | ----|---- 24 | `buyer-center-member-list.html` | 买家中心成员管理列表 25 | `buyer-center-order-list.html` | 买家中心订单管理列表 26 | `product-detail.html` | 产品详情页 27 | ... | ... 28 | 29 | ## SASS 30 | 31 | 如果你的SASS文件较多，那么请在此对每个SASS文件进行简要说明（包括其中的依赖关系），例如： 32 | 33 | 文件名 | 说明 | 依赖 34 | ----|----|---- 35 | `page/_approve.sass` | 用户认证 | 依赖 `page/_author.sass` 36 | `form/_button.sass` | 表单按钮模块 | - 37 | `form/_input.sass` | 表单控件元素模块 | - 38 | ... | ... | - 39 | 40 | ## javaScript 41 | 42 | 如果你的javaScript文件较多，那么请在此对javaScript文件进行简要说明（包括其中的依赖关系），例如： 43 | 44 | 文件名 | 说明 | 依赖 45 | ----|----|---- 46 | `main.js` | 全站通用类JS | - 47 | `crowd.js` | 新建人群表单 | 依赖 `crowdGetData.js` 与 `fcrowdMutual.js` 48 | `crowdGetData.js` | 人群表单获取数据 | - 49 | ... | ... | - 50 | 51 | ## image 52 | 53 | 如果你的图片文件很多，那么请考虑对其进行分类，放在不同的文件夹，然后在此对每个文件夹进行简要说明： 54 | 55 | 文件夹 | 说明 56 | ----|---- 57 | user-center | 用户中心后台图片 58 | front | 网站前台图片 59 | user-level | 用户等级icons 60 | ... | ... 61 | 62 | ## 注意事项 63 | 64 | 如有请在此说明 65 | -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_ui.tab.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 选项卡UI组件 5 | * @update: 2015-06-03 16:17:02 6 | */ 7 | 8 | /* 9 | * 默认选项卡 10 | * @base 11 | */ 12 | .ui-tab__hd { 13 | position: relative; 14 | margin-bottom: 15px; 15 | } 16 | .ui-tab__ext { 17 | position: absolute; 18 | top: 50%; 19 | right: 0; 20 | margin-top: -8px; 21 | } 22 | .ui-tab__nav { 23 | font-size: 0; /* 所有浏览器 */ 24 | *word-spacing: -1px; /* IE6/7 */ 25 | border-bottom: 1px solid $base-border-color; 26 | } 27 | @media (-webkit-min-device-pixel-ratio:0) { 28 | .ui-tab__nav { 29 | letter-spacing: -5px; /* Safari 5- 等不支持 font-size: 0 的浏览器*/ 30 | } 31 | } 32 | .ui-tab__trigger { 33 | @include inline-block(top, true); 34 | letter-spacing: normal; 35 | word-spacing: normal; 36 | margin-right: 3px; 37 | height: 32px; 38 | line-height: 32px; 39 | font-size: 14px; 40 | border: 1px solid #fff; 41 | border-bottom: 0; 42 | background-color: #fff; 43 | overflow: hidden; 44 | cursor: pointer; 45 | &.is-active { 46 | *position: relative; 47 | margin-bottom: -1px; 48 | padding-bottom: 1px; 49 | border-color: $base-border-color; 50 | font-weight: 700; 51 | } 52 | a { 53 | display: block; 54 | padding: 0 15px; 55 | color: $base-text-color; 56 | } 57 | } 58 | 59 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_pagination.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 3 | .pagination { 4 | width: 100%; 5 | clear: both; 6 | font-size: 0; 7 | a, 8 | span, 9 | input, 10 | button { 11 | display: inline-block; 12 | *display: inline; 13 | *zoom: 1; 14 | vertical-align: top; 15 | white-space: nowrap; 16 | font-size: 12px; 17 | } 18 | a { 19 | height: 22px; 20 | line-height: 22px; 21 | padding: 0 8px; 22 | margin: 2px; 23 | border: 1px solid #d8d8d8; 24 | color: #666; 25 | background: #eee; 26 | &:hover { 27 | text-decoration: none; 28 | border-color: #2791CA; 29 | color: #666; 30 | } 31 | &.current { 32 | cursor: default; 33 | font-weight: 700; 34 | color: #fff !important; 35 | background-color: #2fa2e0; 36 | border-color: #2791CA; 37 | } 38 | } 39 | span { 40 | line-height: 24px; 41 | margin: 2px; 42 | color: #666; 43 | } 44 | ins { 45 | display: inline-block; 46 | *display: inline; 47 | *zoom: 1; 48 | vertical-align: top; 49 | margin-left: 2px; 50 | text-decoration: none; 51 | span { 52 | margin: 2px 0; 53 | } 54 | input { 55 | width: 2em; 56 | height: 18px; 57 | line-height: 18px; 58 | padding: 2px 4px; 59 | margin: 2px 0; 60 | border: 1px solid #D8D8D8; 61 | } 62 | button { 63 | margin: 2px 0; 64 | height: 24px; 65 | } 66 | } 67 | &.round { 68 | a, 69 | ins input { 70 | -webkit-border-radius: 3px; 71 | border-radius: 3px; 72 | } 73 | } 74 | } 75 | -------------------------------------------------------------------------------- /more/templates/src4game1/js/index.js: -------------------------------------------------------------------------------- 1 | (function($){ 2 | //返回顶部 3 | backtoTop(); 4 | function backtoTop(){ 5 | var sTop=$(window).scrollTop(); 6 | if(sTop > 500){ 7 | $('#backtoTop').stop().animate({opacity:1}, 200) 8 | } else{ 9 | $('#backtoTop').stop().animate({opacity:0}, 200) 10 | } 11 | 12 | var winW=$(window).width(); 13 | if(winW < 1350){ 14 | $('#backtoTop').stop().animate({opacity:0}, 200) 15 | } else{ 16 | $('#backtoTop').stop().animate({opacity:1}, 200) 17 | } 18 | $(window).scroll(function(){ 19 | var scrollTop=$(this).scrollTop(); 20 | var winW=$(window).width(); 21 | if(scrollTop > 200 && winW > 1350){ 22 | $('#backtoTop').stop().animate({opacity:1}, 200) 23 | } else{ 24 | $('#backtoTop').stop().animate({opacity:0}, 200) 25 | } 26 | }).on('resize',function(){ 27 | var winW=$(window).width(); 28 | if(winW < 1350){ 29 | $('#backtoTop').stop().animate({opacity:0}, 200) 30 | } else{ 31 | $('#backtoTop').stop().animate({opacity:1}, 200) 32 | } 33 | }) 34 | } 35 | $('body').on('click','.backtoTop',function () { 36 | $("body,html").stop().animate({ 37 | scrollTop: 0 38 | },200,function(){ 39 | $('#backtoTop').stop().animate({opacity:0}, 200) 40 | }) 41 | }) 42 | })(jQuery) -------------------------------------------------------------------------------- /more/templates/src4game1/sass/mod/_database.scss: -------------------------------------------------------------------------------- 1 | .index-smdatabase{ 2 | .db-hd{ 3 | padding-top: 15px; 4 | border-bottom: 1px dashed #e2e2e2; 5 | padding-bottom: 13px; 6 | .labels{ 7 | font-size: 0px; 8 | margin-bottom: 7px; 9 | } 10 | label{ 11 | height:25px; 12 | line-height: 25px; 13 | color:#999999; 14 | font-size: 14px; 15 | vertical-align: middle; 16 | } 17 | ul{ 18 | @include inline-block; 19 | vertical-align: middle; 20 | @include clearfix; 21 | } 22 | li{ 23 | padding: 0 16px; 24 | line-height: 25px; 25 | height:25px; 26 | text-align: center; 27 | font-size: 14px; 28 | float: left; 29 | cursor: pointer; 30 | } 31 | li:hover,.selected{ 32 | background-color: #9a7a54; 33 | color:#ffffff; 34 | } 35 | } 36 | .db-bd{ 37 | padding-top: 20px; 38 | padding-bottom: 20px; 39 | height:272px; 40 | overflow: hidden; 41 | position: relative; 42 | } 43 | .db-hero-group{ 44 | font-size: 0px; 45 | 46 | margin-bottom: -16px; 47 | 48 | li{ 49 | @include inline-block; 50 | position: relative; 51 | margin-right: 16px; 52 | margin-bottom: 16px; 53 | cursor: pointer; 54 | } 55 | a,img{ 56 | display:block; 57 | width:80px; 58 | height:80px; 59 | } 60 | .mask{ 61 | width:74px; 62 | height:74px; 63 | border:3px solid #d47301; 64 | background-color: transparent; 65 | position: absolute; 66 | left:0px; 67 | top:0px; 68 | display:none; 69 | } 70 | li:hover,.selected{ 71 | .mask{ 72 | display:block; 73 | } 74 | } 75 | } 76 | } -------------------------------------------------------------------------------- /app/templates/src4mobi/sass/base/_base.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | // 引入重置样式 4 | @import "normalize"; 5 | 6 | // 引入工具类 7 | @import "tool"; 8 | 9 | /* 全局设置 */ 10 | *, 11 | *:before, 12 | *:after{ 13 | font-family: PingFang sc, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; 14 | -webkit-box-sizing: border-box; 15 | -moz-box-sizing: border-box; 16 | box-sizing: border-box; 17 | } 18 | 19 | /* 设置基本html,body样式 */ 20 | html,body{ 21 | margin: 0 auto; 22 | padding: 0; 23 | } 24 | 25 | /* 设置图片最大宽度 */ 26 | img{ 27 | max-width: 100%; 28 | } 29 | 30 | /* 清除默认按钮表现形式 */ 31 | button{ 32 | -webkit-appearance: none; 33 | appearance: none; 34 | } 35 | 36 | /* 设置表格默认样式 */ 37 | table { 38 | border-collapse: collapse; 39 | border-spacing: 0; 40 | } 41 | 42 | /* 文本域禁止拖拉放大 */ 43 | textarea { 44 | resize: none; 45 | } 46 | 47 | a { 48 | text-decoration: none; 49 | color: currentColor; 50 | } 51 | 52 | img { 53 | vertical-align: top; 54 | } 55 | 56 | i, em { 57 | font-style: normal; 58 | } 59 | 60 | ol, ul, li, menu { 61 | list-style: none outside none; 62 | } 63 | 64 | fieldset, iframe, abbr, acronym { 65 | border: 0 none; 66 | } 67 | 68 | dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr, 69 | article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 70 | margin: 0; 71 | padding: 0; 72 | } 73 | 74 | del { 75 | text-decoration:line-through; 76 | } 77 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_ui.accordion.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: 手风琴UI组件 4 | * @update: 2015-06-03 16:36:10 5 | */ 6 | 7 | /* 8 | * 默认手风琴（horizontal） 9 | * @base 10 | */ 11 | $base-width: 500px; // 手风琴宽度 12 | $base-content-height: 150px; // content高度 13 | 14 | .ui-accordion { 15 | width: $base-width; 16 | } 17 | .ui-accordion__hd { 18 | @include clearfix; 19 | padding: 8px 10px; 20 | margin-top: -1px; 21 | background-color: $heading-bg-color; 22 | border: 1px solid $base-border-color; 23 | cursor: pointer; 24 | &.is-active { 25 | background-color: $active-bg-color; 26 | cursor: default; 27 | } 28 | } 29 | .ui-accordion__tit { 30 | float: left; 31 | } 32 | .ui-accordion__ext { 33 | float: right; 34 | } 35 | .ui-accordion__bd { 36 | height: $base-content-height; 37 | padding: 10px; 38 | border: 1px solid $base-border-color; 39 | border-top-width: 0; 40 | } 41 | 42 | 43 | /* 44 | * 纵向手风琴 45 | * @extend: vertical 46 | */ 47 | $vertical-content-width: 320px; // content宽度 48 | $vertical-content-height: 300px; // content高度 49 | 50 | .ui-accordion { 51 | &.ext-vertical { 52 | @include clearfix; 53 | width: auto; 54 | .ui-accordion__hd { 55 | float: left; 56 | width: 18px; 57 | height: $vertical-content-height; 58 | padding: 10px 8px; 59 | margin-top: 0; 60 | margin-left: -1px; 61 | text-align: center; 62 | } 63 | .ui-accordion__bd { 64 | float: left; 65 | width: $vertical-content-width; 66 | height: $vertical-content-height; 67 | margin-left: -1px; 68 | border-top-width: 1px; 69 | } 70 | } 71 | } 72 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_pic.s2.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 3 | /* 4 | style1 5 | li的width,height值为img的盒模型宽高值 6 | 如果em定义了高度，在ie下鼠标移上去不会出现鼠标手型，需设置cursor:pointer 7 | -0.34em前提是tahoma为默认英文字体 8 | */ 9 | $imgWidth: 140px; 10 | $imgHeight: 240px; 11 | $imgBorder: 1px solid #D8D8D8; 12 | // 风格2 13 | .mod-pic-s2 { 14 | letter-spacing: -0.34em; 15 | word-spacing: -0.34em; 16 | li { 17 | display: inline-block; 18 | *display: inline; 19 | *zoom: 1; 20 | vertical-align: top; 21 | letter-spacing: normal; 22 | word-spacing: normal; 23 | overflow: hidden; 24 | width: 150px; 25 | margin: 0 0 10px 10px; 26 | } 27 | a { 28 | zoom: 1; 29 | display: block; 30 | text-align: center; 31 | position: relative; 32 | padding: 4px; 33 | border: 1px solid #D8D8D8; 34 | background-color: #FFF; 35 | &:hover { 36 | zoom: 1; 37 | text-decoration: none; 38 | border-color: #999; 39 | background-color: #F90; 40 | } 41 | em { 42 | text-decoration: none; 43 | background-color: rgba(0, 0, 0, 0.6); 44 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); 45 | color: #FFF; 46 | } 47 | } 48 | img { 49 | width: $imgWidth; 50 | height: $imgHeight; 51 | 52 | } 53 | em { 54 | display: block; 55 | vertical-align: baseline; 56 | text-align: center; 57 | cursor: pointer; 58 | line-height: 18px; 59 | padding: 4px 0; 60 | position: absolute; 61 | left: 4px; 62 | bottom: 4px; 63 | background-color: rgba(255, 255, 255, 0.6); 64 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF); 65 | width: $imgWidth; 66 | text-decoration: none; 67 | } 68 | } 69 | @media all and (-webkit-min-device-pixel-ratio:1) { 70 | .mod-pic-s2 {word-spacing: normal;} 71 | } 72 | :root .mod-pic-s2 em {filter: none\9;} 73 | -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_ui.accordion.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: 手风琴UI组件 4 | * @update: 2015-06-03 16:36:10 5 | */ 6 | 7 | /* 8 | * 默认手风琴（horizontal） 9 | * @base 10 | */ 11 | $base-width: 500px; // 手风琴宽度 12 | $base-content-height: 150px; // content高度 13 | 14 | .ui-accordion { 15 | width: $base-width; 16 | } 17 | .ui-accordion__hd { 18 | @include clearfix; 19 | padding: 8px 10px; 20 | margin-top: -1px; 21 | background-color: $heading-bg-color; 22 | border: 1px solid $base-border-color; 23 | cursor: pointer; 24 | &.is-active { 25 | background-color: $active-bg-color; 26 | cursor: default; 27 | } 28 | } 29 | .ui-accordion__tit { 30 | float: left; 31 | } 32 | .ui-accordion__ext { 33 | float: right; 34 | } 35 | .ui-accordion__bd { 36 | height: $base-content-height; 37 | padding: 10px; 38 | border: 1px solid $base-border-color; 39 | border-top-width: 0; 40 | } 41 | 42 | 43 | /* 44 | * 纵向手风琴 45 | * @extend: vertical 46 | */ 47 | $vertical-content-width: 320px; // content宽度 48 | $vertical-content-height: 300px; // content高度 49 | 50 | .ui-accordion { 51 | &.ext-vertical { 52 | @include clearfix; 53 | width: auto; 54 | .ui-accordion__hd { 55 | float: left; 56 | width: 18px; 57 | height: $vertical-content-height; 58 | padding: 10px 8px; 59 | margin-top: 0; 60 | margin-left: -1px; 61 | text-align: center; 62 | } 63 | .ui-accordion__bd { 64 | float: left; 65 | width: $vertical-content-width; 66 | height: $vertical-content-height; 67 | margin-left: -1px; 68 | border-top-width: 1px; 69 | } 70 | } 71 | } 72 | -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_variable.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: UI配色 5 | * @update: 2015-12-16 10:57:55 6 | */ 7 | 8 | /* 字体配置 */ 9 | $base-font-size : 12px !default; // 字号 10 | $base-font-family : "PingFang sc", "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif !default; // 字体族 11 | 12 | /* 13 | * 字体策略 14 | * 1. 默认：使用无衬线字体，OS X使用"Helvetica Neue", Helvetica； Windows使用Tahoma, Arial； 15 | * 2. 黑体：通过字体辅助类.u-heiti 或者 @extend %u-heiti来调用； 16 | * 3. 宋体：通过字体辅助类.u-songti 或者 @extend %u-songti来调用； 17 | * 4. 参考链接：http://www.zhihu.com/question/19911793 http://zenozeng.github.io/fonts.css/ 18 | */ 19 | 20 | /* 其他配置 */ 21 | $base-line-height : 1.5 !default; // 行高 22 | $base-link-decoration : underline !default; // 链接下划线 23 | 24 | 25 | /* 颜色配置 */ 26 | $base-text-color : #333 !default; // 文本颜色 27 | $base-bg-color : #fff !default; // 背景颜色 28 | $base-link-color : #333 #fa0 !default; // 链接颜色[default，hover] 29 | $base-border-color : #dedede !default; // 边框颜色 30 | $heading-bg-color : #f5f5f5 !default; // 面板头部背景颜色 31 | $active-bg-color : #e7e7e7 !default; // 激活状态背景颜色 32 | $disabled-text-color : #aaa !default; // 禁用状态文本颜色 33 | $disabled-bg-color : #eee !default; // 禁用状态背景颜色 34 | 35 | $primary-text-color : #fff !default; // 首选文本颜色 36 | $primary-color : #288ad6 !default; // 首选背景颜色 37 | 38 | $success-text-color : #fff !default; // 成功状态文本颜色 39 | $success-color : #16c98d !default; // 成功状态背景颜色 40 | 41 | $info-text-color : #fff !default; // 信息状态文本颜色 42 | $info-color : #2fc2ef !default; // 信息状态背景颜色 43 | 44 | $warning-text-color : #3b444f !default; // 警告状态文本颜色 45 | $warning-color : #feef6d !default; // 警告状态背景颜色 46 | 47 | $danger-text-color : #fff !default; // 危险状态文本颜色 48 | $danger-color : #fa5e5b !default; // 危险状态背景颜色 49 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/ui/table.scss: -------------------------------------------------------------------------------- 1 | .m-table { 2 | border-collapse: collapse; 3 | border-spacing: 0; 4 | empty-cells: show; 5 | border: 1px solid #cbcbcb; 6 | caption { 7 | color: #000; 8 | font: italic 85% / 1 arial, sans-serif; 9 | padding: 1em 0; 10 | text-align: center; 11 | } 12 | td, th { 13 | border-left: 1px solid #cbcbcb; 14 | /* inner column border */ 15 | border-width: 0 0 0 1px; 16 | font-size: inherit; 17 | margin: 0; 18 | overflow: visible; 19 | /*to make ths where the title is really long work*/ 20 | padding: 0.5em 1em; 21 | /* cell padding */ 22 | } 23 | td:first-child, th:first-child { 24 | border-left-width: 0; 25 | } 26 | thead { 27 | background: #e0e0e0; 28 | color: #000; 29 | text-align: left; 30 | vertical-align: bottom; 31 | } 32 | td { 33 | background-color: transparent; 34 | } 35 | } 36 | 37 | .m-table--stripe{ 38 | tbody{ 39 | tr:nth-child(odd){ 40 | //基数 41 | } 42 | tr:nth-child(even){ 43 | //偶数 44 | background-color: #f2f2f2; 45 | } 46 | } 47 | } 48 | 49 | /* BORDERED TABLES */ 50 | 51 | .m-table--bordered { 52 | td { 53 | border-bottom: 1px solid #cbcbcb; 54 | } 55 | tbody > tr:last-child td { 56 | border-bottom-width: 0; 57 | } 58 | } 59 | 60 | .m-table--horizontal { 61 | tbody > tr:last-child td { 62 | border-bottom-width: 0; 63 | } 64 | td, th { 65 | border-width: 0 0 1px 0; 66 | border-bottom: 1px solid #cbcbcb; 67 | } 68 | tbody > tr:last-child td { 69 | border-bottom-width: 0; 70 | } 71 | } 72 | 73 | /* HORIZONTAL BORDERED TABLES */ -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_list.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 文字列表UI组件 5 | * @update: 2015-06-05 16:45:17 6 | */ 7 | 8 | /* 9 | * 默认列表 10 | * @base 11 | */ 12 | $item-height: 24px; // item高度 13 | $item-line-height: 24px; // item行高 14 | 15 | .ui-list__item { 16 | height: $item-height; 17 | line-height: $item-line-height; 18 | overflow: hidden; 19 | } 20 | .ui-list__link { 21 | margin-right: 10px; 22 | } 23 | .ui-list__tag { 24 | color: #f60; 25 | } 26 | .ui-list__meta { 27 | float: right; 28 | margin-left: 10px; 29 | color: #999; 30 | } 31 | .ui-list__num { 32 | @include inline-block; 33 | overflow: hidden; 34 | margin-right: 5px; 35 | width: 18px; 36 | height: 14px; 37 | border-radius: 2px; 38 | font: normal 12px/14px verdana; 39 | text-align: center; 40 | color: #666; 41 | background-color: #e8e8e8; 42 | } 43 | 44 | 45 | /* 46 | * 实心圆标记 47 | * @extend: disc 48 | */ 49 | .ui-list { 50 | &.ext-disc { 51 | list-style: disc inside none; 52 | } 53 | } 54 | 55 | /* 56 | * 实心方块标记 57 | * @extend: square 58 | */ 59 | .ui-list { 60 | &.ext-square { 61 | list-style: square inside none; 62 | } 63 | } 64 | 65 | 66 | /* 67 | * 双栏列表 68 | * @extend: half 69 | */ 70 | .ui-list { 71 | &.ext-half { 72 | font-size: 0; /* 所有浏览器 */ 73 | *word-spacing: -1px; /* IE6/7 */ 74 | .ui-list__item { 75 | @include inline-block; 76 | vertical-align: top; 77 | font-size: 12px; 78 | letter-spacing: normal; 79 | word-spacing: normal; 80 | width: 48%; 81 | *width: 47.99%; 82 | margin-right: 2%; 83 | } 84 | } 85 | } 86 | @media (-webkit-min-device-pixel-ratio:0) { 87 | .ui-list.ext-half { 88 | letter-spacing: -5px; /* Safari 5- 等不支持 font-size: 0 的浏览器*/ 89 | } 90 | } 91 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_config.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 3 | // $Date: 2014-07-05 16:56:30 +0800 (Sat, 05 Jul 2014) $ 4 | // 5 | // Base Color 6 | $base-color : #333 !default; 7 | $base-background-color : #fff !default; 8 | $base-link-color : #333 #3A6ECC !default; 9 | 10 | // Base Content 11 | $base-font-size : 12px !default; 12 | $base-line-height : 1.5 !default; 13 | $base-font-family : Tahoma, sans-serif !default; 14 | $base-header-font-family : "Microsoft YaHei" !default; 15 | 16 | // Base Borders & Box Shadows 17 | $base-text-color : #333 !default; // 文本颜色 18 | 19 | $base-border-color : #dedede !default; // 边框颜色 20 | $base-border : 1px solid $base-border-color !default; 21 | $base-border-radius : 3px !default; 22 | $base-box-shadow : 0 1px 2px rgba($base-color,.25) !default; 23 | 24 | // Colors 25 | $color-default : #999999 !default; 26 | $color-success : #5cb85c !default; 27 | $color-error : #d9534f !default; 28 | $color-warning : #f0ad4e !default; 29 | $color-info : #5bc0de !default; 30 | 31 | $heading-bg-color : #f5f5f5 !default; // 面板头部背景颜色 32 | $disabled-text-color : #aaa !default; // 禁用状态文本颜色 33 | $disabled-bg-color : #eee !default; // 禁用状态背景颜色 34 | $active-bg-color : #e7e7e7 !default; // 激活状态背景颜色 35 | $primary-text-color : #fff !default; // 首选文本颜色 36 | $primary-color : #288ad6 !default; // 首选背景颜色 37 | 38 | $success-text-color : #fff !default; // 成功状态文本颜色 39 | $success-color : #16c98d !default; // 成功状态背景颜色 40 | 41 | $info-text-color : #fff !default; // 信息状态文本颜色 42 | $info-color : #2fc2ef !default; // 信息状态背景颜色 43 | 44 | $warning-text-color : #3b444f !default; // 警告状态文本颜色 45 | $warning-color : #feef6d !default; // 警告状态背景颜色 46 | 47 | $danger-text-color : #fff !default; // 危险状态文本颜色 48 | $danger-color : #fa5e5b !default; // 危险状态背景颜色 -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_list.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 文字列表UI组件 5 | * @update: 2015-06-05 16:45:17 6 | */ 7 | 8 | /* 9 | * 默认列表 10 | * @base 11 | */ 12 | $item-height: 24px; // item高度 13 | $item-line-height: 24px; // item行高 14 | 15 | .ui-list__item { 16 | height: $item-height; 17 | line-height: $item-line-height; 18 | overflow: hidden; 19 | } 20 | .ui-list__link { 21 | margin-right: 10px; 22 | } 23 | .ui-list__tag { 24 | color: #f60; 25 | } 26 | .ui-list__meta { 27 | float: right; 28 | margin-left: 10px; 29 | color: #999; 30 | } 31 | .ui-list__num { 32 | @include inline-block; 33 | overflow: hidden; 34 | margin-right: 5px; 35 | width: 18px; 36 | height: 14px; 37 | border-radius: 2px; 38 | font: normal 12px/14px verdana; 39 | text-align: center; 40 | color: #666; 41 | background-color: #e8e8e8; 42 | } 43 | 44 | 45 | /* 46 | * 实心圆标记 47 | * @extend: disc 48 | */ 49 | .ui-list { 50 | &.ext-disc { 51 | list-style: disc inside none; 52 | } 53 | } 54 | 55 | /* 56 | * 实心方块标记 57 | * @extend: square 58 | */ 59 | .ui-list { 60 | &.ext-square { 61 | list-style: square inside none; 62 | } 63 | } 64 | 65 | 66 | /* 67 | * 双栏列表 68 | * @extend: half 69 | */ 70 | .ui-list { 71 | &.ext-half { 72 | font-size: 0; /* 所有浏览器 */ 73 | *word-spacing: -1px; /* IE6/7 */ 74 | .ui-list__item { 75 | @include inline-block; 76 | vertical-align: top; 77 | font-size: 12px; 78 | letter-spacing: normal; 79 | word-spacing: normal; 80 | width: 48%; 81 | *width: 47.99%; 82 | margin-right: 2%; 83 | } 84 | } 85 | } 86 | @media (-webkit-min-device-pixel-ratio:0) { 87 | .ui-list.ext-half { 88 | letter-spacing: -5px; /* Safari 5- 等不支持 font-size: 0 的浏览器*/ 89 | } 90 | } 91 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/mod/_layout.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | .blank5, 4 | .blank8, 5 | .blank10{clear:both;overflow:hidden;} 6 | .blank5{height:5px;} 7 | .blank8{height:8px;} 8 | .blank10{height:10px;} 9 | 10 | .ZQ-gap{ 11 | height: 16px; 12 | clear:both;overflow:hidden; 13 | } 14 | 15 | /* 专区头部 */ 16 | 17 | .ZQ{ 18 | background-color: #FBFBFB; 19 | } 20 | 21 | .ZQ__head{ 22 | @include clearfix(); 23 | } 24 | 25 | /* 专区内容 */ 26 | .ZQ__body{ 27 | @include clearfix(); 28 | width: 1136px; 29 | margin: 0 auto; 30 | padding: 23px 0 50px 0; 31 | } 32 | 33 | .ZQ-row{ 34 | @include clearfix(); 35 | margin-right: -20px; 36 | margin-bottom: 16px; 37 | } 38 | 39 | .ZQ-page{ 40 | padding: 10px 16px; 41 | border: 1px solid #EFEFEF; 42 | background-color: #FFF; 43 | } 44 | 45 | 46 | /* 1136宽度，71栅格，每个栅格16px */ 47 | .ZQ-71-25{ 48 | width: 400px; 49 | float: left; 50 | *display: inline; 51 | margin-right: 16px; 52 | } 53 | 54 | .ZQ-71-23{ 55 | width: 368px; 56 | float: left; 57 | *display: inline; 58 | margin-right: 16px; 59 | } 60 | 61 | .ZQ-71-51{ 62 | width: 816px; 63 | float: left; 64 | *display: inline; 65 | margin-right: 16px; 66 | } 67 | 68 | .ZQ-71-47{ 69 | width: 752px; 70 | float: left; 71 | *display: inline; 72 | margin-right: 16px; 73 | } 74 | 75 | .ZQ-71-24{ 76 | width: 368px; 77 | float: left; 78 | *display: inline; 79 | margin-right: 16px; 80 | } 81 | 82 | .ZQ-71-19{ 83 | width: 304px; 84 | float: left; 85 | *display: inline; 86 | margin-right: 16px; 87 | } 88 | 89 | .ZQ-71{ 90 | width: 1136px; 91 | float: left; 92 | *display: inline; 93 | margin-right: 16px; 94 | } 95 | 96 | .ZQ-row.no-margin{ 97 | margin-bottom: 0px; 98 | } 99 | .ZQ__free { 100 | @extend .ZQ__body; 101 | border: 0; 102 | padding: 0; 103 | height: 0; 104 | position: relative; 105 | &.ZQ__free--pin { 106 | position: fixed; 107 | top: 36px; 108 | left: 50%; 109 | margin-left: 0px -(1136/2) 110 | } 111 | } -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_form.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 3 | $labelWidth: 80px; 4 | $groupMargin: 10px; 5 | .form{ 6 | .form-group{ 7 | // @extend %clearfix; 8 | @include clearfix; 9 | margin-bottom: $groupMargin; 10 | label{ 11 | float: left; _display: inline; 12 | width: $labelWidth; 13 | text-align: right; 14 | line-height: 28px; 15 | } 16 | input{ 17 | float: left; _display: inline; 18 | line-height: 16px; 19 | padding: 5px; 20 | border: 1px solid #ccc; 21 | } 22 | } 23 | .form-action{ 24 | // @extend %clearfix; 25 | @include clearfix; 26 | padding-left: $labelWidth; 27 | margin-bottom: $groupMargin; 28 | } 29 | .remeber{ 30 | // @extend %clearfix; 31 | @include clearfix; 32 | input{ 33 | float: left; _display: inline; 34 | margin: 3px 4px 0 0; 35 | } 36 | } 37 | textarea{ 38 | border: 1px solid #ccc; 39 | padding: 5px; 40 | _margin-left:-3px; 41 | } 42 | .help-inline{ 43 | display: inline-block; 44 | padding-left: 10px; 45 | line-height: 28px; 46 | color: #999; 47 | } 48 | .help-block{ 49 | display: block; 50 | clear: both; 51 | width: 100%; 52 | padding-left: $labelWidth; 53 | line-height: 16px; 54 | color: #f30; 55 | } 56 | .input-file-s1{ 57 | display:inline-block; 58 | *display:inline; 59 | *zoom:1; 60 | vertical-align: 61 | middle; 62 | position:relative; 63 | overflow:hidden; 64 | cursor:pointer; 65 | input{ 66 | height:100%; 67 | position:absolute; 68 | right:0; 69 | top:0; 70 | font-size:26px; 71 | opacity:0; 72 | filter:alpha(opacity=0); 73 | cursor:pointer; 74 | } 75 | } 76 | .input-file-s2{ 77 | position:relative; 78 | input{ 79 | height:22px; 80 | line-height:22px; 81 | padding:2px; 82 | border:1px solid #aaa; 83 | margin-right: 5px; 84 | vertical-align: middle; 85 | } 86 | .upload-file{ 87 | width: 180px; 88 | height:30px; 89 | position:absolute; 90 | left:0; 91 | top:0; 92 | opacity:0; 93 | filter:alpha(opacity=0); 94 | cursor:pointer; 95 | } 96 | } 97 | } 98 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/components/pop.scss: -------------------------------------------------------------------------------- 1 | #pop-overlay { 2 | position: absolute; 3 | width: 100%; 4 | height: 100%; 5 | background: #000; 6 | top: 0; 7 | left: 0; 8 | opacity: .7; 9 | transform: translate3d(0, 0, 0); 10 | z-index: 5000; 11 | } 12 | 13 | #pop-dialogs { 14 | width: 100%; 15 | position: absolute; 16 | top: 0; 17 | left: 0; 18 | z-index: 6000; 19 | .pop-mod { 20 | margin-left: -144px; 21 | position: absolute; 22 | left: 50%; 23 | } 24 | } 25 | 26 | .pop-mod { 27 | width: 288px; 28 | margin: 0 auto; 29 | position: relative; 30 | z-index: 6000; 31 | background: #f5f5f5; 32 | -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.6); 33 | .pop-hd { 34 | height: 44px; 35 | line-height: 44px; 36 | font-size: pxToRem(20); 37 | padding: 0 6px; 38 | overflow: hidden; 39 | color: #555; 40 | background: #e2e2e2; 41 | text-align: center; 42 | } 43 | .pop-bd { 44 | min-height: 54px; 45 | overflow: hidden; 46 | } 47 | .pop-ft { 48 | height: 38px; 49 | width: 100%; 50 | padding: 0; 51 | table-layout: fixed; 52 | display: table; 53 | border-collapse: collapse; 54 | overflow: hidden; 55 | span { 56 | height: 38px; 57 | line-height: 40px; 58 | font-size: pxToRem(18); 59 | display: table-cell; 60 | float: none; 61 | text-align: center; 62 | background: none; 63 | cursor: pointer; 64 | border: 1px solid #ddd; 65 | color: #555; 66 | a { 67 | color: #555; 68 | display: block; 69 | } 70 | } 71 | } 72 | .pop-close { 73 | top: 0; 74 | right: 0; 75 | position: absolute; 76 | display: block; 77 | padding: 6px; 78 | i{ 79 | display: block; 80 | width: 24px; 81 | height: 24px; 82 | font-size: 24px; 83 | color: #888; 84 | } 85 | } 86 | .pop-msg { 87 | padding: 40px 14px 30px; 88 | font-size: pxToRem(16); 89 | line-height: 22px; 90 | text-align: center; 91 | color: #555; 92 | word-break: break-all; 93 | a { 94 | color: #ffae00; 95 | } 96 | } 97 | .pop-loading { 98 | min-height: 112px; 99 | background: url('../img/loading.gif') no-repeat 50% 50%; 100 | } 101 | } -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_print.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: 打印样式 4 | * @update: 2015-06-03 16:49:29 5 | * @source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css 6 | */ 7 | 8 | @media print, 9 | (min-resolution: 1.25dppx), 10 | (min-resolution: 120dpi) { 11 | /* Style adjustments for high resolution devices */ 12 | } 13 | 14 | /* ========================================================================== 15 | Print styles. 16 | Inlined to avoid the additional HTTP request: 17 | http://www.phpied.com/delay-loading-your-print-css/ 18 | ========================================================================== */ 19 | 20 | @media print { 21 | *, 22 | *:before, 23 | *:after { 24 | background: transparent !important; 25 | color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ 26 | box-shadow: none !important; 27 | text-shadow: none !important; 28 | } 29 | 30 | a, 31 | a:visited { 32 | text-decoration: underline; 33 | } 34 | 35 | a[href]:after { 36 | content: " (" attr(href) ")"; 37 | } 38 | 39 | abbr[title]:after { 40 | content: " (" attr(title) ")"; 41 | } 42 | 43 | /* 44 | * Don't show links that are fragment identifiers, 45 | * or use the `javascript:` pseudo protocol 46 | */ 47 | 48 | a[href^="#"]:after, 49 | a[href^="javascript:"]:after { 50 | content: ""; 51 | } 52 | 53 | pre, 54 | blockquote { 55 | border: 1px solid #999; 56 | page-break-inside: avoid; 57 | } 58 | 59 | /* 60 | * Printing Tables: 61 | * http://css-discuss.incutio.com/wiki/Printing_Tables 62 | */ 63 | 64 | thead { 65 | display: table-header-group; 66 | } 67 | 68 | tr, 69 | img { 70 | page-break-inside: avoid; 71 | } 72 | 73 | img { 74 | max-width: 100% !important; 75 | } 76 | 77 | p, 78 | h2, 79 | h3 { 80 | orphans: 3; 81 | widows: 3; 82 | } 83 | 84 | h2, 85 | h3 { 86 | page-break-after: avoid; 87 | } 88 | 89 | .u-printHide { 90 | display: none !important; 91 | } 92 | 93 | } 94 | -------------------------------------------------------------------------------- /more/templates/src4game1/tpl/_index.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 一线专区模板 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | <% include partial/zq-head %> 21 | 22 | 23 |
24 | 25 | <% include partial/index-heromenu %> 26 | 27 | 28 | <% include partial/index-focus %> 29 | 30 | 31 | <% include partial/index-guide %> 32 | 33 | 34 | <% include partial/index-job %> 35 | 36 | 37 | <% include partial/index-database %> 38 | 39 | 40 | <% include partial/game-video %> 41 | 42 | 43 | <% include partial/game-video2 %> 44 | 45 | 46 | <% include partial/game-cut %> 47 | 48 | 49 | <% include partial/index-jobguide %> 50 | 51 | 52 | <% include partial/index-text %> 53 | 54 |
55 | 56 | 57 | 58 | <% include partial/zq-foot %> 59 | 60 |
61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_reset.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: 重置样式 4 | * @update: 2015-06-03 17:28:19 5 | */ 6 | 7 | body { 8 | font: #{$base-font-size}/#{$base-line-height} $base-font-family; 9 | color: $base-text-color; 10 | background-color: $base-bg-color; 11 | } 12 | a { 13 | text-decoration: none; 14 | color: nth($base-link-color, 1); 15 | &:hover { 16 | text-decoration: $base-link-decoration; 17 | color: nth($base-link-color, 2); 18 | } 19 | } 20 | 21 | /* 去除现代浏览器图片底部的空隙 */ 22 | img { 23 | vertical-align: top; 24 | } 25 | em { 26 | font-style: normal; 27 | } 28 | ol, 29 | ul, 30 | menu { 31 | list-style: none outside none; 32 | } 33 | fieldset, 34 | iframe { 35 | border: 0 none; 36 | } 37 | dl, 38 | dt, 39 | dd, 40 | ul, 41 | ol, 42 | li, 43 | h1, 44 | h2, 45 | h3, 46 | h4, 47 | h5, 48 | h6, 49 | pre, 50 | code, 51 | form, 52 | fieldset, 53 | legend, 54 | input, 55 | button, 56 | textarea, 57 | p, 58 | blockquote, 59 | th, 60 | td, 61 | hr, 62 | article, 63 | aside, 64 | canvas, 65 | details, 66 | embed, 67 | figure, 68 | figcaption, 69 | footer, 70 | header, 71 | hgroup, 72 | menu, 73 | nav, 74 | output, 75 | ruby, 76 | section, 77 | summary, 78 | time, 79 | mark, 80 | audio, 81 | video { 82 | margin: 0; 83 | padding: 0; 84 | } 85 | 86 | /* IE6 7 8(q) bug 显示为行内表现 */ 87 | iframe { 88 | display: block; 89 | } 90 | 91 | /* IE bug fixed: th 不继承 text-align */ 92 | th { 93 | text-align: inherit; 94 | } 95 | 96 | /* 修正表单元素不继承父级字体族的问题 */ 97 | input, 98 | button, 99 | select, 100 | textarea { 101 | font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif; 102 | } 103 | 104 | /** 105 | * 移除 IE6-11 中默认的垂直滚动条 106 | * 禁止水平拖动，防止破坏布局 107 | */ 108 | textarea { 109 | @include resizable(vertical); 110 | } 111 | 112 | /* 一致的 del 样式 */ 113 | del { 114 | text-decoration: line-through; 115 | } 116 | 117 | abbr { 118 | cursor: help; 119 | } 120 | 121 | 122 | /* 以下为排版样式 */ 123 | 124 | hr { 125 | height: 10px; 126 | margin-bottom: .8em; 127 | border: 0; 128 | border-bottom: 1px solid #cfcfcf; 129 | } 130 | 131 | blockquote { 132 | position: relative; 133 | padding: 0 15px; 134 | margin: 15px 0; 135 | border-left: 4px solid #ddd; 136 | color: #999; 137 | } 138 | 139 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_button.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 3 | @import "css3"; 4 | @import "mixins"; 5 | //Reds 6 | $red: #e74c3c; 7 | $dark-red: #C0392B; 8 | 9 | //Hipsters 10 | $info: #1ABC9C; 11 | $dark-info: #16A085; 12 | 13 | //Blues 14 | $blue: #3498DB; 15 | $dark-blue: #2980B9; 16 | 17 | //Grays 18 | $gray: #95a5a6; 19 | $dark-gray: #7F8C8D; 20 | 21 | //Greens 22 | $green: #2ECC71; 23 | $dark-green: #27AE60; 24 | 25 | //Orange 26 | $orange: #f1c40f; 27 | $dark-orange: #f39c12; 28 | 29 | //All colors 30 | $colors: primary $dark-blue $blue, //class name, bg color, hover bg color 31 | success $dark-green $green, 32 | error $dark-red $red, 33 | warning $dark-orange $orange, 34 | info $dark-info $info, 35 | default $dark-gray $gray; 36 | .btn { 37 | display: inline-block; 38 | padding: 4px 15px; 39 | line-height: 20px; 40 | font-size: 12px; 41 | color: #FFF; 42 | background-color: #09f; 43 | cursor: pointer; 44 | text-align: center; 45 | vertical-align: middle; 46 | border: 0 none; 47 | margin: 0; 48 | overflow: visible; 49 | width: auto; 50 | *width: 1; 51 | &:hover, &:focus { 52 | zoom: 1; 53 | text-decoration: none; 54 | background: #0af; 55 | color: #fff; 56 | } 57 | 58 | &.is-disabled { 59 | cursor: no-drop; 60 | background-color: #ccc; 61 | } 62 | 63 | &.active, &:active { 64 | outline: 0; 65 | } 66 | 67 | [class^="icon-"], [class*=" icon-"] { 68 | margin-right: 5px; 69 | } 70 | &.btn-block{ 71 | display: block; 72 | } 73 | &.btn-mini{ 74 | line-height: 16px; 75 | padding: 0 2px; 76 | } 77 | &.btn-small{ 78 | padding: 2px 4px; 79 | } 80 | &.btn-large{ 81 | font-size: 16px; 82 | letter-spacing: 1px; 83 | line-height: 20px; 84 | padding: 10px 16px; 85 | } 86 | } 87 | input.btn,button.btn{ 88 | height: 28px; 89 | line-height: 1; 90 | *line-height: 28px; 91 | overflow: hidden; 92 | *padding: 0 .3em; 93 | } 94 | /* Button colors definition */ 95 | /*---------------------------*/ 96 | @each $color in $colors { 97 | .btn-#{nth($color, 1)} { 98 | background-color: nth($color, 2); 99 | 100 | &:hover, &:focus { 101 | background-color: nth($color, 3); 102 | } 103 | 104 | &.is-disabled { 105 | background-color: nth($color, 2); 106 | } 107 | } 108 | } 109 | 110 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/ui/list.scss: -------------------------------------------------------------------------------- 1 | 2 | /* 列表 */ 3 | 4 | .m-list{ 5 | 6 | } 7 | .m-list__item{ 8 | position: relative; 9 | line-height: 44px; 10 | height: 44px; 11 | border-bottom: 1px solid #E4E4E4; 12 | &:last-child{ 13 | border: none; 14 | } 15 | >a{ 16 | height:44px; line-height: 44px; 17 | padding-left:10px; 18 | display: block; 19 | color:#333; 20 | } 21 | } 22 | 23 | .m-list__label{ 24 | background-color: #F5F5F5; 25 | height: 24px; 26 | line-height: 24px; 27 | font-size: pxToRem(10); 28 | padding-left: 10px; 29 | border-bottom: 1px solid #E4E4E4; 30 | color: #666666; 31 | } 32 | 33 | /* 带箭头列表 */ 34 | .m-list--chevron{ 35 | font-family: "lego"; 36 | >.m-list__item::before{ 37 | content: "\e63f"; 38 | position: absolute; 39 | top: 0; 40 | right: 10px; 41 | color: #666666; 42 | } 43 | } 44 | 45 | .m-list--chevron{ 46 | >.visited:before{ 47 | color: #C5C5C5; 48 | } 49 | } 50 | 51 | /* 带数字列表 */ 52 | .m-list--number{ 53 | .m-list__item{ 54 | >a{ 55 | &::before{ 56 | position: absolute; 57 | right: 10px; 58 | top: 50%; 59 | margin-top: -10px; 60 | padding: 0px 7px; 61 | height: 20px; 62 | line-height: 20px; 63 | color: #fff; 64 | font-size: pxToRem(12); 65 | background-color: #FF8800; 66 | content: attr(data-number); 67 | } 68 | } 69 | } 70 | } 71 | 72 | /* 带开关按钮列表 */ 73 | .m-list--toggle{ 74 | >li{ 75 | padding-left: 10px; 76 | } 77 | .u-toggle{ 78 | position: absolute; 79 | top: 50%; 80 | right: 10px; 81 | margin-top:-15px; 82 | } 83 | } 84 | 85 | /* 新闻列表 */ 86 | 87 | .m-newslist__item{ 88 | border-bottom: 1px solid #E4E4E4; 89 | &:last-child{ 90 | border-bottom: none; 91 | } 92 | >a{ 93 | display: block; 94 | padding: 10px; 95 | @include clearfix; 96 | &:active{ 97 | background-color: #FbF9F9; 98 | } 99 | } 100 | img{ 101 | float: left; 102 | margin-right: 10px; 103 | width: 80px; 104 | height: 60px; 105 | } 106 | } 107 | 108 | .m-newslist__item__cont{ 109 | overflow: hidden; 110 | >h3{ 111 | font-size: pxToRem(13); 112 | color: #333; 113 | margin-bottom: 8px; 114 | line-height: 1.5em; 115 | } 116 | >p{ 117 | color: #999; 118 | font-size: pxToRem(11); 119 | } 120 | } 121 | 122 | 123 | 124 | 125 | 126 | 127 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/ui/single.scss: -------------------------------------------------------------------------------- 1 | 2 | .m-article{ 3 | //padding:10px; 4 | line-height: 1.5em; 5 | } 6 | 7 | .m-article__channel{ 8 | overflow: hidden; 9 | border-top: 4px solid #e50450; 10 | h2{ 11 | font-size: pxToRem(14); 12 | color: #fff; 13 | background-color: #E50450; 14 | float: left; 15 | padding: 2px 20px; 16 | margin: 0 0 0 4%; 17 | font-weight: bold; 18 | } 19 | } 20 | 21 | .m-article__main{ 22 | padding: 0 16px 4%; 23 | img{ 24 | margin: 0 auto; 25 | padding:10px 0px; 26 | max-width: 90%; 27 | display: block; 28 | } 29 | >p{ 30 | line-height: 1.5em; 31 | font-size: pxToRem(17); 32 | color:#333; 33 | padding: 10px 0; 34 | word-break: break-all; 35 | } 36 | } 37 | 38 | .m-article__header{ 39 | >.title{ 40 | font-size: pxToRem(19); 41 | font-weight: normal; 42 | color:#333; 43 | padding: 10px 0; 44 | color: #000; 45 | } 46 | } 47 | 48 | .m-article__meta{ 49 | font-size: pxToRem(13); 50 | color:#999; 51 | margin: 0 0 5px; 52 | >span{ 53 | margin-right: 5px; 54 | } 55 | } 56 | 57 | .m-article__footer{ 58 | background: #f5f5f5; 59 | border-top: 2px solid #ccc; 60 | } 61 | 62 | .m-article__comment{ 63 | margin: 10px 4% 10px; 64 | background: #e50450; 65 | border-radius: 3px; 66 | display: block; 67 | text-align: center; 68 | height: 38px; 69 | line-height: 38px; 70 | color: #fff; 71 | font-size: pxToRem(18); 72 | text-decoration: none; 73 | } 74 | 75 | .m-article__copyright{ 76 | font-size: pxToRem(14); 77 | color: #999; 78 | padding: 5px 0 15px; 79 | text-align: center; 80 | } 81 | 82 | /* 带播放标志视频缩略图组件 */ 83 | .u-videoimg{ 84 | position: relative; 85 | text-align: center; 86 | padding: 10px 0; 87 | a{ 88 | max-width: 90%; 89 | display: inline-block; 90 | img{ 91 | vertical-align: top; 92 | //display: block; 93 | max-width: 100%; 94 | } 95 | &:before{ 96 | content: ""; 97 | position: absolute; 98 | top: 50%; 99 | left: 50%; 100 | height: 50px; 101 | width: 50px; 102 | margin: -30px 0 0 -30px; 103 | border: 5px solid rgba(255,255,255,.6); 104 | @include radius(30px); 105 | } 106 | &:after{ 107 | content: ""; 108 | position: absolute; 109 | top: 50%; 110 | left: 50%; 111 | margin: -12px 0 0 -6px; 112 | @include u-arrow-right(12px 0 12px 18px,rgba(255,255,255,.6)); 113 | } 114 | } 115 | } 116 | 117 | 118 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_base.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 3 | // $Date: 2014-07-05 16:56:30 +0800 (Sat, 05 Jul 2014) $ 4 | // 5 | // 优化字体渲染 6 | // http://www.feeldesignstudio.com/2013/05/text-rendering 7 | html { 8 | text-rendering: optimizelegibility; 9 | } 10 | body { 11 | word-wrap: break-word; 12 | } 13 | img { 14 | // max-width: 100%; 15 | height: auto; 16 | vertical-align: middle; 17 | } 18 | i, em { 19 | font-style: normal; 20 | } 21 | ol, ul, menu { 22 | list-style: none outside none; 23 | } 24 | fieldset,iframe,abbr,acronym { 25 | border: 0 none; 26 | } 27 | dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr, 28 | article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 29 | margin: 0; padding: 0; 30 | } 31 | iframe { 32 | display: block; 33 | } 34 | textarea { 35 | resize: vertical; 36 | } 37 | // IE bug fixed: th 不继承 text-align 38 | th { 39 | text-align: inherit; 40 | } 41 | // 修正表单元素并不继承父级 font 的问题 42 | body, button, input, select, textarea { 43 | font-family: Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; 44 | } 45 | %clearfix{ 46 | *zoom: 1; 47 | &:before, 48 | &:after{ 49 | content: ""; 50 | display: table; 51 | line-height: 0; 52 | } 53 | &:after{ 54 | clear: both; 55 | } 56 | } 57 | // 清除浮动 58 | .clearfix { 59 | @extend %clearfix; 60 | } 61 | // 空白占位层 62 | $blank-step: 5; 63 | %blank { 64 | display: block; 65 | clear: both; 66 | overflow: hidden; 67 | } 68 | @for $i from 1 through 4 { 69 | .blank#{$blank-step*$i} { 70 | @extend %blank; 71 | } 72 | .blank#{$blank-step*$i} { 73 | height: #{$blank-step*$i}px; 74 | } 75 | } 76 | // 常用类 77 | .fr { 78 | float: right; 79 | _display: inline; 80 | } 81 | .fl { 82 | float: left; 83 | _display: inline; 84 | } 85 | .show { 86 | display: block; 87 | } 88 | .hide { 89 | display: none; 90 | } 91 | .hidden { 92 | display: none !important; 93 | visibility: hidden; 94 | } 95 | .left { 96 | text-align: left !important; 97 | } 98 | .right { 99 | text-align: right !important; 100 | } 101 | .center { 102 | text-align: center !important; 103 | } 104 | .indent { 105 | text-indent: 2em; 106 | } 107 | .highlight { 108 | color: #F30 !important; 109 | } 110 | .important { 111 | font-weight: 700 !important; 112 | } 113 | .no-border { 114 | border: 0 none !important; 115 | } 116 | .transparent { 117 | opacity: .0; 118 | filter: alpha(opacity=0); 119 | } 120 | -------------------------------------------------------------------------------- /app/templates/src4mobi/sass/base/_tool.scss: -------------------------------------------------------------------------------- 1 | /* @name: 转为REM单位fn 2 | * @ps: 默认宽度为750px 3 | */ 4 | @function toRem($px , $width: 750px) { 5 | // 动态尺寸单位 6 | $ppr: $width / 16 / 1rem; 7 | @return ($px / $ppr); 8 | } 9 | 10 | /* @name: 上下左右居中 (未知高度) 11 | * @ps: 需要设置父元素 display:table 12 | */ 13 | @mixin centers{ 14 | display:table-cell; 15 | vertical-align:middle; 16 | } 17 | 18 | /* @name: 上下左右居中 （确定高度）*/ 19 | @mixin centersHight{ 20 | position: absolute; 21 | left: 0; 22 | right: 0; 23 | top: 0; 24 | bottom: 0; 25 | margin: auto; 26 | } 27 | 28 | /* 29 | * @name: 文字溢出显示省略号 30 | * @ps: 需要设置宽度 31 | */ 32 | @mixin ellipsis{ 33 | white-space: nowrap; 34 | word-wrap: normal; 35 | overflow: hidden; 36 | text-overflow: ellipsis; 37 | text-align: left; 38 | } 39 | 40 | /* @name: 强制不换行 */ 41 | @mixin nowrap{ 42 | white-space: nowrap; 43 | word-wrap: normal; 44 | word-break: keep-all; 45 | } 46 | 47 | /* @name: 清除浮动 */ 48 | @mixin clearFix{ 49 | overflow: hidden; 50 | clear: both; 51 | } 52 | 53 | /* 54 | * @name: 三角形 55 | * @param: $size 大小 56 | * @param: $color 颜色 57 | * @param: $type {string} 类型 (up || down || left || right || topleft || topright || bottomleft || bottomright) 58 | */ 59 | @mixin triangle( 60 | $size: 50px, 61 | $type: up, 62 | $color: #6699FF 63 | ){ 64 | width: 0; 65 | height: 0; 66 | @if $type == up { 67 | border-left: $size/2 solid transparent; 68 | border-right: $size/2 solid transparent; 69 | border-bottom: $size solid $color; 70 | }@else if $type == down { 71 | border-left: $size/2 solid transparent; 72 | border-right: $size/2 solid transparent; 73 | border-top: $size solid $color; 74 | }@else if $type == left { 75 | border-top: $size/2 solid transparent; 76 | border-right: $size/2 solid $color; 77 | border-bottom: $size solid transparent; 78 | }@else if $type == right { 79 | border-top: $size/2 solid transparent; 80 | border-left: $size/2 solid $color; 81 | border-bottom: $size solid transparent; 82 | }@else if $type == topleft { 83 | border-top: $size solid $color; 84 | border-right: $size solid transparent; 85 | }@else if $type == topright { 86 | border-top: $size solid $color; 87 | border-left: $size solid transparent; 88 | }@else if $type == bottomleft { 89 | border-bottom: $size solid $color; 90 | border-right: $size solid transparent; 91 | }@else if $type == bottomright { 92 | border-bottom: $size solid $color; 93 | border-left: $size solid transparent; 94 | } 95 | } 96 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/base/base.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | @import "variables"; 4 | @import "normalize"; 5 | /* reset */ 6 | 7 | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 8 | a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, 9 | small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 10 | fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 11 | article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, 12 | time, mark, audio, video, input { 13 | margin: 0; 14 | padding: 0; 15 | border: none; 16 | outline: 0; 17 | font-size: 100%; 18 | font: inherit; 19 | vertical-align: baseline; 20 | font-weight: normal; 21 | text-rendering: optimizeLegibility; 22 | -webkit-font-smoothing: antialiased; 23 | } 24 | 25 | html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { 26 | -webkit-text-size-adjust: none; 27 | } 28 | body{ 29 | font-size: 100%; 30 | -webkit-text-size-adjust:100%; 31 | font-family: $font-family-default; 32 | } 33 | 34 | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 35 | display: block; 36 | } 37 | 38 | ol, ul { 39 | list-style: none; 40 | } 41 | 42 | blockquote, q { 43 | quotes: none; 44 | } 45 | 46 | ins { 47 | text-decoration: none; 48 | } 49 | 50 | del { 51 | text-decoration: line-through; 52 | } 53 | 54 | table { 55 | border-collapse: collapse; 56 | border-spacing: 0; 57 | } 58 | 59 | 60 | /* 去除tap高光 */ 61 | *{ 62 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 63 | } 64 | 65 | a{ 66 | text-decoration: none; 67 | } 68 | 69 | /* input标签默认样式 */ 70 | .mod-inputgroup { 71 | select, 72 | textarea, 73 | input[type="text"], 74 | input[type=search], 75 | input[type="password"], 76 | input[type="datetime"], 77 | input[type="datetime-local"], 78 | input[type="date"], 79 | input[type="month"], 80 | input[type="time"], 81 | input[type="week"], 82 | input[type="number"], 83 | input[type="email"], 84 | input[type="url"], 85 | input[type="tel"], 86 | input[type="color"]{ 87 | width: 100%; 88 | height: 44px; 89 | -webkit-tap-highlight-color:rgba(0,0,0,0); 90 | outline:none; 91 | padding: 10px; 92 | margin-bottom: 10px; 93 | background: #fff; 94 | border:1px solid #D1D1D1; 95 | border-radius: 3px; 96 | -webkit-appearance: none; 97 | box-sizing: border-box; 98 | } 99 | } 100 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_ui.dialog.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: dialog基础UI组件 4 | * @update: 2015-06-05 16:45:13 5 | */ 6 | 7 | /* 8 | * 默认dialog 9 | * @base 10 | */ 11 | $close-icon-width: 46px; // 关闭按钮宽度 12 | $close-icon-height: 44px; // 关闭按钮高度 13 | $close-icon: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAMAAAAtr3oOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAOVBMVEX////19fX+/v7y8vX///+oqKjz8/Xz8/b09Pb09Pf19ff29vj39/n4+Pn4+Pr5+fr5+fv6+vsAAABX36Q3AAAAA3RSTlPmTOc1ux8eAAAAAWJLR0QSe7xsAAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAIhJREFUSMft0tsKgDAIBmArbZ0P7/+yERHF/B1JDLrIu8GHuF+p4udFBXk4lz7OP//5ay5iv1D3u4g1GuYySsPZT6U1/urhgDaS2SXSVpAiUJu5Y81U+7oH3+zB0EYywdI492BquNUmlYm+mTaZoLrImKeLOh/vs/IhKx99fPLxOStffHz9EN8Aw/wgV5BHry4AAAAASUVORK5CYII="; // 关闭按钮背景图片链接地址 14 | $close-icon-hover: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAMAAAAtr3oOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAOVBMVEX////19fX+/v7y8vX////MzMzz8/Xz8/b09Pb09Pf19ff29vj39/n4+Pn4+Pr5+fr5+fv6+vsAAABAtFMnAAAAA3RSTlPmTOc1ux8eAAAAAWJLR0QSe7xsAAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAIhJREFUSMft0tsKgDAIBmArbZ0P7/+yERHF/B1JDLrIu8GHuF+p4udFBXk4lz7OP//5ay5iv1D3u4g1GuYySsPZT6U1/urhgDaS2SXSVpAiUJu5Y81U+7oH3+zB0EYywdI492BquNUmlYm+mTaZoLrImKeLOh/vs/IhKx99fPLxOStffHz9EN8Aw/wgV5BHry4AAAAASUVORK5CYII="; // 关闭按钮hover背景图链接地址 15 | 16 | .ui-dialog { 17 | outline: none; 18 | } 19 | .ui-dialog-close { 20 | position: absolute; 21 | right: 0; 22 | z-index: 9; 23 | width: $close-icon-width; 24 | height: 0; 25 | padding-top: $close-icon-height; 26 | overflow: hidden; 27 | background-image: url($close-icon); 28 | background-repeat: no-repeat; 29 | border-top-right-radius: 4px; 30 | &:hover { 31 | background-image: url($close-icon-hover); 32 | } 33 | } 34 | .ui-dialog__hd { 35 | position: relative; 36 | height: 22px; 37 | padding: 12px; 38 | border-bottom: 1px solid #f2f2f5; 39 | line-height: 22px; 40 | background-color: #fff; 41 | border-radius: 4px 4px 0 0; 42 | } 43 | .ui-dialog__tit { 44 | float: left; 45 | margin-right: 10px; 46 | font-size: 16px; 47 | font-weight: 700; 48 | } 49 | .ui-dialog__meta { 50 | font-size: 12px; 51 | color: #999; 52 | } 53 | .ui-dialog__bd { 54 | background-color: #fff; 55 | border-radius: 0 0 4px 4px; 56 | } 57 | 58 | 59 | /* 60 | * 带半透明边框dialog 61 | * @extend: border 62 | */ 63 | $border-width: 5px; // 边框大小 64 | $radius: 4px; // 边框圆角 65 | 66 | .ui-dialog { 67 | &.ext-border { 68 | padding: $border-width; 69 | border-radius: $radius; 70 | background-color: rgba(0, 0, 0, .2); 71 | .ui-dialog-close { 72 | right: $border-width; 73 | } 74 | } 75 | } 76 | -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_ui.dialog.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: dialog基础UI组件 4 | * @update: 2015-06-05 16:45:13 5 | */ 6 | 7 | /* 8 | * 默认dialog 9 | * @base 10 | */ 11 | $close-icon-width: 46px; // 关闭按钮宽度 12 | $close-icon-height: 44px; // 关闭按钮高度 13 | $close-icon: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAMAAAAtr3oOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAOVBMVEX////19fX+/v7y8vX///+oqKjz8/Xz8/b09Pb09Pf19ff29vj39/n4+Pn4+Pr5+fr5+fv6+vsAAABX36Q3AAAAA3RSTlPmTOc1ux8eAAAAAWJLR0QSe7xsAAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAIhJREFUSMft0tsKgDAIBmArbZ0P7/+yERHF/B1JDLrIu8GHuF+p4udFBXk4lz7OP//5ay5iv1D3u4g1GuYySsPZT6U1/urhgDaS2SXSVpAiUJu5Y81U+7oH3+zB0EYywdI492BquNUmlYm+mTaZoLrImKeLOh/vs/IhKx99fPLxOStffHz9EN8Aw/wgV5BHry4AAAAASUVORK5CYII="; // 关闭按钮背景图片链接地址 14 | $close-icon-hover: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAMAAAAtr3oOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAOVBMVEX////19fX+/v7y8vX////MzMzz8/Xz8/b09Pb09Pf19ff29vj39/n4+Pn4+Pr5+fr5+fv6+vsAAABAtFMnAAAAA3RSTlPmTOc1ux8eAAAAAWJLR0QSe7xsAAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAIhJREFUSMft0tsKgDAIBmArbZ0P7/+yERHF/B1JDLrIu8GHuF+p4udFBXk4lz7OP//5ay5iv1D3u4g1GuYySsPZT6U1/urhgDaS2SXSVpAiUJu5Y81U+7oH3+zB0EYywdI492BquNUmlYm+mTaZoLrImKeLOh/vs/IhKx99fPLxOStffHz9EN8Aw/wgV5BHry4AAAAASUVORK5CYII="; // 关闭按钮hover背景图链接地址 15 | 16 | .ui-dialog { 17 | outline: none; 18 | } 19 | .ui-dialog-close { 20 | position: absolute; 21 | right: 0; 22 | z-index: 9; 23 | width: $close-icon-width; 24 | height: 0; 25 | padding-top: $close-icon-height; 26 | overflow: hidden; 27 | background-image: url($close-icon); 28 | background-repeat: no-repeat; 29 | border-top-right-radius: 4px; 30 | &:hover { 31 | background-image: url($close-icon-hover); 32 | } 33 | } 34 | .ui-dialog__hd { 35 | position: relative; 36 | height: 22px; 37 | padding: 12px; 38 | border-bottom: 1px solid #f2f2f5; 39 | line-height: 22px; 40 | background-color: #fff; 41 | border-radius: 4px 4px 0 0; 42 | } 43 | .ui-dialog__tit { 44 | float: left; 45 | margin-right: 10px; 46 | font-size: 16px; 47 | font-weight: 700; 48 | } 49 | .ui-dialog__meta { 50 | font-size: 12px; 51 | color: #999; 52 | } 53 | .ui-dialog__bd { 54 | background-color: #fff; 55 | border-radius: 0 0 4px 4px; 56 | } 57 | 58 | 59 | /* 60 | * 带半透明边框dialog 61 | * @extend: border 62 | */ 63 | $border-width: 5px; // 边框大小 64 | $radius: 4px; // 边框圆角 65 | 66 | .ui-dialog { 67 | &.ext-border { 68 | padding: $border-width; 69 | border-radius: $radius; 70 | background-color: rgba(0, 0, 0, .2); 71 | .ui-dialog-close { 72 | right: $border-width; 73 | } 74 | } 75 | } 76 | -------------------------------------------------------------------------------- /more/templates/src4game1/tpl/partial/index-jobguide.ejs: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 |
5 |
6 |

职业攻略

7 |
8 | 9 | 链接1 10 | 链接2 11 | 链接3 12 | 链接4 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 | 65 |
66 |
67 |
68 |
69 |
70 |
71 | 72 |
73 |
-------------------------------------------------------------------------------- /more/templates/src4game1/sass/_slice.scss: -------------------------------------------------------------------------------- 1 | // CSS Sprites切片样式 2 | %back { 3 | width: 11px; 4 | height: 6px; 5 | background-image: url(../img/slice/back.png); 6 | background-repeat: no-repeat; 7 | } 8 | %hot { 9 | width: 15px; 10 | height: 13px; 11 | background-image: url(../img/slice/hot.png); 12 | background-repeat: no-repeat; 13 | } 14 | %i_normal { 15 | width: 12px; 16 | height: 12px; 17 | background-image: url(../img/slice/i_normal.png); 18 | background-repeat: no-repeat; 19 | } 20 | %i_selected { 21 | width: 12px; 22 | height: 12px; 23 | background-image: url(../img/slice/i_selected.png); 24 | background-repeat: no-repeat; 25 | } 26 | %icon-backtoTop-hover { 27 | width: 48px; 28 | height: 48px; 29 | background-image: url(../img/slice/icon-backtoTop-hover.png); 30 | background-repeat: no-repeat; 31 | } 32 | %icon-backtoTop { 33 | width: 48px; 34 | height: 48px; 35 | background-image: url(../img/slice/icon-backtoTop.png); 36 | background-repeat: no-repeat; 37 | } 38 | %icon-down { 39 | width: 16px; 40 | height: 16px; 41 | background-image: url(../img/slice/icon-down.png); 42 | background-repeat: no-repeat; 43 | } 44 | %icon-fav { 45 | width: 16px; 46 | height: 16px; 47 | background-image: url(../img/slice/icon-fav.png); 48 | background-repeat: no-repeat; 49 | } 50 | %icon-footlogo { 51 | width: 178px; 52 | height: 44px; 53 | background-image: url(../img/slice/icon-footlogo.png); 54 | background-repeat: no-repeat; 55 | } 56 | %icon-home { 57 | width: 16px; 58 | height: 14px; 59 | background-image: url(../img/slice/icon-home.png); 60 | background-repeat: no-repeat; 61 | } 62 | %icon-minus { 63 | width: 15px; 64 | height: 15px; 65 | background-image: url(../img/slice/icon-minus.png); 66 | background-repeat: no-repeat; 67 | } 68 | %icon-more { 69 | width: 9px; 70 | height: 9px; 71 | background-image: url(../img/slice/icon-more.png); 72 | background-repeat: no-repeat; 73 | } 74 | %icon-plus { 75 | width: 15px; 76 | height: 15px; 77 | background-image: url(../img/slice/icon-plus.png); 78 | background-repeat: no-repeat; 79 | } 80 | %icon-search { 81 | width: 18px; 82 | height: 18px; 83 | background-image: url(../img/slice/icon-search.png); 84 | background-repeat: no-repeat; 85 | } 86 | %icon-search1 { 87 | width: 18px; 88 | height: 18px; 89 | background-image: url(../img/slice/icon-search1.png); 90 | background-repeat: no-repeat; 91 | } 92 | %icon-video { 93 | width: 16px; 94 | height: 16px; 95 | background-image: url(../img/slice/icon-video.png); 96 | background-repeat: no-repeat; 97 | } 98 | %new { 99 | width: 15px; 100 | height: 13px; 101 | background-image: url(../img/slice/new.png); 102 | background-repeat: no-repeat; 103 | } 104 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/components/dropmenu.scss: -------------------------------------------------------------------------------- 1 | .m-nav-warpper{ 2 | -webkit-box-sizing: border-box; 3 | -moz-box-sizing: border-box; 4 | box-sizing: border-box; 5 | } 6 | .m-nav{ 7 | display: table; 8 | margin: 0 auto; 9 | } 10 | .m-nav-list{ 11 | position: relative; 12 | display: inline-block; 13 | .m-nav-droplist{ 14 | display: none; 15 | a{ 16 | display: block; 17 | padding: 8px; 18 | text-align: center; 19 | background-color: #3D9DEE; 20 | color: #fff; 21 | white-space:nowrap; 22 | } 23 | } 24 | .slide-down-menu{ 25 | @extend .animation; 26 | display: block; 27 | -webkit-animation-name: slidedown; 28 | -moz-animation-name: slidedown; 29 | -ms-animation-name: slidedown; 30 | -o-animation-name: slidedown; 31 | animation-name: slidedown; 32 | /*-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); 33 | box-shadow: 0 1px 1px rgba(0,0,0,.1);*/ 34 | } 35 | .m-droplist--center{ 36 | position: absolute; 37 | z-index: 1; 38 | -webkit-transform: translate(-50%, 0); 39 | left: 50%; 40 | 41 | } 42 | .m-droplist--left{ 43 | position: absolute; 44 | z-index: 1; 45 | -webkit-transform: translate(0, 0); 46 | left: 0; 47 | } 48 | .m-droplist--right{ 49 | position: absolute; 50 | z-index: 1; 51 | -webkit-transform: translate(0, 0); 52 | right: 0; 53 | } 54 | } 55 | .m-nav-list__item{ 56 | display: block; 57 | font-size: 16px; 58 | height: 44px; 59 | line-height: 44px; 60 | color: #fff; 61 | padding: 0 15px; 62 | } 63 | 64 | // .m-dropmenu-active{ 65 | // .handler{ 66 | // &:before{ 67 | // @include rotate(180deg); 68 | // } 69 | // } 70 | // ul{ 71 | // padding: 10px 0; 72 | // } 73 | // } 74 | 75 | 76 | @keyframes slidedown { 77 | 0% { 78 | -webkit-transform: translateY(-10px); 79 | -moz-transform: translateY(-10px); 80 | -ms-transform: translateY(-10px); 81 | -o-transform: translateY(-10px); 82 | transform: translateY(-10px); 83 | opacity: 0; 84 | } 85 | 100% { 86 | opacity: 1; 87 | -webkit-transform: translateY(0px); 88 | -moz-transform: translateY(0px); 89 | -ms-transform: translateY(0px); 90 | -o-transform: translateY(0px); 91 | transform: translateY(0px); 92 | } 93 | } 94 | @-webkit-keyframes slidedown { 95 | 0% { 96 | -webkit-transform: translateY(-10px); 97 | -moz-transform: translateY(-10px); 98 | -ms-transform: translateY(-10px); 99 | -o-transform: translateY(-10px); 100 | transform: translateY(-10px); 101 | opacity: 0; 102 | } 103 | 100% { 104 | opacity: 1; 105 | -webkit-transform: translateY(0px); 106 | -moz-transform: translateY(0px); 107 | -ms-transform: translateY(0px); 108 | -o-transform: translateY(0px); 109 | transform: translateY(0px); 110 | } 111 | } 112 | 113 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_ui.panel.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 区块面板基础UI组件 5 | * @update: 2015-06-03 16:23:03 6 | */ 7 | 8 | /* 9 | * 默认面板 10 | * @base 11 | */ 12 | $panel-font-size: 12px; // 面板字号 13 | $panel-hd-height: 36px; // 标题高度 14 | $tit-font-size: 14px; // 标题字号 15 | 16 | .ui-panel { 17 | font-size: $panel-font-size; 18 | *zoom: 1; 19 | } 20 | .ui-panel__hd { 21 | position: relative; 22 | height: $tit-font-size + 2; 23 | padding-top: 8px; 24 | padding-bottom: 8px; 25 | line-height: $tit-font-size + 2; 26 | .ui-lineList { 27 | margin-top: 1px; 28 | margin-right: -10px; 29 | } 30 | } 31 | .ui-panel__bd { 32 | padding-top: 10px; 33 | padding-bottom: 10px; 34 | } 35 | .ui-panel__tit { 36 | float: left; 37 | margin-right: 10px; 38 | font-size: $tit-font-size; 39 | font-weight: 700; 40 | color: #333; 41 | } 42 | .ui-panel__ico { 43 | float: left; 44 | width: 14px; 45 | height: 14px; 46 | margin-right: 5px; 47 | background-color: #666; 48 | } 49 | .ui-panel__meta { 50 | float: left; 51 | margin-top: 1px; 52 | margin-right: 10px; 53 | color: #999; 54 | } 55 | .ui-panel__more { 56 | float: right; 57 | } 58 | 59 | 60 | /* 61 | * 带边框的面板 62 | * @extend: border 63 | */ 64 | $title-bg-color: #f5f5f5; // 标题背景颜色 65 | $box-border-color: #ddd; // 边框颜色 66 | 67 | .ui-panel { 68 | &.ext-border { 69 | border: 1px solid $box-border-color; 70 | border-bottom: 0; 71 | .ui-panel__hd { 72 | padding: 10px; 73 | border-bottom: 1px solid $box-border-color; 74 | background-color: $title-bg-color; 75 | } 76 | .ui-panel__bd { 77 | padding: 10px; 78 | border-bottom: 1px solid $box-border-color; 79 | } 80 | } 81 | } 82 | 83 | 84 | /* 85 | * 弹窗外观的面板 86 | * @extend: pop 87 | */ 88 | $pop-border-width: 5px; // 半透明边框宽度 89 | $pop-border-radius: 5px; // 区块圆角 90 | 91 | .ui-panel { 92 | &.ext-pop { 93 | padding: $pop-border-width; 94 | border-radius: $pop-border-radius; 95 | @include transparent(#000, .1, true); 96 | .ui-panel__hd { 97 | padding: 10px; 98 | background-color: $title-bg-color; 99 | } 100 | .ui-panel__bd { 101 | padding: 10px; 102 | background-color: #fff; 103 | } 104 | .ui-panel__close { 105 | @include inline-block; 106 | width: 18px; 107 | height: 18px; 108 | margin-top: -4px; 109 | font-family: Helvetica, STHeiti; 110 | _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; 111 | font-size: 18px; 112 | text-align: center; 113 | line-height: 18px; 114 | color: #bbb; 115 | &:hover { 116 | color: #fff; 117 | background-color: #ddd; 118 | border-radius: 3px; 119 | } 120 | } 121 | } 122 | } 123 | 124 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_ui.paging.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 分页导航基础UI组件 5 | * @update: 2015-06-03 16:25:44 6 | */ 7 | 8 | /* 9 | * 默认分页导航 10 | * @base 11 | */ 12 | $paging-num-color: #666; // 分页码字体颜色 13 | 14 | .ui-paging { 15 | vertical-align: middle; 16 | zoom: 1; 17 | font-size: 0; /* 所有浏览器 */ 18 | *word-spacing: -1px; /* IE6/7 */ 19 | } 20 | @media (-webkit-min-device-pixel-ratio:0) { 21 | .ui-paging { 22 | letter-spacing: -5px; /* Safari 5- 等不支持 font-size: 0 的浏览器*/ 23 | } 24 | } 25 | .ui-paging { 26 | .ui-paging__item, 27 | .ui-paging__info, 28 | .ui-paging__which, 29 | .ui-paging__ellipsis { 30 | font-size: 12px; 31 | letter-spacing: normal; 32 | word-spacing: normal; 33 | } 34 | } 35 | .ui-paging__item { 36 | @include inline-block; 37 | padding: 5px 8px; 38 | margin-right: 10px; 39 | line-height: 1; 40 | border-radius: 3px; 41 | color: $paging-num-color; 42 | border: 1px solid #fff; 43 | 44 | /* ===状态类（当前）=== */ 45 | &.is-current { 46 | color: $primary-text-color; 47 | background-color: $primary-color; 48 | border-color: $primary-color; 49 | &:hover { 50 | background-color: $primary-color; 51 | border-color: $primary-color; 52 | } 53 | } 54 | 55 | /* ===状态类（禁用）=== */ 56 | &.is-disabled { 57 | filter: none; 58 | cursor: default; 59 | } 60 | } 61 | a.ui-paging__item { 62 | &:hover { 63 | text-decoration: none; 64 | color: $paging-num-color; 65 | background-color: $heading-bg-color; 66 | border-color: $heading-bg-color; 67 | } 68 | } 69 | .ui-paging__ellipsis, 70 | .ui-paging__info { 71 | margin-right: 10px; 72 | } 73 | .ui-paging__info { 74 | @include inline-block; 75 | } 76 | .ui-paging__which { 77 | width: 22px; 78 | height: 20px; 79 | line-height: 20px; 80 | padding: 0 6px; 81 | margin-right: 10px; 82 | border: 1px solid #ccc; 83 | vertical-align: middle; 84 | text-align: center; 85 | } 86 | 87 | 88 | /* 89 | * 完整型分页导航 90 | * @extend: primary 91 | */ 92 | .ui-paging { 93 | &.ext-full { 94 | .ui-paging__item { 95 | background-color: $heading-bg-color; 96 | border-color: $heading-bg-color; 97 | &.is-current { 98 | color: $primary-text-color; 99 | background-color: $primary-color; 100 | border-color: $primary-color; 101 | } 102 | &.is-disabled { 103 | color: $disabled-text-color; 104 | background-color: $disabled-bg-color; 105 | border-color: $disabled-bg-color; 106 | } 107 | } 108 | a.ui-paging__item { 109 | &:hover { 110 | color: $primary-text-color; 111 | background-color: $primary-color; 112 | border-color: $primary-color; 113 | } 114 | } 115 | } 116 | } 117 | 118 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/components/slider.scss: -------------------------------------------------------------------------------- 1 | /*slider基础样式*/ 2 | 3 | /*slider_normal*/ 4 | .m-slider{ 5 | width: 100%; 6 | overflow: hidden; 7 | position: relative; 8 | } 9 | .m-slider__wrap{ 10 | @include clearfix(); 11 | a{ 12 | float: left; 13 | position: relative; 14 | text-align: center; 15 | } 16 | img{ 17 | width: 100%; 18 | display: block; 19 | } 20 | } 21 | 22 | .m-slider__trigger{ 23 | position: absolute; 24 | bottom: 10px; 25 | right: 10px; 26 | >li{ 27 | width: 8px; 28 | height: 8px; 29 | float: left; 30 | margin-right: 4px; 31 | background-color: #fff; 32 | &.current{ 33 | background-color: #3D9DEE; 34 | } 35 | } 36 | } 37 | 38 | /*slider_loop*/ 39 | .m-sliderloop{ 40 | overflow: hidden; 41 | background-color: #000; 42 | } 43 | .m-sliderloop-wrap{ 44 | width: 320px; 45 | margin: 0 auto; 46 | overflow: visible; 47 | position:relative; 48 | -webkit-backface-visibility:hidden; 49 | -moz-backface-visibility:hidden; 50 | -ms-backface-visibility:hidden; 51 | -o-backface-visibility:hidden; 52 | backface-visibility:hidden; 53 | z-index:1; 54 | } 55 | .m-sliderloop-scroll{ 56 | background: #000; 57 | display: -webkit-box; 58 | display: -ms-flexbox; 59 | display: box; 60 | -webkit-box-pack: left; 61 | -ms-flex-pack: left; 62 | -ms-box-pack: left; 63 | box-pack: left; 64 | -webkit-box-orient: horizontal; 65 | -ms-box-orient: horizontal; 66 | box-orient: horizontal; 67 | -webkit-transform: translate(0,0); 68 | -moz-transform: translate(0,0); 69 | -ms-transform: translate(0,0); 70 | -o-transform: translate(0,0); 71 | transform: translate(0,0); 72 | 73 | position:relative; 74 | -webkit-transition-property:-webkit-transform, left, top; 75 | -webkit-transition-duration:0s; 76 | -webkit-transform:translate3d(0px,0,0); 77 | -webkit-transition-timing-function:ease; 78 | 79 | -moz-transition-property:-moz-transform, left, top; 80 | -moz-transition-duration:0s; 81 | -moz-transform:translate3d(0px,0,0); 82 | -moz-transition-timing-function:ease; 83 | 84 | -o-transition-property:-o-transform, left, top; 85 | -o-transition-duration:0s; 86 | -o-transform:translate3d(0px,0,0); 87 | -o-transition-timing-function:ease; 88 | -o-transform:translate(0px,0px); 89 | 90 | -ms-transition-property:-ms-transform, left, top; 91 | -ms-transition-duration:0s; 92 | -ms-transform:translate3d(0px,0,0); 93 | -ms-transition-timing-function:ease; 94 | 95 | transition-property:transform, left, top; 96 | transition-duration:0s; 97 | transform:translate3d(0px,0,0); 98 | transition-timing-function:ease; 99 | .m-slider-con{ 100 | width: 320px; 101 | height: 158px; 102 | opacity: 0.4; 103 | display: block; 104 | text-align: -webkit-match-parent; 105 | a{ 106 | display: block; 107 | position: relative; 108 | height: 158px; 109 | } 110 | img{ 111 | vertical-align: top; 112 | width: 320px; 113 | height: 158px; 114 | border: 0; 115 | } 116 | &.current{ 117 | opacity: 1; 118 | } 119 | } 120 | } 121 | -------------------------------------------------------------------------------- /app/templates/src4mobi/README.md: -------------------------------------------------------------------------------- 1 | # YY UED 2015移动端解决方案（纯净版） 2 | 3 | 4 | ### 目录结构： 5 | 6 | src----sass---base---_base.scss // 基础样式 7 | | | | 8 | | | | 9 | | | |-_tool.scss // 工具类使用样式 10 | | |---_slice.scss // 切片样式文件 11 | | | 12 | | |---_global.scss // 需要导入的全局公共样式 13 | | | 14 | | |---index.scss // 自定义样式文件 15 | | 16 | |---css 17 | | 18 | |---js---index.js // 自定义脚本文件 19 | | | 20 | | | 21 | | |---module----header.js.... // 自定义模块脚本文件 22 | | 23 | |---img---slice // 工作流切片图片文件夹 24 | | 25 | | 26 | | 27 | |---tpl---partial---header.ejs.... // HTML模板库文件夹 28 | | | 29 | | | 30 | | |--index.ejs.... // 调用用HTML模板文件 31 | | 32 | | 33 | |---index.html 34 | 35 | 36 | 37 | --- 38 | 39 | ### 公用部分 40 | 41 | 1. SASS 42 | 43 | 页面样式需要引入 全局公共SCSS文件： 44 | 脚手架生成 src/sass/_global.scss 45 | ps: 无须编译的sass文件，命名需要带下划线开头 46 | 47 | 2. JS 48 | 49 | 页面脚本seaJS模块化配置脚本： 50 | http://assets.dwstatic.com/mobile/src/js/main/seajs/sea-lego.js 51 | 52 | 可直接加载模块包括： 53 | paths: { 54 | 'legoPath': 'http://assets.dwstatic.com/mobile/src/js/' 55 | }, 56 | alias: { 57 | 'zepto': 'legoPath/main/zepto/zepto.min.js', // 基础核心zepto包 58 | 'touch': 'legoPath/main/zepto/zepto.touch.js', // zepto tap等事件扩展包 59 | 'fx': 'legoPath/main/zepto/zepto.fx.js', // zepto animate等方法扩展包 60 | 'scroll': 'legoPath/main/zepto/zepto.scroll.js', // zepto scrollTop等方法扩展包 61 | 'expand': 'legoPath/module/expand/expand.js', // zepto 自定义方法扩展包 62 | 'swiper': 'legoPath/module/swiper/swiper.min.js', // swiper(轮播)核心包 63 | 'iscroll': 'legoPath/module/iscroll/iscroll.js', // iscroll(滑动)核心包 64 | 'hammer': 'legoPath/module/iscroll/hammer.min.js', // hammer(手势)核心包 65 | 'hbURL': 'legoPath/module/hideBrowserURL/hideBrowserURL.js',// 隐藏UCQQ等浏览器地址栏 66 | } 67 | 68 | --- 69 | 70 | ### REM布局 71 | 72 | 1. 自动设置头部viewport，头部引入JS脚本 73 | 74 | 75 | 76 | 直接使用方式，如： 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 模板页 85 | 86 | 87 | 88 | 2. Sass工具类模块已包含REM转换函数： 89 | 90 | /* @name: 转为REM单位fn 91 | * @ps: 默认宽度为750px 92 | */ 93 | @function toRem($px , $width: 750px) { 94 | // 动态尺寸单位 95 | $ppr: $width / 16 / 1rem; 96 | @return ($px / $ppr); 97 | } 98 | 99 | 直接使用方式，如： 100 | 101 | #div{ 102 | width: 100%; 103 | height: toRem(100px); 104 | background-color: red; 105 | } 106 | -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_ui.panel.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 区块面板基础UI组件 5 | * @update: 2015-06-03 16:23:03 6 | */ 7 | 8 | /* 9 | * 默认面板 10 | * @base 11 | */ 12 | $panel-font-size: 12px; // 面板字号 13 | $panel-hd-height: 36px; // 标题高度 14 | $tit-font-size: 14px; // 标题字号 15 | 16 | .ui-panel { 17 | font-size: $panel-font-size; 18 | *zoom: 1; 19 | } 20 | .ui-panel__hd { 21 | position: relative; 22 | height: $tit-font-size + 2; 23 | padding-top: 8px; 24 | padding-bottom: 8px; 25 | line-height: $tit-font-size + 2; 26 | .ui-lineList { 27 | margin-top: 1px; 28 | margin-right: -10px; 29 | } 30 | } 31 | .ui-panel__bd { 32 | padding-top: 10px; 33 | padding-bottom: 10px; 34 | } 35 | .ui-panel__tit { 36 | float: left; 37 | margin-right: 10px; 38 | font-size: $tit-font-size; 39 | font-weight: 700; 40 | color: #333; 41 | } 42 | .ui-panel__ico { 43 | float: left; 44 | width: 14px; 45 | height: 14px; 46 | margin-right: 5px; 47 | background-color: #666; 48 | } 49 | .ui-panel__meta { 50 | float: left; 51 | margin-top: 1px; 52 | margin-right: 10px; 53 | color: #999; 54 | } 55 | .ui-panel__more { 56 | float: right; 57 | } 58 | 59 | 60 | /* 61 | * 带边框的面板 62 | * @extend: border 63 | */ 64 | $title-bg-color: #f5f5f5; // 标题背景颜色 65 | $box-border-color: #ddd; // 边框颜色 66 | 67 | .ui-panel { 68 | &.ext-border { 69 | border: 1px solid $box-border-color; 70 | border-bottom: 0; 71 | .ui-panel__hd { 72 | padding: 10px; 73 | border-bottom: 1px solid $box-border-color; 74 | background-color: $title-bg-color; 75 | } 76 | .ui-panel__bd { 77 | padding: 10px; 78 | border-bottom: 1px solid $box-border-color; 79 | } 80 | } 81 | } 82 | 83 | 84 | /* 85 | * 弹窗外观的面板 86 | * @extend: pop 87 | */ 88 | $pop-border-width: 5px; // 半透明边框宽度 89 | $pop-border-radius: 5px; // 区块圆角 90 | 91 | .ui-panel { 92 | &.ext-pop { 93 | padding: $pop-border-width; 94 | border-radius: $pop-border-radius; 95 | @include transparent(#000, .1, true); 96 | .ui-panel__hd { 97 | padding: 10px; 98 | background-color: $title-bg-color; 99 | } 100 | .ui-panel__bd { 101 | padding: 10px; 102 | background-color: #fff; 103 | } 104 | .ui-panel__close { 105 | @include inline-block; 106 | width: 18px; 107 | height: 18px; 108 | margin-top: -4px; 109 | font-family: Helvetica, STHeiti; 110 | _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; 111 | font-size: 18px; 112 | text-align: center; 113 | line-height: 18px; 114 | color: #bbb; 115 | &:hover { 116 | color: #fff; 117 | background-color: #ddd; 118 | border-radius: 3px; 119 | } 120 | } 121 | } 122 | } 123 | 124 | -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_ui.paging.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* 4 | * @file: 分页导航基础UI组件 5 | * @update: 2015-06-03 16:25:44 6 | */ 7 | 8 | /* 9 | * 默认分页导航 10 | * @base 11 | */ 12 | $paging-num-color: #666; // 分页码字体颜色 13 | 14 | .ui-paging { 15 | vertical-align: middle; 16 | zoom: 1; 17 | font-size: 0; /* 所有浏览器 */ 18 | *word-spacing: -1px; /* IE6/7 */ 19 | } 20 | @media (-webkit-min-device-pixel-ratio:0) { 21 | .ui-paging { 22 | letter-spacing: -5px; /* Safari 5- 等不支持 font-size: 0 的浏览器*/ 23 | } 24 | } 25 | .ui-paging { 26 | .ui-paging__item, 27 | .ui-paging__info, 28 | .ui-paging__which, 29 | .ui-paging__ellipsis { 30 | font-size: 12px; 31 | letter-spacing: normal; 32 | word-spacing: normal; 33 | } 34 | } 35 | .ui-paging__item { 36 | @include inline-block; 37 | padding: 5px 8px; 38 | margin-right: 10px; 39 | line-height: 1; 40 | border-radius: 3px; 41 | color: $paging-num-color; 42 | border: 1px solid #fff; 43 | 44 | /* ===状态类（当前）=== */ 45 | &.is-current { 46 | color: $primary-text-color; 47 | background-color: $primary-color; 48 | border-color: $primary-color; 49 | &:hover { 50 | background-color: $primary-color; 51 | border-color: $primary-color; 52 | } 53 | } 54 | 55 | /* ===状态类（禁用）=== */ 56 | &.is-disabled { 57 | filter: none; 58 | cursor: default; 59 | } 60 | } 61 | a.ui-paging__item { 62 | &:hover { 63 | text-decoration: none; 64 | color: $paging-num-color; 65 | background-color: $heading-bg-color; 66 | border-color: $heading-bg-color; 67 | } 68 | } 69 | .ui-paging__ellipsis, 70 | .ui-paging__info { 71 | margin-right: 10px; 72 | } 73 | .ui-paging__info { 74 | @include inline-block; 75 | } 76 | .ui-paging__which { 77 | width: 22px; 78 | height: 20px; 79 | line-height: 20px; 80 | padding: 0 6px; 81 | margin-right: 10px; 82 | border: 1px solid #ccc; 83 | vertical-align: middle; 84 | text-align: center; 85 | } 86 | 87 | 88 | /* 89 | * 完整型分页导航 90 | * @extend: primary 91 | */ 92 | .ui-paging { 93 | &.ext-full { 94 | .ui-paging__item { 95 | background-color: $heading-bg-color; 96 | border-color: $heading-bg-color; 97 | &.is-current { 98 | color: $primary-text-color; 99 | background-color: $primary-color; 100 | border-color: $primary-color; 101 | } 102 | &.is-disabled { 103 | color: $disabled-text-color; 104 | background-color: $disabled-bg-color; 105 | border-color: $disabled-bg-color; 106 | } 107 | } 108 | a.ui-paging__item { 109 | &:hover { 110 | color: $primary-text-color; 111 | background-color: $primary-color; 112 | border-color: $primary-color; 113 | } 114 | } 115 | } 116 | } 117 | 118 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_ui.carousel.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: 旋转木马基础UI组件 4 | * @update: 2015-06-03 16:33:54 5 | */ 6 | 7 | /* 8 | * 默认旋转木马 9 | * @base 10 | */ 11 | $carousel-x-width: 440px; // 主体宽度 12 | $carousel-x-per-number: 5; // 每一页item个数 13 | $carousel-x-item-height: 80px; // item高度 14 | $carousel-x-item-width: 80px; // item宽度 15 | $carousel-x-spacing: 10px; // item间距 16 | $carousel-x-switch-btn-width: 24px; // 翻页按钮宽度 17 | 18 | .ui-carousel { 19 | position: relative; 20 | width: $carousel-x-per-number*$carousel-x-item-width+($carousel-x-per-number - 1)*$carousel-x-spacing; 21 | padding: 0 $carousel-x-switch-btn-width+$carousel-x-spacing; 22 | } 23 | .ui-carousel__scroller { 24 | width: $carousel-x-per-number*$carousel-x-item-width+($carousel-x-per-number - 1)*$carousel-x-spacing; 25 | height: $carousel-x-item-height; 26 | overflow: hidden; 27 | } 28 | .ui-carousel__content { 29 | width: 100000px !important; /* 修正carousel组件自生成的长度值太大导致低版本IE不显示的bug */ 30 | height: $carousel-x-item-height; 31 | } 32 | .ui-carousel__item { 33 | float: left; 34 | width: $carousel-x-item-width; 35 | height: $carousel-x-item-height; 36 | margin-right: $carousel-x-spacing; 37 | } 38 | .ui-carousel__prev, 39 | .ui-carousel__next { 40 | position: absolute; 41 | top: 0; 42 | width: $carousel-x-switch-btn-width; 43 | height: $carousel-x-item-height; 44 | line-height: $carousel-x-item-height; 45 | cursor: pointer; 46 | text-align: center; 47 | &.is-disabled { 48 | color: #ccc; 49 | cursor: default; 50 | } 51 | .ui-icon { 52 | font-size: 24px; 53 | } 54 | } 55 | .ui-carousel__prev { 56 | left: 0; 57 | } 58 | .ui-carousel__next { 59 | right: 0; 60 | } 61 | .ui-carousel__controller { 62 | margin-top: 5px; 63 | text-align: center; 64 | .ui-carousel__prev { 65 | margin-right: 5px; 66 | } 67 | } 68 | 69 | 70 | /* 71 | * 纵向旋转木马 72 | * @extend: vertical 73 | */ 74 | $carousel-y-width: 300px; // 主体宽度 75 | $carousel-y-per-number: 5; // 每一页item个数 76 | $carousel-y-item-width: 300px; // item宽度 77 | $carousel-y-item-height: 50px; // item高度 78 | $carousel-y-spacing: 10px; // item间距 79 | $carousel-y-switch-btn-height: 24px; // 翻页按钮高度 80 | 81 | .ui-carousel { 82 | &.ext-vertical { 83 | width: $carousel-y-width; 84 | padding: 29px 0; 85 | .ui-carousel__content { 86 | width: auto !important; 87 | height: auto; 88 | } 89 | .ui-carousel__scroller { 90 | width: $carousel-y-width; 91 | height: $carousel-y-per-number*$carousel-y-item-height+($carousel-y-per-number - 1)*$carousel-y-spacing; 92 | overflow: hidden; 93 | } 94 | .ui-carousel__item { 95 | float: none; 96 | width: auto; 97 | height: $carousel-y-item-height; 98 | padding: $carousel-y-spacing/2 0; 99 | margin: 0; 100 | } 101 | .ui-carousel__prev, 102 | .ui-carousel__next { 103 | width: $carousel-y-width; 104 | height: $carousel-y-switch-btn-height; 105 | line-height: $carousel-y-switch-btn-height; 106 | } 107 | .ui-carousel__prev { 108 | top: 0; 109 | left: 0; 110 | } 111 | .ui-carousel__next { 112 | top: auto; 113 | right: 0; 114 | bottom: 0; 115 | } 116 | } 117 | } 118 | -------------------------------------------------------------------------------- /more/templates/src4game1/tpl/partial/article.ejs: -------------------------------------------------------------------------------- 1 |
2 |

HELLO大家好，我是超控团灯火，这是我在不删档测试里做的第二篇攻略，今天给大家带来一个我们超控团从来都没做过的内容，就是高级怪的特殊技能介绍以及应对方法，大家在将近两个礼拜对游戏的体验，应该已经对疾风之刃这款游戏大体上比较熟悉了，在这里还是扫盲一下，高级怪物就是蓝色名字的精英怪，区别于BOSS和普通小怪。

3 |

　Part1.蓝名精英怪的小秘密

4 |

①蓝名精英怪都是有特殊技能的，要注意应对方法。

5 |

②不要被带有催促、粘性爆炸的高级怪和小怪群围攻。

6 |

③对付有虚张声势的怪物先把小怪杀光，如果同时出现两个虚张声势，自认倒霉。

7 |

④看清是否是免疫类型技能的高级怪，防止技能丢空。

8 |

⑤要注意领域类技能，不要不注意被毒死了。

9 |

Part2.高级怪物特殊技能大汇总

10 |

1.沼泽地

11 |

点击放大

12 |

沼泽地这个技能会在怪物脚下生成一个土黄色的范围领域，站在里面不会掉血但会减攻速和移速，沼泽地是自动生成的，不管怪物是被击飞还是击晕，沼泽地都会自动释放。

13 |

2.雄心

14 |

雄心.jpg

15 |

拥有雄心效果的怪物身边会有几个红色的小球，在受到程度的攻击后，小球会消失，同时怪物进入持续霸体状态，破霸体技能是破除不了雄心的，只能等雄心持续时间结束或者击杀该怪物。

16 |

三个步骤教你上古世纪滑翔翼升级 新手必看

17 |

18 | 三个步骤教你上古世纪滑翔翼升级 新手必看 19 |

20 |
21 | 22 | 点击进入论坛参与原帖讨论 > 23 | 24 | 25 |
26 | 上一页 27 | 1 28 | 2 29 | 3 30 | 4 31 | 下一页 32 |
33 | 34 | 35 | 36 |
37 |
38 |

相关推荐

39 |
40 |
41 | 52 |
53 |
54 | 55 | 56 | 57 |
58 |
59 | 更多资讯尽在多玩最终幻想14专区 60 |
61 |
62 | 63 |
64 |
65 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/mod/_face.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | %i_normal { 3 | width: 12px; 4 | height: 12px; 5 | background-image: url(../img/slice/i_normal.png); 6 | background-repeat: no-repeat; 7 | } 8 | 9 | %i_selected { 10 | width: 12px; 11 | height: 12px; 12 | background-image: url(../img/slice/i_selected.png); 13 | background-repeat: no-repeat; 14 | } 15 | 16 | %p { 17 | line-height: 1.5; 18 | margin: 0; 19 | } 20 | %mid { 21 | display: block; 22 | margin: 0 auto; 23 | } 24 | 25 | .ZQ-articlevote { 26 | // padding: 17px 16px; 27 | .m-list--news{ 28 | padding-top: 14px; 29 | padding-bottom: 2px; 30 | li{ 31 | height: 28px; 32 | line-height: 28px; 33 | } 34 | } 35 | } 36 | .vote-system { 37 | // padding: 15px; 38 | padding: 32px 31px ; 39 | border: 1px solid #EFEFEF; 40 | } 41 | // .vote-system__hd {} 42 | .vote-system__bd { 43 | padding-right: 160px; 44 | position: relative; 45 | @include clearfix; 46 | } 47 | .vote-system__tit { 48 | font-size: 14px; 49 | @extend %p; 50 | } 51 | .vote-system__color { 52 | color: #f00; 53 | font-style: normal; 54 | } 55 | .vote-system__opts { 56 | text-align: center; 57 | @include float; 58 | width: 100%; 59 | table { 60 | width: 100%; 61 | } 62 | } 63 | .vote-system__opt { 64 | padding-top: 15px + 10; 65 | text-align: center; 66 | font-size: 0px; 67 | } 68 | .vote-system__result { 69 | width: 50px; 70 | height: 50px; 71 | padding-bottom: 5px; 72 | position: relative; 73 | left:50%; 74 | margin-left: -25px; 75 | *left:0; 76 | *margin-left: 0; 77 | } 78 | .vote-system__chart { 79 | position: absolute; 80 | bottom: 0; 81 | left: 50%; 82 | width: 12px; 83 | max-height: 100%; 84 | margin-left: -6px; 85 | } 86 | .vote-system__value { 87 | display: block; 88 | width: 50px; 89 | text-align: center; 90 | font-size: 14px; 91 | line-height: 15px; 92 | position: relative; 93 | top: -15px; 94 | left: -25px + 6; 95 | } 96 | .vote-system__img { 97 | @extend %mid; 98 | height: 50px; 99 | width: 50px; 100 | } 101 | .vote-system__txt { 102 | @extend %mid; 103 | font-size: 14px; 104 | line-height: 1.5; 105 | margin: 5px auto; 106 | } 107 | .vote-system__btn { 108 | @extend %mid; 109 | @extend %i_normal; 110 | cursor: pointer; 111 | user-select: none; 112 | -webkit-user-select:none; 113 | -moz-user-select:none; 114 | } 115 | .vote-system__btn--selected { 116 | @extend %i_selected; 117 | cursor: default; 118 | pointer-events: none; 119 | } 120 | .vote-system__aside { 121 | @include float; 122 | width: 0; 123 | } 124 | .vote-system__like { 125 | width: 140px - 30; 126 | height: 150px - 30; 127 | background: #fbfbfb; 128 | margin-top: 35px; 129 | padding: 15px; 130 | text-align: center; 131 | } 132 | .vote-system__total { 133 | @extend %p; 134 | font-weight: bold; 135 | font-size: 20px; 136 | padding-top: 10px; 137 | } 138 | .vote-system__ding { 139 | @extend %p; 140 | font-weight: bold; 141 | color: #fff; 142 | margin: 10px auto; 143 | cursor: pointer; 144 | height: 34px; 145 | line-height: 34px; 146 | } 147 | .vote-system__share { 148 | font-size: 12px; 149 | @extend %p; 150 | } 151 | 152 | 153 | 154 | 155 | .vote-system__forecolor { 156 | background: nth($base-link-color , 2); 157 | } 158 | .vote-system__background { 159 | background: #fff; 160 | } -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_ui.carousel.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: 旋转木马基础UI组件 4 | * @update: 2015-06-03 16:33:54 5 | */ 6 | 7 | /* 8 | * 默认旋转木马 9 | * @base 10 | */ 11 | $carousel-x-width: 440px; // 主体宽度 12 | $carousel-x-per-number: 5; // 每一页item个数 13 | $carousel-x-item-height: 80px; // item高度 14 | $carousel-x-item-width: 80px; // item宽度 15 | $carousel-x-spacing: 10px; // item间距 16 | $carousel-x-switch-btn-width: 24px; // 翻页按钮宽度 17 | 18 | .ui-carousel { 19 | position: relative; 20 | width: $carousel-x-per-number*$carousel-x-item-width+($carousel-x-per-number - 1)*$carousel-x-spacing; 21 | padding: 0 $carousel-x-switch-btn-width+$carousel-x-spacing; 22 | } 23 | .ui-carousel__scroller { 24 | width: $carousel-x-per-number*$carousel-x-item-width+($carousel-x-per-number - 1)*$carousel-x-spacing; 25 | height: $carousel-x-item-height; 26 | overflow: hidden; 27 | } 28 | .ui-carousel__content { 29 | width: 100000px !important; /* 修正carousel组件自生成的长度值太大导致低版本IE不显示的bug */ 30 | height: $carousel-x-item-height; 31 | } 32 | .ui-carousel__item { 33 | float: left; 34 | width: $carousel-x-item-width; 35 | height: $carousel-x-item-height; 36 | margin-right: $carousel-x-spacing; 37 | } 38 | .ui-carousel__prev, 39 | .ui-carousel__next { 40 | position: absolute; 41 | top: 0; 42 | width: $carousel-x-switch-btn-width; 43 | height: $carousel-x-item-height; 44 | line-height: $carousel-x-item-height; 45 | cursor: pointer; 46 | text-align: center; 47 | &.is-disabled { 48 | color: #ccc; 49 | cursor: default; 50 | } 51 | .ui-icon { 52 | font-size: 24px; 53 | } 54 | } 55 | .ui-carousel__prev { 56 | left: 0; 57 | } 58 | .ui-carousel__next { 59 | right: 0; 60 | } 61 | .ui-carousel__controller { 62 | margin-top: 5px; 63 | text-align: center; 64 | .ui-carousel__prev { 65 | margin-right: 5px; 66 | } 67 | } 68 | 69 | 70 | /* 71 | * 纵向旋转木马 72 | * @extend: vertical 73 | */ 74 | $carousel-y-width: 300px; // 主体宽度 75 | $carousel-y-per-number: 5; // 每一页item个数 76 | $carousel-y-item-width: 300px; // item宽度 77 | $carousel-y-item-height: 50px; // item高度 78 | $carousel-y-spacing: 10px; // item间距 79 | $carousel-y-switch-btn-height: 24px; // 翻页按钮高度 80 | 81 | .ui-carousel { 82 | &.ext-vertical { 83 | width: $carousel-y-width; 84 | padding: 29px 0; 85 | .ui-carousel__content { 86 | width: auto !important; 87 | height: auto; 88 | } 89 | .ui-carousel__scroller { 90 | width: $carousel-y-width; 91 | height: $carousel-y-per-number*$carousel-y-item-height+($carousel-y-per-number - 1)*$carousel-y-spacing; 92 | overflow: hidden; 93 | } 94 | .ui-carousel__item { 95 | float: none; 96 | width: auto; 97 | height: $carousel-y-item-height; 98 | padding: $carousel-y-spacing/2 0; 99 | margin: 0; 100 | } 101 | .ui-carousel__prev, 102 | .ui-carousel__next { 103 | width: $carousel-y-width; 104 | height: $carousel-y-switch-btn-height; 105 | line-height: $carousel-y-switch-btn-height; 106 | } 107 | .ui-carousel__prev { 108 | top: 0; 109 | left: 0; 110 | } 111 | .ui-carousel__next { 112 | top: auto; 113 | right: 0; 114 | bottom: 0; 115 | } 116 | } 117 | } 118 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/mod/_site-foot.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | /* 专区底部 */ 4 | .ZQ__foot{ 5 | #footer{ 6 | background-color: #222222; 7 | padding: 22px 0 22px 0; 8 | p,a,.foot-nav{ 9 | color: #666; 10 | } 11 | } 12 | } 13 | 14 | /* 友情链接 */ 15 | .ZQ__friend{ 16 | background-color: #2D2D2D; 17 | .duowan{ 18 | position: absolute; 19 | top: 28px; 20 | left: 0px; 21 | } 22 | .inner{ 23 | position: relative; 24 | *zoom: 1; 25 | width: 1136px; 26 | margin: 0 auto; 27 | @include clearfix(); 28 | padding: 10px 0 10px 0px; 29 | } 30 | .label{ 31 | display: inline-block; *display: inline; *zoom: 1; 32 | margin-bottom: 7px; 33 | position: relative; 34 | z-index: 5; 35 | padding-right: 16px; 36 | background-color: #2D2D2D; 37 | em{ 38 | display: inline-block; *display: inline; *zoom: 1; 39 | background-color: #222222; 40 | color: #999; 41 | font-size: 14px; 42 | font-family: "Microsoft YaHei", sans-serif; 43 | padding: 0px 9px 0px 9px; 44 | height: 25px; 45 | line-height: 25px; 46 | } 47 | } 48 | .link{ 49 | overflow: hidden; 50 | *zoom: 1; 51 | font-size: 0px; 52 | margin-bottom: -3px; 53 | a{ 54 | display: inline-block; *display: inline; *zoom: 1; 55 | padding: 0 11px 0 10px; 56 | border-left: 1px solid #464646; 57 | position: relative; 58 | margin-left: -1px; 59 | font-size: 12px; 60 | color: #999; 61 | line-height: 1.1em; 62 | margin-bottom: 7px; 63 | } 64 | } 65 | } 66 | 67 | /* 网站地图 */ 68 | .ZQ__map{ 69 | background-color: #EAEAEA; 70 | .inner{ 71 | width: 1136px; 72 | margin: 0 auto; 73 | @include clearfix(); 74 | overflow: hidden; 75 | padding: 20px 0; 76 | position: relative; 77 | zoom: 1; 78 | } 79 | .map-list{ 80 | font-size: 0px; 81 | position: relative; 82 | margin-left: -1px; 83 | float: left; 84 | display: inline; 85 | } 86 | .list{ 87 | width: 145px - 15; 88 | padding: 0 15px; 89 | @include inline-block; 90 | text-align: center; 91 | border-left: 1px solid #DBDBDB; 92 | font-size: 0; 93 | vertical-align: top; 94 | a,span{ 95 | font-size: 12px; 96 | display: block; 97 | } 98 | .label{ 99 | display: block; 100 | *zoom: 1; 101 | text-align: center; 102 | font-weight: bold; 103 | color: #888; 104 | height: 26px; 105 | line-height: 26px; 106 | } 107 | li{ 108 | text-align: center; 109 | height: 26px; 110 | line-height: 26px; 111 | overflow: hidden; 112 | } 113 | a{ 114 | color: #888; 115 | } 116 | } 117 | .foot-action{ 118 | text-align: center; 119 | height:45px - 10; 120 | background-color: #e4e4e4; 121 | padding-top: 10px; 122 | font-size: 0px; 123 | .search{ 124 | position: relative; 125 | @include inline-block; 126 | width: 400px; 127 | background-color: #eeeeee; 128 | border-radius:4px; 129 | border:1px solid #E2E2E2; 130 | input{ 131 | font-size: 12px; 132 | line-height: 24px; 133 | height:24px; 134 | padding: 0px 30px 0px 4px; 135 | width: 144px + 220; 136 | color: #BCBCBC; 137 | border: none; 138 | background-color: transparent; 139 | display:block; 140 | &:focus{ 141 | outline: none; 142 | } 143 | } 144 | .submit{ 145 | position: absolute; 146 | top: 50%; 147 | right: 5px; 148 | background-image: url("../img/slice/icon-search1.png"); 149 | width: 18px; 150 | height: 18px; 151 | text-indent: -200%; 152 | overflow: hidden; 153 | margin-top: -9px; 154 | font-size: 0px; 155 | outline: 0 none; 156 | } 157 | } 158 | .connect{ 159 | font-weight: bold; 160 | color:#999999; 161 | font-size: 14px; 162 | font-family: "Microsoft YaHei",sans-serif; 163 | padding-left: 30px; 164 | display:inline-block; 165 | line-height: 26px; 166 | } 167 | } 168 | } -------------------------------------------------------------------------------- /more/templates/src4game1/tpl/partial/zq-foot.ejs: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | 5 |
6 |
7 |
8 | 9 | 10 | 搜索 11 |
12 | 联系主编 13 |
14 |
15 | 16 |
17 |
18 | 24 | 30 | 39 | 48 | 54 | 60 | 66 |
67 | 68 |
69 |
70 | 71 |
72 |
73 |

74 | 友情链接 75 | 5253手游网多玩风暴英雄多玩DNFNEOTV LOLNEOTV LOLLOL图片5253手游网多玩风暴英雄多玩DNFNEOTV LOLNEOTV LOLLOL图片5253手游网多玩风暴英雄多玩DNFNEOTV LOLNEOTV LOLLOL图片 76 |

77 |
78 |
79 | <% include duowan-siteinfo %> 80 |
81 | -------------------------------------------------------------------------------- /more/templates/src4legomobi/sass/legomobi/components/refresh.scss: -------------------------------------------------------------------------------- 1 | .m-refresh-inner{ 2 | height: auto; 3 | .m-refresh-icon{ 4 | display: inline-block; 5 | width: 25px; 6 | height: 25px; 7 | vertical-align: middle; 8 | background: url('../img/r-flip.png') no-repeat; 9 | -webkit-background-size: 25px 25px; 10 | -webkit-transition-property: -webkit-transform; 11 | -webkit-transition-duration: 400ms; 12 | -webkit-transition-timing-function: ease-in-out; 13 | } 14 | .m-refresh-label{ 15 | display: inline-block; 16 | vertical-align: middle; 17 | color: #2E435D; 18 | } 19 | .m-loading{ 20 | display: inline-block; 21 | width: 25px; 22 | height: 25px; 23 | text-indent: -10000px; 24 | background: url('../img/loading.png') 0 0 no-repeat; 25 | -webkit-animation-name: m-loading-anim; 26 | -webkit-animation-duration: 1s; 27 | -webkit-animation-iteration-count: infinite; 28 | -webkit-animation-timing-function: step-start; 29 | -webkit-background-size: 25px 25px; 30 | vertical-align: middle; 31 | -webkit-transition-duration: 0ms; /*停止flip动画*/ 32 | } 33 | } 34 | .m-refresh-down{ 35 | background: #fff; 36 | padding: 1em 10px; 37 | border-top: 1px solid #ccc; 38 | font-size: pxToRem(14); 39 | color: #888; 40 | text-align: center; 41 | .m-refresh-icon{ 42 | -webkit-transform: rotate(180deg) translateZ(0); 43 | } 44 | .m-refresh-flip{ 45 | -webkit-transform: rotate(0deg) translateZ(0); 46 | } 47 | } 48 | .m-refresh-up{ 49 | background: #fff; 50 | padding: 1em 10px; 51 | border-bottom: 1px solid #ccc; 52 | font-size: pxToRem(14); 53 | color: #888; 54 | text-align: center; 55 | .m-refresh-flip{ 56 | -webkit-transform: rotate(180deg) translateZ(0); 57 | } 58 | } 59 | 60 | @-webkit-keyframes m-loading-anim { 61 | from { 62 | -webkit-transform: rotate(0deg); 63 | } 64 | 8.32% { 65 | -webkit-transform: rotate(0deg); 66 | } 67 | 8.33% { 68 | -webkit-transform: rotate(30deg); 69 | } 70 | 16.65% { 71 | -webkit-transform: rotate(30deg); 72 | } 73 | 16.66% { 74 | -webkit-transform: rotate(60deg); 75 | } 76 | 24.99% { 77 | -webkit-transform: rotate(60deg); 78 | } 79 | 25% { 80 | -webkit-transform: rotate(90deg); 81 | } 82 | 33.32% { 83 | -webkit-transform: rotate(90deg); 84 | } 85 | 33.33% { 86 | -webkit-transform: rotate(120deg); 87 | } 88 | 41.65% { 89 | -webkit-transform: rotate(120deg); 90 | } 91 | 41.66% { 92 | -webkit-transform: rotate(150deg); 93 | } 94 | 49.99% { 95 | -webkit-transform: rotate(150deg); 96 | } 97 | 50% { 98 | -webkit-transform: rotate(180deg); 99 | } 100 | 58.32% { 101 | -webkit-transform: rotate(180deg); 102 | } 103 | 58.33% { 104 | -webkit-transform: rotate(210deg); 105 | } 106 | 66.65% { 107 | -webkit-transform: rotate(210deg); 108 | } 109 | 66.66% { 110 | -webkit-transform: rotate(240deg); 111 | } 112 | 74.99% { 113 | -webkit-transform: rotate(240deg); 114 | } 115 | 75% { 116 | -webkit-transform: rotate(270deg); 117 | } 118 | 83.32% { 119 | -webkit-transform: rotate(270deg); 120 | } 121 | 83.33% { 122 | -webkit-transform: rotate(300deg); 123 | } 124 | 91.65% { 125 | -webkit-transform: rotate(300deg); 126 | } 127 | 91.66% { 128 | -webkit-transform: rotate(330deg); 129 | } 130 | 99.99% { 131 | -webkit-transform: rotate(330deg); 132 | } 133 | to { 134 | -webkit-transform: rotate(360deg); 135 | } 136 | } -------------------------------------------------------------------------------- /more/templates/src4game1/js/main.js: -------------------------------------------------------------------------------- 1 | (function($,w){ 2 | //'use strict'; 3 | 4 | //定义专区对象 5 | // w.ZQ = {}; 6 | 7 | /** 8 | * [imageLightbox 专区文章页，文章内容图片格式化，为文章内图片添加lightbox插件功能] 9 | * @return {[type]} [description] 10 | */ 11 | ZQ.imageLightbox = function(){ 12 | var imgList, 13 | articalTitle; 14 | 15 | var _init = function(){ 16 | 17 | //动态脚本缓存 18 | $.ajaxSetup({ 19 | cache: true 20 | }); 21 | 22 | //添加lightbox插件样式，脚本 23 | var cssHtml = ''; 24 | $("head").append(cssHtml); 25 | $.getScript("http://assets.dwstatic.com/common/lib/lightbox/js/lightbox.js"); 26 | 27 | 28 | //文章图片 29 | imgList = $( "#text img" ); 30 | //文章题目 31 | articalTitle = $("h1").text(); 32 | imgList.each(function(index, el) { 33 | var isA=$(this).parent()[0].tagName; 34 | var w=$(this).width(); 35 | var pWidth=$(this).parents('#text').width(); 36 | if(isA != "A"){ 37 | if(w > (pWidth - 2)){ 38 | $(this).css('width',pWidth+'px'); 39 | $(this).wrap(''); 40 | // $(this).parent().css('display','block') 41 | } 42 | } else{ 43 | if(w >= pWidth){ 44 | $(this).css('width',pWidth+'px'); 45 | // $(this).parent().css('display','block') 46 | } 47 | } 48 | 49 | }); 50 | } 51 | 52 | $(function(){ 53 | _init(); 54 | }) 55 | } 56 | 57 | /** 58 | * [aniHead 头图视差移动] 59 | * @type {Object} 60 | */ 61 | ZQ.aniHead = { 62 | speed : 1200, 63 | zqhead : "", 64 | scrollSign : 1, 65 | scrollTem : 0, 66 | init : function(){ 67 | var _this = this; 68 | if( this.zqhead == "" ){ 69 | this.zqhead = $(".ZQ__head"); 70 | this.scrollTem = $("body").scrollTop(); 71 | } 72 | this.scrollControl(); 73 | }, 74 | scrollControl : function(){ 75 | var _this = this; 76 | $(w).scroll(function(event) { 77 | var tem = $("body").scrollTop() - _this.scrollTem; 78 | _this.scrollTem = $("body").scrollTop(); 79 | if( $("body").scrollTop() > 50 && tem > 0 ){ 80 | _this.scrollImage( 1 ); 81 | } 82 | else if( $("body").scrollTop() < 50 && tem < 0 ){ 83 | _this.scrollImage( -1 ); 84 | } 85 | /* Act on the event */ 86 | }); 87 | }, 88 | scrollImage : function(scroll){ 89 | var add, 90 | _this = this; 91 | //已经进行滚动后，不向下滚动 92 | if( this.scrollSign == 0 && scroll > 0 ){ 93 | return; 94 | } 95 | //未进行滚动，不向上滚动 96 | else if( this.scrollSign == 1 && scroll < 0 ){ 97 | return; 98 | } 99 | else{ 100 | if( scroll > 0 ) 101 | { 102 | add = "+=50"; 103 | this.scrollSign = 0; 104 | } 105 | else{ 106 | add = "-=50"; 107 | this.scrollSign = 1; 108 | } 109 | this.zqhead.animate({ 110 | "background-position-y": add }, 111 | _this.speed, function() { 112 | /* stuff to do after animation is complete */ 113 | 114 | }); 115 | } 116 | } 117 | } 118 | 119 | 120 | 121 | })(jQuery,window); -------------------------------------------------------------------------------- /more/templates/src4legopc/sass/lego/_button.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: 按钮基础UI组件 4 | * @update: 2015-06-07 17:57:18 5 | */ 6 | 7 | /* 8 | * 默认按钮 9 | * @base 10 | * @param: button-variant(字体颜色, 背景色, 边框颜色) 11 | * @param: button-size($padding-vertical, $padding-horizontal, $font-size, $border-radius) 12 | */ 13 | 14 | /* 按钮大小配置 */ 15 | $btn-height: 30px !default; // 按钮高度 16 | $btn-padding-horizontal: 18px !default; // 按钮padding left/right值 17 | $btn-font-size: 12px !default; // 按钮字号大小 18 | $btn-radius: 2px !default; // 按钮圆角值 19 | 20 | /* 默认按钮配色 */ 21 | $btn-color: #288ad6 !default; // 字体颜色 22 | $btn-bg: #fff !default; // 背景色 23 | $btn-border: #288ad6 !default; // 边框颜色 24 | 25 | /* 禁用按钮配置 */ 26 | $disabled-btn-color: #999 !default; // 字体颜色 27 | $disabled-btn-bg: #f5f5f5 !default; // 背景色 28 | $disabled-btn-border: #e6e6e6 !default; // 边框颜色 29 | 30 | .ui-btn { 31 | @include inline-block; 32 | @include button-size(($btn-height - $btn-font-size)/2 - 1, $btn-padding-horizontal, $btn-font-size, $btn-radius); 33 | @include button-variant($btn-color, $btn-bg, $btn-border); 34 | width: auto; // 宽度自适应 35 | line-height: 1; // 重置某些浏览器内置的私有属性默认定义的行高 36 | border-width: 1px; 37 | border-style: solid; 38 | cursor: pointer; 39 | text-align: center; 40 | vertical-align: middle; 41 | *overflow: visible; // fix IE6/IE67 button随着字变宽 42 | user-select: none; 43 | transition: all .2s ease-in-out; 44 | 45 | /* 46 | * 激活状态 47 | * @state: active 48 | */ 49 | &.is-active, 50 | &:active { 51 | outline: 0; // 隐藏点击时的outline 52 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, .08); 53 | } 54 | 55 | /* 56 | * 禁用状态 57 | * @state: disabled 58 | */ 59 | &.is-disabled, 60 | &[disabled] { 61 | cursor: not-allowed; 62 | color: $disabled-btn-color!important; 63 | background-color: $disabled-btn-bg!important; 64 | border-color: $disabled-btn-border!important; 65 | &.is-active, 66 | &:active { 67 | box-shadow: none; 68 | } 69 | } 70 | } 71 | a.ui-btn { 72 | text-decoration: none; 73 | &:hover { 74 | text-decoration: none; 75 | } 76 | } 77 | input.ui-btn, 78 | button.ui-btn { 79 | *padding: ($btn-height - $btn-font-size)/2 - 2 $btn-padding-horizontal - 1 ($btn-height - $btn-font-size)/2 - 3; // IE6/IE67在垂直方向会高出3px，水平方向多出2px 80 | } 81 | 82 | 83 | /* 84 | * 首选按钮 85 | * @extend: primary 86 | * @param: button-variant(字体颜色, 背景色, 边框颜色) 87 | */ 88 | 89 | .ui-btn { 90 | &.ext-primary { 91 | @include button-variant($primary-text-color, $primary-color, $primary-color); 92 | } 93 | } 94 | 95 | 96 | /* 97 | * 成功按钮 98 | * @extend: success 99 | * @param: button-variant(字体颜色, 背景色, 边框颜色) 100 | */ 101 | 102 | .ui-btn { 103 | &.ext-success { 104 | @include button-variant($success-text-color, $success-color, $success-color); 105 | } 106 | } 107 | 108 | /* 109 | * 信息按钮 110 | * @extend: info 111 | * @param: button-variant(字体颜色, 背景色, 边框颜色) 112 | */ 113 | 114 | .ui-btn { 115 | &.ext-info { 116 | @include button-variant($info-text-color, $info-color, $info-color); 117 | } 118 | } 119 | 120 | /* 121 | * 警告按钮 122 | * @extend: warning 123 | * @param: button-variant(字体颜色, 背景色, 边框颜色) 124 | */ 125 | 126 | .ui-btn { 127 | &.ext-warning { 128 | @include button-variant($warning-text-color, $warning-color, $warning-color); 129 | } 130 | } 131 | 132 | /* 133 | * 危险按钮 134 | * @extend: danger 135 | * @param: button-variant(字体颜色, 背景色, 边框颜色) 136 | */ 137 | 138 | .ui-btn { 139 | &.ext-danger { 140 | @include button-variant($danger-text-color, $danger-color, $danger-color); 141 | } 142 | } 143 | 144 | 145 | /* 146 | * 块状按钮 147 | * @extend: block 148 | */ 149 | .ui-btn { 150 | &.ext-block { 151 | display: block; 152 | text-align: center; 153 | } 154 | } 155 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/mod/_site-head.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | /* 专区头部 */ 4 | .ZQ__head{ 5 | height: 430px; 6 | background-image: url("../img/zq-bg.jpg"); 7 | background-position: 50% 0px; 8 | background-repeat: no-repeat; 9 | overflow: hidden; 10 | } 11 | 12 | /* 头部样式 */ 13 | .ZQ__topnav{ 14 | padding-top: 280px; 15 | width: 1136px; 16 | margin: 0 auto; 17 | @include clearfix(); 18 | .bbs{ 19 | float: right; 20 | *display: inline; 21 | background-color: nth($base-link-color,2); 22 | font-size: 0px; 23 | border: 1px solid #30333B; 24 | cursor: pointer; 25 | span{ 26 | cursor: pointer; 27 | display: inline-block; *display: inline; *zoom: 1; 28 | font-size: 26px; 29 | color: #ebf1ff; 30 | text-align: center; 31 | line-height: 66px; 32 | height: 66px; 33 | width: 190px; 34 | border: 1px solid #4378D7; 35 | } 36 | } 37 | .nav{ 38 | overflow: hidden; 39 | background-color:transparent;background-color:rgba(23,23,26,0.85); 40 | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d817171A,endColorstr=#d817171A); 41 | zoom:1; 42 | ul{ 43 | font-size: 0px; 44 | position: relative; 45 | margin-left: -20px; 46 | } 47 | li{ 48 | display: inline-block; *display: inline; *zoom: 1; 49 | text-align: center; 50 | height: 70px; 51 | line-height: 70px; 52 | padding-left: 50px; 53 | a{ 54 | color: #B9BFCD; 55 | font-size: 18px; 56 | } 57 | } 58 | li.current{ 59 | a{ 60 | color: #fff; 61 | } 62 | } 63 | } 64 | } 65 | :root .nav{ 66 | filter:none\9 67 | }/*for IE9*/ 68 | 69 | .ZQ__topguide{ 70 | background-color: #1F232E; 71 | padding: 10px 20px 0 20px; 72 | height:70px; 73 | @include clearfix(); 74 | overflow: hidden; 75 | .guide-nav{ 76 | width: 920px; 77 | @include clearfix(); 78 | position: relative; 79 | margin-left: -4px; 80 | // overflow: hidden; 81 | zoom: 1; 82 | .list{ 83 | @include float; 84 | width: 450px; 85 | margin-bottom: 10px; 86 | height: 25px; 87 | font-size: 14px; 88 | //margin-left: 16px; 89 | } 90 | .label{ 91 | float: left; 92 | *display: inline; 93 | height: 25px; 94 | line-height: 25px; 95 | padding: 0 8px; 96 | background-color: #101722; 97 | color: #477EE0; 98 | text-align: center; 99 | font-size: 14px; 100 | } 101 | ul{ 102 | @include clearfix; 103 | li{ 104 | @include float; 105 | height: 25px; 106 | line-height: 25px; 107 | font-size: 14px; 108 | margin-left: 12px; 109 | } 110 | a{ 111 | color: #7D86A2; 112 | display:block; 113 | } 114 | a:hover{ 115 | color: #169FFF; 116 | } 117 | } 118 | } 119 | .function-search{ 120 | float: right; 121 | display: inline; 122 | width: 176px; 123 | overflow: hidden; 124 | *zoom: 1; 125 | a{ 126 | position: relative; 127 | *zoom: 1; 128 | padding-left: 21px; 129 | color: #169FFF; 130 | } 131 | .download{ 132 | i{ 133 | position: absolute; 134 | top: 0px; 135 | left: 0px; 136 | width: 16px; 137 | height: 16px; 138 | background-image: url("../img/slice/icon-down.png"); 139 | } 140 | } 141 | .fav{ 142 | margin-left: 10px; 143 | i{ 144 | position: absolute; 145 | top: 0px; 146 | left: 0px; 147 | width: 16px; 148 | height: 16px; 149 | background-image: url("../img/slice/icon-fav.png"); 150 | } 151 | } 152 | .search{ 153 | position: relative; 154 | *zoom: 1; 155 | margin-top: 10px; 156 | input{ 157 | border: none; 158 | background-color: #1E2028; 159 | padding: 9px 30px 9px 5px; 160 | width: 141px; 161 | color: #315BA6; 162 | &:focus{ 163 | outline: none; 164 | } 165 | } 166 | a.submit{ 167 | position: absolute; 168 | top: 50%; 169 | right: 5px; 170 | height: 18px; 171 | width: 18px; 172 | background-image: url("../img/slice/icon-search.png"); 173 | text-indent: -100%; 174 | font-size: 0px; 175 | overflow: hidden; 176 | padding: 0px; 177 | margin-top: -9px; 178 | } 179 | } 180 | } 181 | } -------------------------------------------------------------------------------- /more/templates/src4game1/tpl/partial/zq-head.ejs: -------------------------------------------------------------------------------- 1 |
2 |
3 | 进入论坛 4 |
5 | 15 |
16 | 17 |
18 | 19 |
20 |

21 | 下载游戏 22 | 注册游戏 23 |

24 |
25 | 30 |
31 |
32 | 33 |
34 | 35 |
36 | 新手指引 37 | 44 |
45 | 46 | 47 |
48 | 游戏相关 49 | 58 |
59 | 60 | 61 |
62 | 常用攻略 63 | 73 |
74 | 75 | 76 |
77 | 生产 78 | 87 |
88 | 89 |
90 |
91 | 92 |
93 |
-------------------------------------------------------------------------------- /more/templates/src4game1/sass/lego/_ui.figure.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 3 | * @file: 图片列表基础UI组件 4 | * @update: 2015-06-05 16:45:29 5 | */ 6 | 7 | /* 8 | * 默认图片列表 9 | * @base 10 | */ 11 | $img-width: 130px; // 图片宽度 12 | $img-height: 90px; // 图片高度 13 | $item-margin-right: 10px; // item右方外边距 14 | $item-margin-bottom: 10px; // item下方外边距 15 | $mask-height: 24px; // 遮罩层高度 16 | $mask-line-height: 24px; // 遮罩层行高 17 | 18 | .ui-figure { 19 | margin-right: -$item-margin-right; 20 | font-size: 0; // 所有浏览器 21 | *word-spacing: -1px; // IE6/7 22 | } 23 | @media (-webkit-min-device-pixel-ratio:0) { 24 | .ui-figure { 25 | letter-spacing: -5px; // Safari 5- 等不支持 font-size: 0 的浏览器 26 | } 27 | } 28 | .ui-figure__item { 29 | @include inline-block(top, true); 30 | width: $img-width; 31 | margin-right: $item-margin-right; 32 | margin-bottom: $item-margin-bottom; 33 | font-size: 12px; 34 | letter-spacing: normal; 35 | word-spacing: normal; 36 | overflow: hidden; 37 | } 38 | .ui-figure__bd { 39 | position: relative; 40 | display: block; 41 | height: $img-height; // 如不需兼容IE6，可使用100% 42 | } 43 | a.ui-figure__bd { 44 | cursor: pointer; 45 | &:hover { 46 | text-decoration: none; 47 | } 48 | } 49 | .ui-figure__img { 50 | width: $img-width; 51 | height: $img-height; 52 | overflow: hidden; 53 | } 54 | .ui-figure__mask { 55 | position: absolute; 56 | right: 0; 57 | bottom: 0; 58 | width: 100%; 59 | height: $mask-height; 60 | line-height: $mask-line-height; 61 | text-indent: 5px; 62 | color: #fff; 63 | overflow: hidden; 64 | @include transparent(#000, .5, true); 65 | } 66 | .ui-figure__sign { 67 | float: left; 68 | margin-right: 5px; 69 | } 70 | .ui-figure__meta { 71 | display: block; 72 | margin-right: 5px; 73 | overflow: hidden; 74 | *zoom: 1; 75 | text-align: right; 76 | } 77 | .ui-figure__caption { 78 | display: block; 79 | margin-top: 5px; 80 | font-size: 12px; 81 | font-weight: normal; 82 | } 83 | 84 | 85 | /* 86 | * 以下为带变量参数的公用类，可方便拷贝并新建无冗余的扩展类 87 | */ 88 | 89 | /* 90 | .ui-figure { 91 | &.ext-name { 92 | margin-right: -$item-margin-right; 93 | .ui-figure__item { 94 | width: $img-width; 95 | margin-right: $item-margin-right; 96 | margin-bottom: $item-margin-bottom; 97 | } 98 | .ui-figure__bd { 99 | height: $img-height; //如不需兼容IE6，可使用100% 100 | } 101 | .ui-figure__img { 102 | width: $img-width; 103 | height: $img-height; 104 | } 105 | .ui-figure__mask { 106 | height: $mask-height; 107 | line-height: $mask-line-height; 108 | text-indent: 5px; 109 | } 110 | } 111 | } 112 | */ 113 | 114 | 115 | /* 116 | * 全屏封面 117 | * @extend: cover 118 | */ 119 | .ui-figure { 120 | &.ext-cover { 121 | .ui-figure__bd { 122 | overflow: hidden; 123 | &:hover, 124 | &.is-hover { 125 | .ui-figure__mask { 126 | bottom: 0; 127 | } 128 | } 129 | } 130 | .ui-figure__mask { 131 | bottom: -100%; 132 | height: 100%; 133 | line-height: 1.5; 134 | text-indent: 0; 135 | transition: bottom .2s ease-out 0; 136 | -webkit-backface-visibility: hidden; 137 | -webkit-transform-style: preserve-3d; 138 | } 139 | } 140 | } 141 | 142 | 143 | /* 144 | * 遮罩自适应 145 | * @extend: autoMask 146 | */ 147 | .ui-figure { 148 | &.ext-autoMask { 149 | .ui-figure__mask { 150 | width: auto; 151 | } 152 | } 153 | } 154 | 155 | 156 | /* 157 | * 无遮罩 158 | * @extend: noMask 159 | */ 160 | .ui-figure { 161 | &.ext-noMask { 162 | .ui-figure__mask { 163 | background: none; 164 | filter: none; 165 | } 166 | } 167 | } 168 | 169 | 170 | /* 171 | * 有边框 172 | * @extend: border 173 | */ 174 | $figure-border-color: #ddd; 175 | .ui-figure { 176 | &.ext-border { 177 | .ui-figure__item { 178 | padding: 2px; 179 | border: 1px solid $figure-border-color; 180 | } 181 | .ui-figure__caption { 182 | padding: 0 5px 5px; 183 | } 184 | } 185 | } 186 | 187 | 188 | -------------------------------------------------------------------------------- /more/templates/src4game1/sass/mod/_hero.scss: -------------------------------------------------------------------------------- 1 | .index-hero{ 2 | font-size: 0px; 3 | border:1px solid #efefef; 4 | padding: 10px 0px 13px 12px; 5 | background-color: #FFF; 6 | position: relative; 7 | z-index: 999; 8 | .hero-group{ 9 | @include inline-block; 10 | margin-right: 6px; 11 | 12 | label{ 13 | display:inline-block; 14 | padding:4px 8px; 15 | font-size: 12px; 16 | color:#ffffff; 17 | background-color: #9a7a54; 18 | width: 12px; 19 | height:60px - 8; 20 | line-height: 1em; 21 | vertical-align: middle; 22 | margin-right: 10px; 23 | } 24 | } 25 | .hero-list{ 26 | @include inline-block; 27 | vertical-align: middle; 28 | height:60px; 29 | font-size: 0px; 30 | @include clearfix; 31 | li{ 32 | position: relative; 33 | // @include inline-block; 34 | float: left; 35 | // margin-right: 10px; 36 | padding-right: 10px; 37 | cursor: pointer; 38 | padding-bottom: 15px; 39 | width:60px; 40 | height:60px; 41 | a,img{ 42 | display:block; 43 | width:60px; 44 | height:60px; 45 | } 46 | } 47 | .mask{ 48 | border:3px solid #d47301; 49 | background-color: transparent; 50 | overflow: hidden; 51 | width:54px; 52 | height:54px; 53 | position: absolute; 54 | left:0px; 55 | top:0px; 56 | display:none; 57 | z-index: 2; 58 | } 59 | .selected{ 60 | .mask{ 61 | display:block; 62 | } 63 | .icon-triangle{ 64 | display:inline-block; 65 | } 66 | } 67 | .icon-triangle{ 68 | width:0px; 69 | height:0px; 70 | overflow: hidden; 71 | border-width:4px; 72 | border-style:dashed dashed solid dashed; 73 | border-color:transparent transparent #8d6143 transparent; 74 | position: absolute; 75 | left:26px; 76 | top:64px; 77 | display:none; 78 | } 79 | } 80 | .hero-con{ 81 | width:1134px; 82 | height:247px; 83 | border: 1px solid #dddddd; 84 | border-top:2px solid #8a5d3e; 85 | position: absolute; 86 | left:-1px; 87 | top:82px; 88 | background-color: #efefef; 89 | z-index: 20; 90 | @include box-shadow(0px,2px,6px,rgba(0,0,0,.1)); 91 | } 92 | .gl-group{ 93 | @include clearfix; 94 | } 95 | .title{ 96 | color:#333333; 97 | font-size: 16px; 98 | line-height: 36px; 99 | height:36px; 100 | font-weight: normal; 101 | @include inline-block; 102 | // float: left; 103 | } 104 | .hreo-close{ 105 | position: absolute; 106 | right:16px; 107 | top:12px; 108 | height:22px; 109 | line-height: 22px; 110 | width:62px - 28; 111 | padding-left: 28px; 112 | color:#666666; 113 | font-size: 12px; 114 | background-color: #dddddd; 115 | i{ 116 | width:11px; 117 | height:6px; 118 | position: absolute; 119 | left:11px; 120 | top:50%; 121 | margin-top: -3px; 122 | background-image: url("../img/slice/back.png"); 123 | 124 | } 125 | &:hover{ 126 | text-decoration: none; 127 | } 128 | } 129 | } 130 | // 英雄攻略 131 | .hero-gl{ 132 | float: left; 133 | width:319px; 134 | padding:0 15px; 135 | overflow: hidden; 136 | .box-hd{ 137 | padding-top: 8px; 138 | border-bottom: 1px solid #ccc; 139 | height:36px; 140 | @include clearfix; 141 | } 142 | .box-bd{ 143 | padding-top: 12px; 144 | } 145 | .act{ 146 | float: right; 147 | height:36px; 148 | line-height: 36px; 149 | .more{ 150 | position: relative; 151 | padding-left: 13px; 152 | zoom:1; 153 | font-size: 12px; 154 | } 155 | i{ 156 | position: absolute; 157 | top:50%; 158 | left:0px; 159 | margin-top: -4px; 160 | width:9px; 161 | height:9px; 162 | font-size: 0px; 163 | background-image: url("../img/slice/icon-more.png"); 164 | } 165 | } 166 | .m-list{ 167 | a{ 168 | width:300px; 169 | display:inline-block; 170 | @include ellipsis; 171 | word-wrap:normal; 172 | } 173 | } 174 | } 175 | //副本攻略 176 | .hero-fb{ 177 | float: left; 178 | width:753px; 179 | padding: 0 15px; 180 | overflow: hidden; 181 | .box-hd{ 182 | border-bottom: 1px solid #ccc; 183 | padding-top: 8px; 184 | } 185 | .box-bd{ 186 | padding-top: 20px; 187 | } 188 | .mod-pic--video li img{ 189 | width:174px; 190 | height:118px; 191 | border:none; 192 | } 193 | .mod-pic--video li{ 194 | width:174px; 195 | // font-size: 0px; 196 | } 197 | .mod-pic--video li .video-time{ 198 | width:174px - 10; 199 | top:93px; 200 | @include ellipsis; 201 | font-size: 14px; 202 | text-align: left; 203 | } 204 | } 205 | --------------------------------------------------------------------------------