About 页面添加 build 时间戳

protoshop · Jun 3, 2014 · 6d7179a · 6d7179a · amio · Jun 3, 2014
1 parent 3f82dd9
commit 6d7179a
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/app/partials/pg-about.html b/app/partials/pg-about.html
@@ -2,7 +2,7 @@
 
 <div class="layout-container">
 	<div class="about-box">
-		<h3 class="box-title">Protoshop</h3>
+		<h3 class="box-title">Protoshop<sup class="build-stamp"><!--BUILDSTAMP--></sup></h3>
 		<p>Protoshop，Prototype+Shop 的合体字，原型商店。</p>
 		<p>
 			在 Web 端导入组件，添加相应的热区设置链接及场景过渡动画并保存，就可以在手机客户端实时加载交互原型并在移动设备上演示，快速 Review 产品需求和交互设计。Protoshop 通过 lua 语言打通 iOS 和 Android，10分钟即可由平面设计稿打造出的 APP 原型，在移动设备上以原生的方式运行。

diff --git a/app/styles/main.css b/app/styles/main.css
@@ -246,6 +246,7 @@ i { font-style: normal; }
 .about-box .box-title { padding: 10px 0; font-size: 28px; font-family: Microsoft Yahei, sans-serif; }
 .about-box p { padding: 10px 0; line-height: 1.5; font-size: 14px; }
 .about-box a { color: #014eb6; }
+.about-box .build-stamp { font-weight: lighter; margin-left: 0.2em; font-size: 0.5em; line-height: 1em; color: #BBB }
 
 /* Notification */
 .notify { position: fixed; top: 0; left: 50%; margin: 10px -120px; min-width: 320px; z-index: 999; }

diff --git a/gulpfile.js b/gulpfile.js
@@ -114,11 +114,11 @@ gulp.task('usemin', ['html2js'], function () {
   .pipe(gulp.dest('dist/home'));
 });
 
+var BUILD_STAMP = '<!--BUILDSTAMP-->';
+
 gulp.task('html2js', function () {
   return gulp.src(SOURCE_ROOT + "/partials/*.html")
-//  .pipe($.minifyHtml({
-//    empty: true
-//  }))
+  .pipe($.replace(BUILD_STAMP, 'Build:'+ new Date().toISOString().replace(/-|T.*/g,'')))
   .pipe($.ngHtml2js({
     moduleName: "toHELL",
     prefix: "partials/"

diff --git a/package.json b/package.json
@@ -25,6 +25,7 @@
     "gulp-minify-html": "^0.1.2",
     "gulp-ng-html2js": "~0.1.6",
     "gulp-ngmin": "^0.1.2",
+    "gulp-replace": "^0.3.0",
     "gulp-rev": "^0.2.1",
     "gulp-size": "~0.1.2",
     "gulp-task-listing": "^0.2.2",