From f5b7a77c89dc596edeaee1de1b71090202ab2c3a Mon Sep 17 00:00:00 2001 From: givemelie <781558368@qq.com> Date: Thu, 26 Sep 2019 09:45:31 +0800 Subject: [PATCH 1/6] first --- package.json | 1 - sites/bandtechs.com/.editorconfig | 14 ++++++ sites/bandtechs.com/.eslintignore | 2 + sites/bandtechs.com/.eslintrc | 39 ++++++++++++++++ sites/bandtechs.com/.gitignore | 8 ++++ sites/bandtechs.com/common/.gitkeep | 0 .../components/mip-tabar/README.md | 31 +++++++++++++ .../components/mip-tabar/example/index.html | 20 +++++++++ .../components/mip-tabar/index.less | 44 +++++++++++++++++++ .../components/mip-tabar/mip-tabar.js | 42 ++++++++++++++++++ sites/bandtechs.com/example/index.html | 26 +++++++++++ sites/bandtechs.com/mip.config.js | 31 +++++++++++++ sites/bandtechs.com/package.json | 25 +++++++++++ sites/bandtechs.com/static/.gitkeep | 0 14 files changed, 282 insertions(+), 1 deletion(-) create mode 100644 sites/bandtechs.com/.editorconfig create mode 100644 sites/bandtechs.com/.eslintignore create mode 100644 sites/bandtechs.com/.eslintrc create mode 100644 sites/bandtechs.com/.gitignore create mode 100644 sites/bandtechs.com/common/.gitkeep create mode 100644 sites/bandtechs.com/components/mip-tabar/README.md create mode 100644 sites/bandtechs.com/components/mip-tabar/example/index.html create mode 100644 sites/bandtechs.com/components/mip-tabar/index.less create mode 100644 sites/bandtechs.com/components/mip-tabar/mip-tabar.js create mode 100644 sites/bandtechs.com/example/index.html create mode 100644 sites/bandtechs.com/mip.config.js create mode 100644 sites/bandtechs.com/package.json create mode 100644 sites/bandtechs.com/static/.gitkeep diff --git a/package.json b/package.json index aacef1f18..ee484541c 100644 --- a/package.json +++ b/package.json @@ -35,7 +35,6 @@ "execa": "^0.11.0", "fs-extra": "^7.0.1", "glob": "^7.1.3", - "husky": "^1.0.0-rc.8", "mip2": "^1.5.2" } } diff --git a/sites/bandtechs.com/.editorconfig b/sites/bandtechs.com/.editorconfig new file mode 100644 index 000000000..cb530eac4 --- /dev/null +++ b/sites/bandtechs.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/bandtechs.com/.eslintignore b/sites/bandtechs.com/.eslintignore new file mode 100644 index 000000000..db4c6d9b6 --- /dev/null +++ b/sites/bandtechs.com/.eslintignore @@ -0,0 +1,2 @@ +dist +node_modules \ No newline at end of file diff --git a/sites/bandtechs.com/.eslintrc b/sites/bandtechs.com/.eslintrc new file mode 100644 index 000000000..84a3a2e9c --- /dev/null +++ b/sites/bandtechs.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/bandtechs.com/.gitignore b/sites/bandtechs.com/.gitignore new file mode 100644 index 000000000..1207415d5 --- /dev/null +++ b/sites/bandtechs.com/.gitignore @@ -0,0 +1,8 @@ +node_modules/ +dist/ +.idea/ +*.log +Thumbs.db +.DS_Store +*.swp +*.gz diff --git a/sites/bandtechs.com/common/.gitkeep b/sites/bandtechs.com/common/.gitkeep new file mode 100644 index 000000000..e69de29bb diff --git a/sites/bandtechs.com/components/mip-tabar/README.md b/sites/bandtechs.com/components/mip-tabar/README.md new file mode 100644 index 000000000..51a32e4c0 --- /dev/null +++ b/sites/bandtechs.com/components/mip-tabar/README.md @@ -0,0 +1,31 @@ +# mip-tabar + +标题|内容 +----|---- +类型| +支持布局| +所需脚本| [https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-tabar/mip-tabar.js](https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-tabar/mip-tabar.js) + +## 说明 + +组件功能说明 + +## 示例 + +示例说明 + +``` +// 代码示例 +``` + +## 属性 + +### 属性1 + +**说明**： + +**必选项**： + +**单位**： + +**默认值**： \ No newline at end of file diff --git a/sites/bandtechs.com/components/mip-tabar/example/index.html b/sites/bandtechs.com/components/mip-tabar/example/index.html new file mode 100644 index 000000000..4ef6537ff --- /dev/null +++ b/sites/bandtechs.com/components/mip-tabar/example/index.html @@ -0,0 +1,20 @@ + + + + + + MIP page + + + + + +
+ +
+ + + + diff --git a/sites/bandtechs.com/components/mip-tabar/index.less b/sites/bandtechs.com/components/mip-tabar/index.less new file mode 100644 index 000000000..31e86b7ca --- /dev/null +++ b/sites/bandtechs.com/components/mip-tabar/index.less @@ -0,0 +1,44 @@ +mip-tabar { + .wrapper { + margin: 0 auto; + text-align: center; + } + .fixed-bottom{ + width: 100%; + height:49px; + background:rgba(255,108,36,1); + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-around; + } + .fixed-bottom-box{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size:13px; + color:#ffffff; + font-weight:500; + } + .lightbox{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height:667px; + } + .lightbox p{ + + } + .buttonS{ + color:#FFFFFF; + width: 100px; + border-radius: 2px; + margin-top: 50px; + background: none; + height:30px; + line-height: 30px; + border: 1px solid #FFFFFF; + } +} diff --git a/sites/bandtechs.com/components/mip-tabar/mip-tabar.js b/sites/bandtechs.com/components/mip-tabar/mip-tabar.js new file mode 100644 index 000000000..0d9fa8c73 --- /dev/null +++ b/sites/bandtechs.com/components/mip-tabar/mip-tabar.js @@ -0,0 +1,42 @@ +import './index.less' + +export default class MIPTabar extends MIP.CustomElement { + build () { + let wrapper = document.createElement('div') + wrapper.classList.add('wrapper'); + wrapper.innerHTML = ` + +
+ +
+ + 电话咨询 +
+ +
+ + 微信咨询 +
+
+ + + 在线咨询 + +
+
+ + 返回顶部 +
+
+ + +
+ +

李经理微信号:bandengli211

+ +
+ + ` + this.element.appendChild(wrapper) + } +} diff --git a/sites/bandtechs.com/example/index.html b/sites/bandtechs.com/example/index.html new file mode 100644 index 000000000..a0ad2dec7 --- /dev/null +++ b/sites/bandtechs.com/example/index.html @@ -0,0 +1,26 @@ + + + + + + MIP page + + + + + +
+

First MIP page

+

Add MIP components here

+ +
+ + + + diff --git a/sites/bandtechs.com/mip.config.js b/sites/bandtechs.com/mip.config.js new file mode 100644 index 000000000..d5457bef4 --- /dev/null +++ b/sites/bandtechs.com/mip.config.js @@ -0,0 +1,31 @@ +/** + * @file mip页面项目配置项 + * @author + */ + +module.exports = { + dev: { + /** + * 启动mip server调试的端口号 + * + * @type {number} + */ + port: 8111, + + /** + * 启用调试页面自动刷新 + * + * @type {boolean} + */ + livereload: true, + + /** + * server 启动自动打开页面，false 为关闭 + * 如: + * autoopen: '/example/index.html' + * + * @type {string|boolean} + */ + autoopen: false + } +} diff --git a/sites/bandtechs.com/package.json b/sites/bandtechs.com/package.json new file mode 100644 index 000000000..9e2096e0a --- /dev/null +++ b/sites/bandtechs.com/package.json @@ -0,0 +1,25 @@ +{ + "name": "bandtechs.com", + "version": "0.0.1", + "description": "官网", + "scripts": { + "dev": "mip2 dev", + "build": "mip2 build", + "lint": "npm run lint:js", + "lint:js": "eslint --ext .vue,.js .", + "fix": "npm run fix:js", + "fix:js": "eslint --ext .vue,.js . --fix" + }, + "author": "givemelie (781558368@qq.com)", + "dependencies": {}, + "devDependencies": { + "eslint": "^4.19.1", + "eslint-config-standard": "^11.0.0", + "eslint-plugin-import": "^2.12.0", + "eslint-plugin-jsdoc": "^3.7.1", + "eslint-plugin-node": "^6.0.1", + "eslint-plugin-promise": "^3.8.0", + "eslint-plugin-standard": "^3.1.0", + "eslint-plugin-vue": "^4.5.0" + } +} diff --git a/sites/bandtechs.com/static/.gitkeep b/sites/bandtechs.com/static/.gitkeep new file mode 100644 index 000000000..e69de29bb From 2ff21bcdcb7f39426d0e5b17e0739ed5f47b5a3a Mon Sep 17 00:00:00 2001 From: givemelie <781558368@qq.com> Date: Thu, 26 Sep 2019 11:42:41 +0800 Subject: [PATCH 2/6] =?UTF-8?q?=E5=BA=95=E9=83=A8=E6=82=AC=E6=B5=AE?= =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=9A=84=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- sites/bandtechs.com/components/mip-tabar/README.md | 7 ++++--- sites/bandtechs.com/components/mip-tabar/mip-tabar.js | 11 ++++++----- 2 files changed, 10 insertions(+), 8 deletions(-) diff --git a/sites/bandtechs.com/components/mip-tabar/README.md b/sites/bandtechs.com/components/mip-tabar/README.md index 51a32e4c0..d74a611b5 100644 --- a/sites/bandtechs.com/components/mip-tabar/README.md +++ b/sites/bandtechs.com/components/mip-tabar/README.md @@ -8,7 +8,7 @@ ## 说明 -组件功能说明 +底部悬浮工具栏组件，包括电话咨询，微信咨询，在线咨询，回到顶部这几个功能 ## 示例 @@ -20,12 +20,13 @@ ## 属性 -### 属性1 +### 属性 src **说明**： +得到src变量的值，来拼接图片地址。可以通过更改src这个变量来改变这个组件内mip-img组件的图片地址 **必选项**： **单位**： -**默认值**： \ No newline at end of file +**默认值**： diff --git a/sites/bandtechs.com/components/mip-tabar/mip-tabar.js b/sites/bandtechs.com/components/mip-tabar/mip-tabar.js index 0d9fa8c73..82dcc95d3 100644 --- a/sites/bandtechs.com/components/mip-tabar/mip-tabar.js +++ b/sites/bandtechs.com/components/mip-tabar/mip-tabar.js @@ -3,28 +3,29 @@ import './index.less' export default class MIPTabar extends MIP.CustomElement { build () { let wrapper = document.createElement('div') - wrapper.classList.add('wrapper'); + wrapper.classList.add('wrapper') + let url = this.element.getAttribute('url') wrapper.innerHTML = `
- + 电话咨询
- + 微信咨询
- + 在线咨询
- + 返回顶部
From dd310d30acce4251f3f1e47e99dd407331623222 Mon Sep 17 00:00:00 2001 From: givemelie <781558368@qq.com> Date: Thu, 26 Sep 2019 14:22:25 +0800 Subject: [PATCH 3/6] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=8A=9F=E8=83=BD?= =?UTF-8?q?=E7=BB=84=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/mip-company/README.md | 30 ++++++++++ .../components/mip-company/example/index.html | 20 +++++++ .../components/mip-company/index.less | 56 +++++++++++++++++++ .../components/mip-company/mip-company.js | 37 ++++++++++++ .../components/mip-news/README.md | 31 ++++++++++ .../components/mip-news/example/index.html | 20 +++++++ .../components/mip-news/index.less | 41 ++++++++++++++ .../components/mip-news/mip-news.js | 35 ++++++++++++ .../components/mip-product/README.md | 31 ++++++++++ .../components/mip-product/example/index.html | 20 +++++++ .../components/mip-product/index.less | 6 ++ .../components/mip-product/mip-product.js | 13 +++++ .../components/mip-success/README.md | 31 ++++++++++ .../components/mip-success/example/index.html | 20 +++++++ .../components/mip-success/index.less | 33 +++++++++++ .../components/mip-success/mip-success.js | 27 +++++++++ .../components/mip-vhtml/README.md | 32 +++++++++++ .../components/mip-vhtml/example/index.html | 20 +++++++ .../components/mip-vhtml/index.less | 13 +++++ .../components/mip-vhtml/mip-vhtml.js | 15 +++++ 20 files changed, 531 insertions(+) create mode 100644 sites/bandtechs.com/components/mip-company/README.md create mode 100644 sites/bandtechs.com/components/mip-company/example/index.html create mode 100644 sites/bandtechs.com/components/mip-company/index.less create mode 100644 sites/bandtechs.com/components/mip-company/mip-company.js create mode 100644 sites/bandtechs.com/components/mip-news/README.md create mode 100644 sites/bandtechs.com/components/mip-news/example/index.html create mode 100644 sites/bandtechs.com/components/mip-news/index.less create mode 100644 sites/bandtechs.com/components/mip-news/mip-news.js create mode 100644 sites/bandtechs.com/components/mip-product/README.md create mode 100644 sites/bandtechs.com/components/mip-product/example/index.html create mode 100644 sites/bandtechs.com/components/mip-product/index.less create mode 100644 sites/bandtechs.com/components/mip-product/mip-product.js create mode 100644 sites/bandtechs.com/components/mip-success/README.md create mode 100644 sites/bandtechs.com/components/mip-success/example/index.html create mode 100644 sites/bandtechs.com/components/mip-success/index.less create mode 100644 sites/bandtechs.com/components/mip-success/mip-success.js create mode 100644 sites/bandtechs.com/components/mip-vhtml/README.md create mode 100644 sites/bandtechs.com/components/mip-vhtml/example/index.html create mode 100644 sites/bandtechs.com/components/mip-vhtml/index.less create mode 100644 sites/bandtechs.com/components/mip-vhtml/mip-vhtml.js diff --git a/sites/bandtechs.com/components/mip-company/README.md b/sites/bandtechs.com/components/mip-company/README.md new file mode 100644 index 000000000..d5cc6fcb6 --- /dev/null +++ b/sites/bandtechs.com/components/mip-company/README.md @@ -0,0 +1,30 @@ +# mip-company + +标题|内容 +----|---- +类型| +支持布局| +所需脚本| [https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-company/mip-company.js](https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-company/mip-company.js) + +## 说明 +页面循环案列 + +## 示例 + +示例说明 + +``` +// 代码示例 +``` + +## 属性 + +### 属性1 + +**说明**： + +**必选项**： + +**单位**： + +**默认值**： diff --git a/sites/bandtechs.com/components/mip-company/example/index.html b/sites/bandtechs.com/components/mip-company/example/index.html new file mode 100644 index 000000000..1636f0f73 --- /dev/null +++ b/sites/bandtechs.com/components/mip-company/example/index.html @@ -0,0 +1,20 @@ + + + + + + MIP page + + + + + +
+ +
+ + + + diff --git a/sites/bandtechs.com/components/mip-company/index.less b/sites/bandtechs.com/components/mip-company/index.less new file mode 100644 index 000000000..3f3f58736 --- /dev/null +++ b/sites/bandtechs.com/components/mip-company/index.less @@ -0,0 +1,56 @@ +mip-company { + .wrapper { + + } + .ox{ + display: flex; + flex-direction:row; + align-items: center; + justify-content: space-around; + margin-top:15px; + } + .right-box{ + width: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: space-between; + height:90px; + width:70%; + margin-left:10px; + } + .bar-title{ + color:#333333; + font-size: 15px; + font-family:PingFang SC; + font-weight:bold; + } + a{ + color:#3D97FE; + font-size:12px; + margin-left: -7px; + padding: 0; + border: none; + } + .see{ + color:#999999; + font-size:12px; + margin-left: 10px; + } + .see-div{ + width: 100%; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + } + .creat-time{ + color:#999999; + font-size:12px; + } + .see-num{ + display: flex; + align-items: center; + height: 100%; + } +} diff --git a/sites/bandtechs.com/components/mip-company/mip-company.js b/sites/bandtechs.com/components/mip-company/mip-company.js new file mode 100644 index 000000000..a8d80c280 --- /dev/null +++ b/sites/bandtechs.com/components/mip-company/mip-company.js @@ -0,0 +1,37 @@ +import './index.less' + +export default class MIPCompany extends MIP.CustomElement { + build () { + let wrapper = document.createElement('div') + let url = this.element.getAttribute('url') + wrapper.classList.add('wrapper') + let dataList = sessionStorage.getItem('dataList') + dataList = JSON.parse(dataList) + let arr = [] + dataList.newsList.forEach((item) => { + if (item.group === 4) { + arr.push(item) + } + }) + for (let i = 0; i < arr.length; i++) { + wrapper.innerHTML += ` +
+ +
+ ` + arr[i].title + ` + 发布时间` + arr[i].createTime + ` +
+ 【查看详情】 +
+ + 9654 +
+
+
+
+ ` + } + + this.element.appendChild(wrapper) + } +} diff --git a/sites/bandtechs.com/components/mip-news/README.md b/sites/bandtechs.com/components/mip-news/README.md new file mode 100644 index 000000000..870788a7d --- /dev/null +++ b/sites/bandtechs.com/components/mip-news/README.md @@ -0,0 +1,31 @@ +# mip-news + +标题|内容 +----|---- +类型| +支持布局| +所需脚本| [https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-news/mip-news.js](https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-news/mip-news.js) + +## 说明 + +组件功能说明 + +## 示例 + +示例说明 + +``` +// 代码示例 +``` + +## 属性 + +### 属性1 + +**说明**： + +**必选项**： + +**单位**： + +**默认值**： \ No newline at end of file diff --git a/sites/bandtechs.com/components/mip-news/example/index.html b/sites/bandtechs.com/components/mip-news/example/index.html new file mode 100644 index 000000000..ad34d183e --- /dev/null +++ b/sites/bandtechs.com/components/mip-news/example/index.html @@ -0,0 +1,20 @@ + + + + + + MIP page + + + + + +
+ +
+ + + + diff --git a/sites/bandtechs.com/components/mip-news/index.less b/sites/bandtechs.com/components/mip-news/index.less new file mode 100644 index 000000000..514ee5a9b --- /dev/null +++ b/sites/bandtechs.com/components/mip-news/index.less @@ -0,0 +1,41 @@ +mip-news { + + .img{ + width: 100%; + height:140px; + border-radius:5px; + //background: url('../../static/images/about.png'); + } + .news-box{ + margin-bottom: 20px; + } + .article-title{ + font-size:15px; + font-family:PingFang SC; + font-weight:bold; + margin-top: 10px; + color:rgba(51,51,51,1); + } + .time{ + color:#999999; + font-size: 12px; + font-family:PingFang SC; + font-weight:500; + margin-top: 10px; + color:rgba(153,153,153,1); + display: flex; + align-items: center; + justify-content: space-between; + } + .watch{ + display: flex; + align-items: center; + } + .left-1{ + margin-left: 20px; + margin-right: 9px; + } + .left-2{ + margin-right: 9px; + } +} diff --git a/sites/bandtechs.com/components/mip-news/mip-news.js b/sites/bandtechs.com/components/mip-news/mip-news.js new file mode 100644 index 000000000..39d1b4ae8 --- /dev/null +++ b/sites/bandtechs.com/components/mip-news/mip-news.js @@ -0,0 +1,35 @@ +import './index.less' +export default class MIPNews extends MIP.CustomElement { + build () { + let wrapper = document.createElement('div') + let dataList = sessionStorage.getItem('dataList') + dataList = JSON.parse(dataList) + let url = this.element.getAttribute('url') + let arr = [] + dataList.newsList.forEach((item) => { + if (item.group !== 4) { + arr.push(item) + } + }) + for (let i = 0; i < arr.length; i++) { + wrapper.innerHTML += ` +
+
+ +
+
` + arr[i].title + `
+
+ 发布时间：` + arr[i].createTime + ` +
+ + 9888 + + 88676 +
+
+
+ ` + } + this.element.appendChild(wrapper) + } +} diff --git a/sites/bandtechs.com/components/mip-product/README.md b/sites/bandtechs.com/components/mip-product/README.md new file mode 100644 index 000000000..0e8b7ed93 --- /dev/null +++ b/sites/bandtechs.com/components/mip-product/README.md @@ -0,0 +1,31 @@ +# mip-product + +标题|内容 +----|---- +类型| +支持布局| +所需脚本| [https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-product/mip-product.js](https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-product/mip-product.js) + +## 说明 + +组件功能说明 + +## 示例 + +示例说明 + +``` +// 代码示例 +``` + +## 属性 + +### 属性1 + +**说明**： + +**必选项**： + +**单位**： + +**默认值**： \ No newline at end of file diff --git a/sites/bandtechs.com/components/mip-product/example/index.html b/sites/bandtechs.com/components/mip-product/example/index.html new file mode 100644 index 000000000..ee5ccbbcf --- /dev/null +++ b/sites/bandtechs.com/components/mip-product/example/index.html @@ -0,0 +1,20 @@ + + + + + + MIP page + + + + + +
+ +
+ + + + diff --git a/sites/bandtechs.com/components/mip-product/index.less b/sites/bandtechs.com/components/mip-product/index.less new file mode 100644 index 000000000..12346627b --- /dev/null +++ b/sites/bandtechs.com/components/mip-product/index.less @@ -0,0 +1,6 @@ +mip-product { + .wrapper { + margin: 0 auto; + text-align: center; + } +} diff --git a/sites/bandtechs.com/components/mip-product/mip-product.js b/sites/bandtechs.com/components/mip-product/mip-product.js new file mode 100644 index 000000000..caf80866a --- /dev/null +++ b/sites/bandtechs.com/components/mip-product/mip-product.js @@ -0,0 +1,13 @@ +import './index.less' + +export default class MIPProduct extends MIP.CustomElement { + build () { + let wrapper = document.createElement('div') + wrapper.classList.add('wrapper') + wrapper.innerHTML = ` +

MIP 2.0 component example

+

This is my first custom component !

+ ` + this.element.appendChild(wrapper) + } +} diff --git a/sites/bandtechs.com/components/mip-success/README.md b/sites/bandtechs.com/components/mip-success/README.md new file mode 100644 index 000000000..56dc20a9d --- /dev/null +++ b/sites/bandtechs.com/components/mip-success/README.md @@ -0,0 +1,31 @@ +# mip-success + +标题|内容 +----|---- +类型| +支持布局| +所需脚本| [https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-success/mip-success.js](https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-success/mip-success.js) + +## 说明 +对数据进行处理，再循环输出标签 + + +## 示例 + +示例说明 + +``` +// 代码示例 +``` + +## 属性 + +### 属性1 + +**说明**： + +**必选项**： + +**单位**： + +**默认值**： diff --git a/sites/bandtechs.com/components/mip-success/example/index.html b/sites/bandtechs.com/components/mip-success/example/index.html new file mode 100644 index 000000000..8478f251b --- /dev/null +++ b/sites/bandtechs.com/components/mip-success/example/index.html @@ -0,0 +1,20 @@ + + + + + + MIP page + + + + + +
+ +
+ + + + diff --git a/sites/bandtechs.com/components/mip-success/index.less b/sites/bandtechs.com/components/mip-success/index.less new file mode 100644 index 000000000..0ca16cb0b --- /dev/null +++ b/sites/bandtechs.com/components/mip-success/index.less @@ -0,0 +1,33 @@ +mip-success { + .wrapper { + + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + margin: auto; + align-items: center; + } + .exam-img-box{ + float: left; + display: flex; + flex-direction: column; + align-items: center; + width: 48%; + height:142px; + //margin:0 1%; + text-align: center; + margin-bottom: 16px; + } + .exam-img-box span{ + font-size: 12px; + color:#666666; + font-weight:500; + width: 100%; + } + .exam-img-box a{ + width: 100%; + height:100%; + } + +} diff --git a/sites/bandtechs.com/components/mip-success/mip-success.js b/sites/bandtechs.com/components/mip-success/mip-success.js new file mode 100644 index 000000000..4210e8705 --- /dev/null +++ b/sites/bandtechs.com/components/mip-success/mip-success.js @@ -0,0 +1,27 @@ +import './index.less' + +export default class MIPSuccess extends MIP.CustomElement { + build () { + let wrapper = document.createElement('div') + wrapper.classList.add('wrapper') + let dataList = sessionStorage.getItem('dataList') + dataList = JSON.parse(dataList) + let arr = [] + dataList.newsList.forEach((item) => { + if (item.group === 4) { + arr.push(item) + } + }) + for (let i = 0; i < 4; i++) { + wrapper.innerHTML += ` +
+ + + ` + arr[i].title + ` + +
+ ` + } + this.element.appendChild(wrapper) + } +} diff --git a/sites/bandtechs.com/components/mip-vhtml/README.md b/sites/bandtechs.com/components/mip-vhtml/README.md new file mode 100644 index 000000000..fee3e18b9 --- /dev/null +++ b/sites/bandtechs.com/components/mip-vhtml/README.md @@ -0,0 +1,32 @@ +# mip-vhtml + +标题|内容 +----|---- +类型| +支持布局| +所需脚本| [https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-vhtml/mip-vhtml.js](https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-vhtml/mip-vhtml.js) + +## 说明 + +制作一个节点，来展示服务端发过来的富文本文件 + +## 示例 + +示例说明 + +``` +// 代码示例 +``` + +## 属性 + +### 属性1 + +**说明**： + + +**必选项**： + +**单位**： + +**默认值**： diff --git a/sites/bandtechs.com/components/mip-vhtml/example/index.html b/sites/bandtechs.com/components/mip-vhtml/example/index.html new file mode 100644 index 000000000..123c0b2fa --- /dev/null +++ b/sites/bandtechs.com/components/mip-vhtml/example/index.html @@ -0,0 +1,20 @@ + + + + + + MIP page + + + + + +
+ +
+ + + + diff --git a/sites/bandtechs.com/components/mip-vhtml/index.less b/sites/bandtechs.com/components/mip-vhtml/index.less new file mode 100644 index 000000000..b25893848 --- /dev/null +++ b/sites/bandtechs.com/components/mip-vhtml/index.less @@ -0,0 +1,13 @@ +mip-vhtml { + .wrapper { + margin: 0 auto; + //text-align: center; + } + .textS{ + //text-align: left; + color:#666666; + font-size: 12px; + line-height:24px; + + } +} diff --git a/sites/bandtechs.com/components/mip-vhtml/mip-vhtml.js b/sites/bandtechs.com/components/mip-vhtml/mip-vhtml.js new file mode 100644 index 000000000..713e6ad0f --- /dev/null +++ b/sites/bandtechs.com/components/mip-vhtml/mip-vhtml.js @@ -0,0 +1,15 @@ +import './index.less' + +export default class MIPVhtml extends MIP.CustomElement { + build () { + let wrapper = document.createElement('div') + wrapper.classList.add('wrapper') + let index = this.element.getAttribute('name') + let List = this.element.getAttribute('list') + List = JSON.parse(List) + wrapper.innerHTML = ` +
` + List[index].content + `
+ ` + this.element.appendChild(wrapper) + } +} From 244eb6820d3a5ee48744eeaf2e56c61e43cf9963 Mon Sep 17 00:00:00 2001 From: givemelie <781558368@qq.com> Date: Sat, 28 Sep 2019 10:11:00 +0800 Subject: [PATCH 4/6] =?UTF-8?q?=E7=BB=84=E4=BB=B6=E8=AF=B4=E6=98=8E?= =?UTF-8?q?=EF=BC=8Cjs=E9=83=A8=E5=88=86=E7=9A=84=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/mip-company/README.md | 6 ++-- .../components/mip-news/README.md | 4 +-- .../components/mip-product/README.md | 31 ------------------- .../components/mip-product/example/index.html | 20 ------------ .../components/mip-product/index.less | 6 ---- .../components/mip-product/mip-product.js | 13 -------- .../components/mip-success/README.md | 2 +- .../components/mip-success/mip-success.js | 8 ++--- sites/bandtechs.com/package.json | 3 +- 9 files changed, 12 insertions(+), 81 deletions(-) delete mode 100644 sites/bandtechs.com/components/mip-product/README.md delete mode 100644 sites/bandtechs.com/components/mip-product/example/index.html delete mode 100644 sites/bandtechs.com/components/mip-product/index.less delete mode 100644 sites/bandtechs.com/components/mip-product/mip-product.js diff --git a/sites/bandtechs.com/components/mip-company/README.md b/sites/bandtechs.com/components/mip-company/README.md index d5cc6fcb6..43173a316 100644 --- a/sites/bandtechs.com/components/mip-company/README.md +++ b/sites/bandtechs.com/components/mip-company/README.md @@ -7,7 +7,7 @@ 所需脚本| [https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-company/mip-company.js](https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-company/mip-company.js) ## 说明 -页面循环案列 +主要是对本地储存的案列数据进行提取和数据处理，再穿插在页面上 ## 示例 @@ -19,10 +19,10 @@ ## 属性 -### 属性1 +### url **说明**： - +获取动态的图片地址 **必选项**： **单位**： diff --git a/sites/bandtechs.com/components/mip-news/README.md b/sites/bandtechs.com/components/mip-news/README.md index 870788a7d..9f0de2182 100644 --- a/sites/bandtechs.com/components/mip-news/README.md +++ b/sites/bandtechs.com/components/mip-news/README.md @@ -8,7 +8,7 @@ ## 说明 -组件功能说明 +新闻中心通用组件，用于展示页面的各个新闻条目 ## 示例 @@ -28,4 +28,4 @@ **单位**： -**默认值**： \ No newline at end of file +**默认值**： diff --git a/sites/bandtechs.com/components/mip-product/README.md b/sites/bandtechs.com/components/mip-product/README.md deleted file mode 100644 index 0e8b7ed93..000000000 --- a/sites/bandtechs.com/components/mip-product/README.md +++ /dev/null @@ -1,31 +0,0 @@ -# mip-product - -标题|内容 -----|---- -类型| -支持布局| -所需脚本| [https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-product/mip-product.js](https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-product/mip-product.js) - -## 说明 - -组件功能说明 - -## 示例 - -示例说明 - -``` -// 代码示例 -``` - -## 属性 - -### 属性1 - -**说明**： - -**必选项**： - -**单位**： - -**默认值**： \ No newline at end of file diff --git a/sites/bandtechs.com/components/mip-product/example/index.html b/sites/bandtechs.com/components/mip-product/example/index.html deleted file mode 100644 index ee5ccbbcf..000000000 --- a/sites/bandtechs.com/components/mip-product/example/index.html +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - MIP page - - - - - -
- -
- - - - diff --git a/sites/bandtechs.com/components/mip-product/index.less b/sites/bandtechs.com/components/mip-product/index.less deleted file mode 100644 index 12346627b..000000000 --- a/sites/bandtechs.com/components/mip-product/index.less +++ /dev/null @@ -1,6 +0,0 @@ -mip-product { - .wrapper { - margin: 0 auto; - text-align: center; - } -} diff --git a/sites/bandtechs.com/components/mip-product/mip-product.js b/sites/bandtechs.com/components/mip-product/mip-product.js deleted file mode 100644 index caf80866a..000000000 --- a/sites/bandtechs.com/components/mip-product/mip-product.js +++ /dev/null @@ -1,13 +0,0 @@ -import './index.less' - -export default class MIPProduct extends MIP.CustomElement { - build () { - let wrapper = document.createElement('div') - wrapper.classList.add('wrapper') - wrapper.innerHTML = ` -

MIP 2.0 component example

-

This is my first custom component !

- ` - this.element.appendChild(wrapper) - } -} diff --git a/sites/bandtechs.com/components/mip-success/README.md b/sites/bandtechs.com/components/mip-success/README.md index 56dc20a9d..03b69abad 100644 --- a/sites/bandtechs.com/components/mip-success/README.md +++ b/sites/bandtechs.com/components/mip-success/README.md @@ -7,7 +7,7 @@ 所需脚本| [https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-success/mip-success.js](https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-success/mip-success.js) ## 说明 -对数据进行处理，再循环输出标签 +案列中心通用组件，用于展示各个案列的条目。简化页面 ## 示例 diff --git a/sites/bandtechs.com/components/mip-success/mip-success.js b/sites/bandtechs.com/components/mip-success/mip-success.js index 4210e8705..f5cf7c34a 100644 --- a/sites/bandtechs.com/components/mip-success/mip-success.js +++ b/sites/bandtechs.com/components/mip-success/mip-success.js @@ -7,11 +7,11 @@ export default class MIPSuccess extends MIP.CustomElement { let dataList = sessionStorage.getItem('dataList') dataList = JSON.parse(dataList) let arr = [] - dataList.newsList.forEach((item) => { - if (item.group === 4) { - arr.push(item) + for (let i = 0; i < dataList.newsList.length; i++) { + if (dataList.newsList[i].group === 4) { + arr.push(dataList.newsList[i]) } - }) + } for (let i = 0; i < 4; i++) { wrapper.innerHTML += `
diff --git a/sites/bandtechs.com/package.json b/sites/bandtechs.com/package.json index 9e2096e0a..2a07beb98 100644 --- a/sites/bandtechs.com/package.json +++ b/sites/bandtechs.com/package.json @@ -20,6 +20,7 @@ "eslint-plugin-node": "^6.0.1", "eslint-plugin-promise": "^3.8.0", "eslint-plugin-standard": "^3.1.0", - "eslint-plugin-vue": "^4.5.0" + "eslint-plugin-vue": "^4.5.0", + "husky": "^1.0.0-rc.8" } } From 61f7af2d29ae36c7e6e210e39d3afb9d7716ebae Mon Sep 17 00:00:00 2001 From: givemelie <781558368@qq.com> Date: Sat, 28 Sep 2019 10:13:41 +0800 Subject: [PATCH 5/6] =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- sites/bandtechs.com/components/mip-vhtml/README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/sites/bandtechs.com/components/mip-vhtml/README.md b/sites/bandtechs.com/components/mip-vhtml/README.md index fee3e18b9..1efc40fa7 100644 --- a/sites/bandtechs.com/components/mip-vhtml/README.md +++ b/sites/bandtechs.com/components/mip-vhtml/README.md @@ -24,7 +24,6 @@ **说明**： - **必选项**： **单位**： From 73ffb374f3c753fa3a5f6a2e8a8c6a15ce1d69a3 Mon Sep 17 00:00:00 2001 From: givemelie <781558368@qq.com> Date: Tue, 8 Oct 2019 11:43:12 +0800 Subject: [PATCH 6/6] =?UTF-8?q?=E8=AF=B4=E6=98=8E=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- sites/bandtechs.com/components/mip-company/README.md | 2 +- sites/bandtechs.com/components/mip-vhtml/README.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/sites/bandtechs.com/components/mip-company/README.md b/sites/bandtechs.com/components/mip-company/README.md index 43173a316..8d27dc9d8 100644 --- a/sites/bandtechs.com/components/mip-company/README.md +++ b/sites/bandtechs.com/components/mip-company/README.md @@ -7,7 +7,7 @@ 所需脚本| [https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-company/mip-company.js](https://c.mipcdn.com/extensions/platform/v2/mipWebsite/mip-company/mip-company.js) ## 说明 -主要是对本地储存的案列数据进行提取和数据处理，再穿插在页面上 +主要是对请求并在首页储存的json文件数据提取和数据分类处理，再循环遍历出来 ## 示例 diff --git a/sites/bandtechs.com/components/mip-vhtml/README.md b/sites/bandtechs.com/components/mip-vhtml/README.md index 1efc40fa7..9b10a0aa1 100644 --- a/sites/bandtechs.com/components/mip-vhtml/README.md +++ b/sites/bandtechs.com/components/mip-vhtml/README.md @@ -8,7 +8,7 @@ ## 说明 -制作一个节点，来展示服务端发过来的富文本文件 +对动态绑定的富文本进行展示(直接利用m-bind绑定的从服务端接受的富文本内容无法正常展示出来) ## 示例