diff --git a/README.md b/README.md new file mode 100755 index 0000000..9740fd1 --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +#super_mario \ No newline at end of file diff --git a/css/base.mixin.less b/css/base.mixin.less new file mode 100755 index 0000000..f20f6ce --- /dev/null +++ b/css/base.mixin.less @@ -0,0 +1,115 @@ +.edge (@distance: 0) { + margin: @distance; + padding: @distance; +} +.appearance (@value: none) { + -webkit-appearance: @value; + /*-moz-appearance: none;*/ + -ms-appearance: @value; + -o-appearance: @value; + appearance: @value; +} +.font-smoothing (@value: antialiased){ + -webkit-font-smoothing: @value; + -moz-font-smoothing: @value; + -ms-font-smoothing: @value; + -o-font-smoothing: @value; + font-smoothing: @value; +} +.text-rendering (@value: optimizeLegibility){ + -webkit-text-rendering: @value; + -moz-text-rendering: @value; + -ms-text-rendering: @value; + -o-text-rendering: @value; + text-rendering: @value; +} +.linear-gradient (@from; @to; @ieFrom; @ieTo; @unsupported) { + background: @unsupported; + background: -webkit-gradient(linear, left top, left bottom, from(@from),to(@to)); + background: -webkit-linear-gradient(top, @from, @to); + background: -moz-linear-gradient(top, @from, @to); + background: -o-linear-gradient(top, @from, @to); + background: -ms-linear-gradient(top, @from, @to); + background: linear-gradient(top, @from, @to); + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=@ieFrom, EndColorStr=@ieTo); +} +.transform(@value){ + -webkit-transform: @value; + -moz-transform: @value; + -ms-transform: @value; + -o-transform: @value; + transform: @value; +} +.transition(@property: all; @during: 1s; @timing-function: cubic-bezier(0, 1.0, 0.5, 1.0); @delay: 0) { + -webkit-transition: @property @during @timing-function @delay; + -moz-transition: @property @during @timing-function @delay; + -ms-transition: @property @during @timing-function @delay; + -o-transition: @property @during @timing-function @delay; + transition: @property @during @timing-function @delay; +} +.animation(@frame, @during, @timing-function, @delay, @count, @direct){ + -webkit-animation: @frame, @during, @timing-function, @delay, @count, @direct; + -moz-animation: @frame, @during, @timing-function, @delay, @count, @direct; + -ms-animation: @frame, @during, @timing-function, @delay, @count, @direct; + -o-animation: @frame, @during, @timing-function, @delay, @count, @direct; + animation: @frame, @during, @timing-function, @delay, @count, @direct; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + -ms-animation-fill-mode: forwards; + -o-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.box-sizing (@value: border-box){ + -webkit-box-sizing: @value; + -moz-box-sizing: @value; + -ms-box-sizing: @value; + -o-box-sizing: @value; + box-sizing: @value; +} +.flex(){ + display: -webkit-box; + display: -moz-box; + display: -ms-box; + display: -o-box; + display: box; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + display: -o-flex; + display: flex; +} +.flex-children(@value: 1){ + -webkit-box-flex: @value; + -moz-box-flex: @value; + -ms-box-flex: @value; + -o-box-flex: @value; + box-flex: @value; + -webkit-flex: @value; + -moz-flex: @value; + -ms-flex: @value; + -o-flex: @value; + flex: @value; + width: 0; + list-style-type:none; +} +.limit(@value){ + width:@value; + display: inline-block; + text-align: right; + overflow:hidden; + white-space:nowrap; + text-overflow:ellipsis; + vertical-align: middle; + line-height: 1; +} +.limit-left(@value){ + width:@value; + display: inline-block; + text-align: left; + overflow:hidden; + white-space:nowrap; + text-overflow:ellipsis; +} + + + diff --git a/css/common.less b/css/common.less new file mode 100644 index 0000000..bcb096f --- /dev/null +++ b/css/common.less @@ -0,0 +1,225 @@ +/* + * Globle Css Document + * @ Author: zooble + * @ Email: wenliang.web@gmail.com + * @ Date: 2013-5-6 + */ +@charset "utf-8"; +@import "base.mixin.less"; + +html{ + min-height: 100%; + overflow-y: scroll; +} +body{ + min-height: 100%; + margin: 0; + padding: 0; + font: normal 14px/1.5 'Menlo', Arial, '\5FAE\8F6F\96C5\9ED1', '\5b8b\4f53'; +} +p,ol,ul,li,dt,dd,dl,pre,form,fieldset,input,textarea,blockquote,em,i,b,hr,h1,h2,h3,h4,h5,h6{ + margin: 0; + padding: 0; + font-style: normal; + font-weight: normal; +} +h1,h2{ + font-weight: bold; +} +h2{ + font-size: 14px; +} +ol,ul{ + list-style: none; +} +select,div{ + outline: medium; +} +button,input{ + margin: 0; + padding: 0; + border: none; + background: none; + outline: medium; + font: normal 14px/1.5 'Menlo', Arial, '\5FAE\8F6F\96C5\9ED1', '\5b8b\4f53'; +} +input{ + border: 1px solid #ddd; + padding: 0 5px; + height: 24px; +} +img{ + vertical-align: top; + border: none; +} +button,a{ + font: normal 14px/1.5 'Menlo', Arial, '\5FAE\8F6F\96C5\9ED1', '\5b8b\4f53'; + text-decoration: none; + color: #333; + text-decoration: none; + cursor: pointer; +} +a:hover{ + color: #48a623; +} + + + +.mountBig{ + position: absolute; + width: 162px; + height: 72px; + background: url(../img/all.png) -191px -309px no-repeat; +} +.mount{ + position: absolute; + width: 98px; + height: 40px; + background: url(../img/all.png) -89px -341px no-repeat; +} +.shrubBig{ + position: absolute; + background: url(../img/all.png) no-repeat -163px -495px; + width: 130px; + height: 34px; +} +.shrubMid{ + position: absolute; + background: url(../img/all.png) no-repeat -295px -495px; + width: 98px; + height: 34px; +} +.shrub{ + position: absolute; + background: url(../img/all.png) no-repeat -95px -495px; + width: 66px; + height: 34px; +} +.cloudBig{ + position: absolute; + background: url(../img/all.png) no-repeat -185px -385px; + width: 130px; + height: 50px; +} +.cloudMid{ + position: absolute; + background: url(../img/all.png) no-repeat -85px -385px; + width: 98px; + height: 50px; +} +.cloud{ + position: absolute; + background: url(../img/all.png) no-repeat -317px -385px; + width: 66px; + height: 50px; +} +.ask{ + position: absolute; + background: url(../img/all.png) no-repeat -809px -309px; + width: 34px; + height: 34px; +} +.wall{ + width: 100%; + height: 100%; + background: url(../img/wall1.png) repeat; +} +.wall1{ + position: absolute; + background: url('../img/all.png') no-repeat -739px -83px; + width: 34px; + height: 34px; +} +.wall2{ + position: absolute; + background: url('../img/all.png') no-repeat -739px -193px; + width: 34px; + height: 36px; +} +.wall3{ + position: absolute; + background: url('../img/all.png') no-repeat -739px -157px; + width: 34px; + height: 34px; +} +.wall4{ + position: absolute; + background: url('../img/all.png') no-repeat -739px -273px; + width: 34px; + height: 34px; + z-index: 1; +} +.pip{ + position: absolute; + background: url('../img/all.png') no-repeat -1221px -81px; + width: 66px; + height: 66px; + z-index: 1; +} +.pipShort{ + position: absolute; + background: url('../img/all.png') no-repeat -1225px -153px; + width: 58px; + height: 34px; + z-index: 1; +} +.breakup{ + position: absolute; + width: 64px; + height: 64px; + z-index: 2; + background: #5c94fc; +} +.breakupMid{ + position: absolute; + width: 96px; + height: 64px; + z-index: 2; + background: #5c94fc; +} +.castleBig{ + position: absolute; + background: url('../img/all.png') no-repeat -779px -1009px; + width: 302px; + height: 354px; +} +.castle{ + position: absolute; + background: url('../img/all.png') no-repeat -537px -425px; + width: 162px; + height: 162px; +} +.flag{ + position: absolute; + background: url('../img/all.png') no-repeat -513px -81px; + width: 52px; + height: 338px; +} + +.game{ + position: relative; + width: 512px; + height: 512px; + margin: 10px auto; + //overflow: hidden; + border: 1px solid #000; + .conent{ + position: absolute; + width: 10000%; + height: 100%; + left: 0; + bottom: 0; + .footer{ + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 64px; + } + } +} +.round1-1{ + background: #5c94fc; +} + + diff --git a/fis-conf.js b/fis-conf.js new file mode 100644 index 0000000..e274389 --- /dev/null +++ b/fis-conf.js @@ -0,0 +1,108 @@ +//输出目录 +var dir = 'super_mario'; +var domain = ''; + +//fis.config.set('roadmap.relative', true); +fis.config.set('settings.postpackager.simple.autoReflow', true); +fis.config.merge({ + statics: dir, + /* zoo-command-install 要实现的功能 + requires: [ + 'jQuery@1.11.3' + ], + pages: [ + 'index', + 'category', + 'post', + 'postlist', + 'user', + 'userlist', + 'water', + 'chatroom' + ], + */ + roadmap: { + domain: domain, + path: [ + { + reg: /^\/js\/.*$/, + isMod: false, + release: '${statics}/$&' + }, + { + //公共组件 + reg: /^\/modules\/([^\/]+)\/(?:[^\/]+).js$/i, + //是组件化的,会被jswrapper包装 + isMod: true, + //id为文件夹名 + id: '$1', + release: '${statics}/$&' + }, + { + //业务逻辑模块(一级路由) + reg: /^\/(pages)\/([^\/]+)\/(?:[^\/]+)\.js$/i, + isMod: true, + id: '$1/$2', + release: '${statics}/$&' + }, + { + //业务逻辑中的其他js文件 + reg: /^\/pages\/.+\.js$/i, + isMod: false, + release: '${statics}/$&' + }, + { + //css文件 + reg: /^(.*)\.(css|less)$/i, + //启用sprite自动合并,书写需要合并的图片地址的时候,需要在文件地址后面加?__sprite,如: background: url(images/abc.png?__sprite); + useSprite: true, + release: '${statics}/$&' + }, + { + //图片等媒体文件 + reg: /^(.*)\.(jpg|gif|png|mp3|mp4|ttf|pdf)$/i, + release: '${statics}/$&' + }, + { + //前端模版 + reg: '**.tpl', + release: false, + useOptimizer: false, + useCache: false + }, + { + //后端模板 + reg: /^(.*)\.html$/i, + //当做类js文件处理,可以识别__inline, __uri等资源定位标识,参与编译 + isHtmlLike: true, + useCache: false, + release: '${statics}/$&' + }, + { + //打包后的资源 + reg: 'pkg/**.js', + release: '${statics}/$&' + }, + { + //依赖关系表 + reg: 'map.json', + release: '${statics}/$&' + }, + { + //其他上文未匹配到的 + reg : "**", + release : false + } + ] + }, + pack: { + 'pkg/common.js': [ + 'js/mod.js', + 'modules/**.js' + ], + 'pkg/common.less': [ + 'css/common.less', + 'modules/**.less' + ] + } +}); \ No newline at end of file diff --git a/img/all.png b/img/all.png new file mode 100644 index 0000000..23b8fe7 Binary files /dev/null and b/img/all.png differ diff --git a/img/wall1.png b/img/wall1.png new file mode 100644 index 0000000..44ca48e Binary files /dev/null and b/img/wall1.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..8d85097 --- /dev/null +++ b/index.html @@ -0,0 +1,257 @@ + + +
+ +