chenyulin's lottery project

projects/infiniteLoad/chenyulin/.vscode/launch.json

@@ -0,0 +1,14 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "启动程序",
+      "program": "${file}"
+    }
+  ]
+}

projects/infiniteLoad/chenyulin/README.md

@@ -0,0 +1,5 @@
+# 无限加载组件
+
+- 前端模板为 template.js，在 html 的 script 标签里面，可以在这里定制专属内容
+- 基础样式部分写在 css/infinite.css 文件里，可以在这里定制样式
+- config.json 为传入前端的展示数据

projects/infiniteLoad/chenyulin/config.json

@@ -0,0 +1,20 @@
+{
+  "data": [
+    {
+      "id": "hhh1",
+      "index": 0,
+      "title": "我是标题，要短",
+      "desc": "我是描述，我很长。",
+      "pic": "./assets/3.png",
+      "date": ""
+    },
+    {
+      "id": "hhh2",
+      "index": 0,
+      "title": "我是标题，要短",
+      "desc": "我是描述，我很长。",
+      "pic": "./assets/2.png",
+      "date": ""
+    }
+  ]
+}

projects/infiniteLoad/chenyulin/infinite.js

@@ -0,0 +1,32 @@
+/**
+ * mock数据用
+ */
+const serve = require('koa-static')
+const Koa = require('koa')
+const app = new Koa()
+const myjson = require('./config.json')
+
+function rnd(n, m) {
+  return Math.floor(Math.random() * (m - n) + n)
+}
+
+app.use(function*(next) {
+  if (this.req.url == '/load') {
+    this.body = myjson
+  } else {
+    yield next
+  }
+})
+
+// $ GET /package.json
+app.use(serve('.'))
+
+// // $ GET /1.html
+// app.use(serve('www'))
+
+// or use absolute paths
+app.use(serve(__dirname + '/www'))
+
+app.listen(3000)
+
+console.log('listening on port 3000')