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-company/README.md b/sites/bandtechs.com/components/mip-company/README.md new file mode 100644 index 000000000..8d27dc9d8 --- /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) + +## 说明 +主要是对请求并在首页储存的json文件数据提取和数据分类处理，再循环遍历出来 + +## 示例 + +示例说明 + +``` +// 代码示例 +``` + +## 属性 + +### url + +**说明**： +获取动态的图片地址 +**必选项**： + +**单位**： + +**默认值**： 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..9f0de2182 --- /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 + +**说明**： + +**必选项**： + +**单位**： + +**默认值**： 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-success/README.md b/sites/bandtechs.com/components/mip-success/README.md new file mode 100644 index 000000000..03b69abad --- /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..f5cf7c34a --- /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 = [] + 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 += ` +
+ + + ` + arr[i].title + ` + +
+ ` + } + this.element.appendChild(wrapper) + } +} 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..d74a611b5 --- /dev/null +++ b/sites/bandtechs.com/components/mip-tabar/README.md @@ -0,0 +1,32 @@ +# 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) + +## 说明 + +底部悬浮工具栏组件，包括电话咨询，微信咨询，在线咨询，回到顶部这几个功能 + +## 示例 + +示例说明 + +``` +// 代码示例 +``` + +## 属性 + +### 属性 src + +**说明**： +得到src变量的值，来拼接图片地址。可以通过更改src这个变量来改变这个组件内mip-img组件的图片地址 + +**必选项**： + +**单位**： + +**默认值**： 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..82dcc95d3 --- /dev/null +++ b/sites/bandtechs.com/components/mip-tabar/mip-tabar.js @@ -0,0 +1,43 @@ +import './index.less' + +export default class MIPTabar extends MIP.CustomElement { + build () { + let wrapper = document.createElement('div') + wrapper.classList.add('wrapper') + let url = this.element.getAttribute('url') + wrapper.innerHTML = ` + +
+ +
+ + 电话咨询 +
+ +
+ + 微信咨询 +
+
+ + + 在线咨询 + +
+
+ + 返回顶部 +
+
+ + +
+ +

李经理微信号:bandengli211

+ +
+ + ` + 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..9b10a0aa1 --- /dev/null +++ b/sites/bandtechs.com/components/mip-vhtml/README.md @@ -0,0 +1,31 @@ +# 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) + +## 说明 + +对动态绑定的富文本进行展示(直接利用m-bind绑定的从服务端接受的富文本内容无法正常展示出来) + +## 示例 + +示例说明 + +``` +// 代码示例 +``` + +## 属性 + +### 属性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) + } +} 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..2a07beb98 --- /dev/null +++ b/sites/bandtechs.com/package.json @@ -0,0 +1,26 @@ +{ + "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", + "husky": "^1.0.0-rc.8" + } +} diff --git a/sites/bandtechs.com/static/.gitkeep b/sites/bandtechs.com/static/.gitkeep new file mode 100644 index 000000000..e69de29bb