mipengine · duanyanyan97 · Jul 28, 2019 · Aug 5, 2019 · Jan 2, 2020 · Jan 2, 2020
diff --git a/sites/m.sys321.com/.editorconfig b/sites/m.sys321.com/.editorconfig
@@ -0,0 +1,14 @@
+UTF-8
+# This file is for unifying the coding style for different editors and IDEs
+# editorconfig.org
+root = true
+[*]
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+[*.{js,styl,html,json,vue}]
+indent_size = 2
+indent_style = space
+[*.md]
+trim_trailing_whitespace = false
diff --git a/sites/m.sys321.com/.eslintignore b/sites/m.sys321.com/.eslintignore
@@ -0,0 +1,2 @@
+dist
+node_modules
diff --git a/sites/m.sys321.com/.eslintrc b/sites/m.sys321.com/.eslintrc
@@ -0,0 +1,39 @@
+{
+  "parser": "vue-eslint-parser",
+  "parserOptions": {
+    "ecmaVersion": 8,
+    "sourceType": "module",
+    "allowImportExportEverywhere": false
+  },
+  "extends": [
+    "standard",
+    "plugin:vue/recommended"
+  ],
+  "plugins": [
+    "jsdoc"
+  ],
+  "globals": {
+    "MIP": true
+  },
+  "env": {
+    "browser": true
+  },
+  "rules": {
+    "jsdoc/check-param-names": 1,
+    "jsdoc/check-tag-names": 1,
+    "jsdoc/check-types": 1,
+    "jsdoc/newline-after-description": 1,
+    "jsdoc/no-undefined-types": 1,
+    "jsdoc/require-description-complete-sentence": 0,
+    "jsdoc/require-example": 0,
+    "jsdoc/require-hyphen-before-param-description": 0,
+    "jsdoc/require-param": 1,
+    "jsdoc/require-param-description": 1,
+    "jsdoc/require-param-name": 1,
+    "jsdoc/require-param-type": 1,
+    "jsdoc/require-returns-description": 1,
+    "jsdoc/require-returns-type": 1,
+    "jsdoc/valid-types": 1,
+    "no-var": 2
+  }
+}
diff --git a/sites/m.sys321.com/.gitignore b/sites/m.sys321.com/.gitignore
@@ -0,0 +1,8 @@
+node_modules/
+dist/
+.idea/
+*.log
+Thumbs.db
+.DS_Store
+*.swp
+*.gz
diff --git a/sites/m.sys321.com/common/.gitkeep b/sites/m.sys321.com/common/.gitkeep
diff --git a/sites/m.sys321.com/common/config.api.js b/sites/m.sys321.com/common/config.api.js
@@ -0,0 +1,8 @@
+/**
+ * 项目相关接口配置文件
+ */
+
+export default {
+  baseUrl: 'http://s.sys321.com',
+  basePJUrl: 'http://www.sys321.com'
+}
diff --git a/sites/m.sys321.com/components/mip-game/README.md b/sites/m.sys321.com/components/mip-game/README.md
@@ -0,0 +1,31 @@
+# mip-game
+
+搜一搜网站移动端游戏, 软件列表页面逻辑合集
+
+标题|内容
+----|----
+类型| 游戏, 软件列表
+支持布局| fixed
+所需脚本| [https://c.mipcdn.com/extensions/platform/v2/m.sys321.com/mip-game/mip-game.js](https://c.mipcdn.com/extensions/platform/v2/m.sys321.com/mip-game/mip-game.js)
+
+## 示例
+
+### 基本使用
+
+```html
+<mip-game></mip-game>
+```
+
+## 属性
+
+### url
+
+说明：本站点网址
+
+必选项：是
+
+类型：字符串
+
+取值范围：URL
+
+默认值：无
diff --git a/sites/m.sys321.com/components/mip-game/example/index.html b/sites/m.sys321.com/components/mip-game/example/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html mip>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+    <title>MIP page</title>
+    <link rel="canonical" href="对应的原页面地址">
+    <link rel="stylesheet" href="https://c.mipcdn.com/static/v2/mip.css">
+    <style mip-custom>
+    /*自定义样式*/
+    </style>
+  </head>
+  <body class="mip-veryhuo-common">
+    <mip-veryhuo-comment></mip-veryhuo-comment>
+    <script src="https://c.mipcdn.com/static/v2/mip.js"></script>
+    <script src="/mip-veryhuo-comment/mip-veryhuo-comment.js"></script>
+  </body>
+</html>
diff --git a/sites/m.sys321.com/components/mip-game/index.less b/sites/m.sys321.com/components/mip-game/index.less
diff --git a/sites/m.sys321.com/components/mip-game/mip-game.js b/sites/m.sys321.com/components/mip-game/mip-game.js
@@ -0,0 +1,87 @@
+/**
+ * @file 评论模块
+ * @author fl
+ */
+import api from '../../common/config.api'
+const { CustomElement, util } = MIP
+const { css } = util
+export default class MIPMsysComment extends CustomElement {
+  build () {
+    let open = this.element.querySelectorAll('#open')[0]
+    let close = this.element.querySelectorAll('#close')[0]
+    let menu = this.element.querySelectorAll('#menu')[0]
+    let shadow = this.element.querySelectorAll('#shadow')[0]
+    open.onclick = function () {
+      css(menu, {left: '0px'})
+      css(shadow, {display: 'block'})
+    }
+    close.onclick = function () {
+      menu.style.left = '-270px'
+      css(shadow, {display: 'none'})
+    }
+    shadow.onclick = function () {
+      menu.style.left = '-270px'
+      css(shadow, {display: 'none'})
+    }
+    // tab样式
+    let a = this.element.querySelectorAll('#type a')
+    let rank = this.element.querySelectorAll('#rank')[0]
+    for (let i = 0; i < a.length; i++) {
+      a[i].onclick = function () {
+        css(rank, {display: 'block'})
+        let siblings = this.parentNode.childNodes
+        for (let i = 0; i < siblings.length; i++) {
+          if (siblings[i].nodeType === 1) {
+            siblings[i].className = ''
+            this.className = 'cur'
+          }
+        }
+      }
+    }
+    // 加载更多数据
+    let softListMore = this.element.querySelectorAll('#softListMore')[0]
+    let pagedata = this.element.querySelectorAll('#pagedata')[0]
+    let softlistP = 24
+    if (softListMore !== undefined) {
+      softListMore.onclick = function () {
+        let cut = softListMore.getAttribute('data-cut')
+        let typeid = softListMore.getAttribute('data-typeid')
+        let req = new Request(api.baseUrl + '/api/softListMore', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          body: JSON.stringify({
+            cut: cut,
+            typeid: typeid,
+            p: softlistP
+          })
+        })
+        fetch(req).then(function (response) {
+          return response.json()
+        }).then(function (data) {
+          if (data === '') {
+            softListMore.innerText = '加载完毕啦,么么哒~'
+            return false
+          } else {
+            softListMore.innerText = '加载中...'
+            let khtml = ''
+            let len = data.length
+            for (let i = 0; i < len; i++) {
+              let dt = data[i]
+              khtml = document.createElement('li')
+              khtml.innerHTML = '<a title=' + '\'' + dt.title + '\'' + 'href=' + dt.url + '><dt><mip-img alt=' + '\'' + dt.title + '\'' + 'class=\'lazy\' data-original=' + dt.litpic + ' src=' + dt.litpic + '></mip-img></dt><dd class=\'d1\'>' + dt.title + '</dd><dd class=\'d3\'><div class=\'stars\'><span class=\'score\' title=' + dt.title + '评级' + dt.score + '></span><span class=\'star\'>' + dt.score + '</span></div></dd></a>'
+              pagedata.appendChild(khtml)
+            }
+            if (len < 20) {
+              softListMore.innerText = '加载完毕啦,么么哒~'
+            } else {
+              softListMore.innerText = '点击有惊喜,萌萌哒~'
+            }
+            softlistP = softlistP + 24
+          }
+        })
+      }
+    }
+  }
+}
diff --git a/sites/m.sys321.com/components/mip-index/README.md b/sites/m.sys321.com/components/mip-index/README.md
@@ -0,0 +1,31 @@
+# mip-index
+
+搜一搜网站移动端首页逻辑合集
+
+标题|内容
+----|----
+类型| 通用
+支持布局| responsive, fixed-height, fill, container, fixed
+所需脚本| [https://c.mipcdn.com/extensions/platform/v2/m.sys321.com/mip-index/mip-index.js](https://c.mipcdn.com/extensions/platform/v2/m.sys321.com/mip-index/mip-index.js)
+
+## 示例
+
+### 基本使用
+
+```html
+<mip-index></mip-index>
+```
+
+## 属性
+
+### url
+
+说明：本站点网址
+
+必选项：是
+
+类型：字符串
+
+取值范围：URL
+
+默认值：无
diff --git a/sites/m.sys321.com/components/mip-index/example/index.html b/sites/m.sys321.com/components/mip-index/example/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html mip>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+    <title>MIP page</title>
+    <link rel="canonical" href="对应的原页面地址">
+    <link rel="stylesheet" href="https://c.mipcdn.com/static/v2/mip.css">
+    <style mip-custom>
+    /*自定义样式*/
+    </style>
+  </head>
+  <body class="mip-veryhuo-common">
+    <mip-veryhuo-comment></mip-veryhuo-comment>
+    <script src="https://c.mipcdn.com/static/v2/mip.js"></script>
+    <script src="/mip-veryhuo-comment/mip-veryhuo-comment.js"></script>
+  </body>
+</html>
diff --git a/sites/m.sys321.com/components/mip-index/index.less b/sites/m.sys321.com/components/mip-index/index.less