init

Author: xpioneer

.browserslistrc

@@ -0,0 +1,2 @@
+> 5%
+Android >= 4.3

.gitignore

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+/template
+*.sh
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

gulpfile.js

@@ -0,0 +1,52 @@
+const gulp = require('gulp'),
+	sass = require('gulp-sass'),
+	terser = require('gulp-terser'),
+	rename = require('gulp-rename'),
+	ts = require('gulp-typescript'),
+	postcss = require('gulp-postcss'),
+	cleanCSS = require('gulp-clean-css'),
+	px2rpx = require('./px2rpx'),
+	autoprefixer = require('autoprefixer');
+
+const tsProject = ts.createProject('tsconfig.json');
+
+const src = {
+	scss: 'src/**/*.scss',
+	ts: 'src/**/*.ts'
+}
+
+gulp.task('build:scss', () => gulp.src(src.scss)
+	.pipe(sass())
+	.pipe(postcss([ autoprefixer() ]))
+	.pipe(px2rpx())
+	.pipe(cleanCSS())
+	.pipe(rename(path => {
+    path.extname = '.wxss'
+  }))
+  .pipe(gulp.dest('dist'))
+)
+
+gulp.task('build:ts', () => gulp.src(src.ts)
+	.pipe(tsProject())
+	.pipe(rename(path => {
+    path.extname = '.js'
+	}))
+	.pipe(terser())
+  .pipe(gulp.dest('dist'))
+)
+
+gulp.task('copy', () => gulp.src(['src/**/*', '!src/**/*.ts', '!src/**/*.scss']).pipe(gulp.dest('dist')))
+
+gulp.task('watch', () => gulp.watch('src/**/*.*', gulp.series('build:scss', 'build:ts', 'copy')))
+
+gulp.task('build', gulp.series('build:scss', 'build:ts', 'copy'))
+
+gulp.task('default', done => {
+	console.log(`
+		commands:
+		npm run start :  show commands
+		npm run dev   :  development mode
+		npm run build :  production mode
+	`)
+	done()
+})

package.json

@@ -0,0 +1,24 @@
+{
+  "name": "demo",
+  "version": "1.0.1",
+  "scripts": {
+    "show": "gulp",
+    "start": "gulp watch",
+    "build": "rm -rf dist && gulp build",
+    "gen:page": "./autofile.sh",
+    "gen:com": "./autofile.sh"
+  },
+  "devDependencies": {
+    "typescript": "^3.3.3333"
+  },
+  "dependencies": {
+    "autoprefixer": "^9.6.0",
+    "gulp": "^4.0.2",
+    "gulp-clean-css": "^4.2.0",
+    "gulp-postcss": "^8.0.0",
+    "gulp-rename": "^1.4.0",
+    "gulp-sass": "^4.0.2",
+    "gulp-terser": "^1.2.0",
+    "gulp-typescript": "^5.0.1"
+  }
+}

px2rpx.js

@@ -0,0 +1,35 @@
+var through = require('through2');
+
+// 常量
+const PLUGIN_NAME = 'gulp-px2rpx';
+
+
+function px2rpx(contents) {
+  const rpxStr = (contents.toString()).replace(/(\s?\d+)px/g, '$1rpx')
+  return Buffer.from(rpxStr);
+}
+
+
+function gulpPx2rpx() {
+
+  // 创建一个让每个文件通过的 stream 通道
+  return through.obj(function(file, enc, cb) {
+    if (file.isNull()) {
+      // 返回空文件
+      cb(null, file);
+    }
+    if (file.isBuffer()) {
+      file.contents = px2rpx(file.contents)
+    }
+    if (file.isStream()) {
+      throw new Error(PLUGIN_NAME, 'Not support stream!');
+    }
+
+    cb(null, file);
+
+  });
+
+};
+
+// 暴露（export）插件主函数
+module.exports = gulpPx2rpx;

src/app.json

@@ -0,0 +1,14 @@
+{
+  "pages": [
+    "pages/login/login",
+    "pages/index/index",
+    "pages/logs/logs"
+  ],
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "WeChat",
+    "navigationBarTextStyle": "black"
+  },
+  "sitemapLocation": "sitemap.json"
+}

src/app.scss

@@ -0,0 +1,61 @@
+/**app.wxss**/
+// *{
+//   margin:0;
+//   padding: 0;
+//   box-sizing: border-box;
+//   font-style: normal;
+//   font-weight: normal;
+//   font-family: 'Avenir', Helvetica, Arial, sans-serif;
+//   -webkit-font-smoothing: antialiased;
+//   -moz-osx-font-smoothing: grayscale;
+// }
+
+input, textarea, button, select {
+  outline: none;
+  -webkit-appearance:none;
+}
+// image,button,input {
+//   border: none;
+// }
+button::after{
+  display: none;
+}
+
+.clearfix ::after{
+  content: '';
+  display: block;
+  clear: both;
+}
+
+.font600{
+  font-weight: 600
+}
+
+.o-btn {
+  background:linear-gradient(135deg,rgba(255,40,81,1) 0%,rgba(247,115,104,1) 100%);
+  border: none;
+  border-radius:8px;
+  height: 84px;
+  width: 100%;
+  margin: auto;
+  color: #fff;
+  font-size: 32px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  &.lg{
+    width: 582px;
+  }
+
+  &.line{
+    color: #FE2F53;
+    border: 1PX solid #FE2F53;
+    background: #fff;
+  }
+  
+  &.disabled{
+    color: #ccc;
+    background: #eee;
+  }
+}

src/app.ts

@@ -0,0 +1,51 @@
+//app.ts
+import { Http, IHttp } from './utils/http'
+
+export interface IMyApp {
+  userInfoReadyCallback?(res: wx.UserInfo): void
+  globalData: {
+    userInfo?: wx.UserInfo
+  },
+  $http: IHttp
+}
+
+App<IMyApp>({
+  onLaunch() {
+    // 展示本地存储能力
+    var logs: number[] = wx.getStorageSync('logs') || []
+    logs.unshift(Date.now())
+    wx.setStorageSync('logs', logs)
+
+    // 登录
+    wx.login({
+      success(_res) {
+        // console.log(_res.code)
+        // 发送 _res.code 到后台换取 openId, sessionKey, unionId
+      }
+    })
+    // 获取用户信息
+    wx.getSetting({
+      success: (res) => {
+        if (res.authSetting['scope.userInfo']) {
+          // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
+          wx.getUserInfo({
+            success: res => {
+              // 可以将 res 发送给后台解码出 unionId
+              this.globalData.userInfo = res.userInfo
+              // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
+              // 所以此处加入 callback 以防止这种情况
+              if (this.userInfoReadyCallback) {
+                this.userInfoReadyCallback(res.userInfo)
+              }
+            }
+          })
+        }
+      }
+    })
+
+    console.log()
+  },
+  globalData: {
+  },
+  $http: new Http()
+})

src/components/button/button.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

src/components/button/button.ts

@@ -0,0 +1,4 @@
+/** this is home scss */
+.home{
+  
+}

src/pages/home/home.json

@@ -0,0 +1,29 @@
+//home.ts
+//获取应用实例
+import { IMyApp } from '@/app'
+
+const app = getApp<IMyApp>()
+
+Page({
+  data: {
+    // page data
+  },
+  //事件处理函数
+  yourTap() {
+    // 
+  },
+
+  // miniapp LifeCycle
+  onLoad() {
+    // 
+  },
+  onShow() {
+    // 
+  },
+  onHide() {
+    // 
+  },
+  onUnload() {
+    // 
+  }
+})

src/pages/home/home.scss

@@ -0,0 +1,5 @@
+<page>
+  <view class="home">
+
+  </view>
+</page>

src/pages/home/home.ts

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

src/pages/home/home.wxml

@@ -0,0 +1,23 @@
+/**index.scss**/
+.userinfo {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.userinfo-avatar {
+  width: 128rpx;
+  height: 128rpx;
+  margin: 20rpx;
+  border-radius: 50%;
+}
+
+.userinfo-nickname {
+  color: #aaa;
+}
+
+.usermotto {
+  margin-top: 200px;
+  transition: all .3s;
+  transform: translate3d(0,0,0,1);
+}