diff --git a/sites/hxsd/.editorconfig b/sites/hxsd/.editorconfig new file mode 100644 index 000000000..cb530eac4 --- /dev/null +++ b/sites/hxsd/.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/hxsd/.eslintignore b/sites/hxsd/.eslintignore new file mode 100644 index 000000000..db4c6d9b6 --- /dev/null +++ b/sites/hxsd/.eslintignore @@ -0,0 +1,2 @@ +dist +node_modules \ No newline at end of file diff --git a/sites/hxsd/.eslintrc b/sites/hxsd/.eslintrc new file mode 100644 index 000000000..84a3a2e9c --- /dev/null +++ b/sites/hxsd/.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/hxsd/common/.gitkeep b/sites/hxsd/common/.gitkeep new file mode 100644 index 000000000..e69de29bb diff --git a/sites/hxsd/components/mip-hxsdhc-example/README.md b/sites/hxsd/components/mip-hxsdhc-example/README.md new file mode 100644 index 000000000..0f094bedb --- /dev/null +++ b/sites/hxsd/components/mip-hxsdhc-example/README.md @@ -0,0 +1,34 @@ +# mip-hcGo-example + +标题|内容 +获取视窗后内容自适应|主要是实现获取视窗宽度后内容自适应，字体内容以自适应的比例展示。 +类型|通用 +支持布局|responsive,fixed-height,fill +所需脚本| 无依赖脚本 + +## 说明 +根据获取到视窗的宽度然后内容、字体自适应。 +如：设计稿宽度为640时，css写法为：width:6.4rem +750的时候：width:7.5rem +以除以100的比例缩放。 + + +## 示例 +js： +let width = document.documentElement.clientWidth || document.body.clientWidth; +let fontSize = (100 / hcClintWidth) * width; +// 代码示例 +Html框架无变化，主要依靠css以px为单位的进行缩，css的写法以rem出现。 + +## 属性 + +### 属性1 + +**说明**： +获取视窗宽度后根据设计稿尺寸，内容进行自适应。 +**必选项**： +是 +**单位**： +rem + +**默认值**： diff --git a/sites/hxsd/components/mip-hxsdhc-example/example/mip-hxsdhc-example.html b/sites/hxsd/components/mip-hxsdhc-example/example/mip-hxsdhc-example.html new file mode 100644 index 000000000..d88be679c --- /dev/null +++ b/sites/hxsd/components/mip-hxsdhc-example/example/mip-hxsdhc-example.html @@ -0,0 +1,287 @@ + + + + + + MIP page + + + + + +
+ + +
+
+
四大参赛主题，让你脱颖而出
+
+
+
+
不设命题 自由创作赛区
+
+
+
赛制规则：
+
+
+ 1.每位学员仅可报名一个单项赛事，依据单项赛事的主题创作提供高清作品.
+ 2.海选赛以各校区为独立单元，挑选10%的作品，进入入围赛.
+ 3.入围赛从各校区选送的10%的入围作品中，评选10个优秀作品进入决赛.
+ 4.决赛阶段从10个作品中，通过学员现场提案演讲进行最终的评奖.
+
+
+
奖项设置：
+
+
获奖学员奖励
+
+
指导教师奖励
+
+
+
+
+
+
赛事评委
+
+
    +
  • +
    +
    乔铮
    + +
    木疙瘩运营中心执行总监。曾负责国务院客户端、新华社、人民日报、华为、谷歌等项目。
    +
    • +
  • +
    +
    徐谭谭
    + +
    木疙瘩运营中心高校合作负责人。曾负责新华社、人民日报、华为、人民教育出版社等媒体及出版社的H5项目。
    +
    • +
  • +
    +
    王爱学
    + +
    微博品牌运营中心设计经理。多年4A品牌设计经验，主导了微博之夜、让红包飞等大型项目的视觉及创意工作。
    +
    • +
  • +
    +
    陈川
    +
    互动媒体学院院长
    +
    主导火星网多个项目/网络产品的建设和管理，具有多年的网站建设与项目管理经验。
    +
    • +
  • +
    +
    刘刈
    +
    10年行业经验
    +
    伯明翰艺术设计研究生学历。Looker London
    （英国）创始人，禾生品牌公司创始人。
    +
    • +
  • +
    +
    苏煜
    +
    15年行业经验
    +
    受邀参加“2013韩国illustｒator学会北京邀请展”，多次受邀担任“全国职业院校信息技能技术大赛”裁判。
    +
    • +
+
+
+
+
「城市与减灾」杯防灾减灾
作品征集大赛
+
+ +
+
+
公益广告「韧性城市·减灾+我」
+
+
+
参赛要求：
+
+
+ 1、创意及设计：表现内容不限，但需要体现主题思想.
+ 2、要求：海报作品尺寸最大不超过90*60cm.
+ 3、作品必须为原创，作品不得侵犯第三人的包括著作权、肖像权、名誉权、隐私权等在内的任何权利.
+ 4、作品如含有暴力、色情、宗教禁忌等法律所不允许的内容，不予参评.
+
+
+
评选标准：
+
+
+

1、主题明确、构思新颖

+

2、配色合理，协调准确

+

3、文字属性，合理匹配


+
+
+
+
+ + +
+
新浪微博“带着微博去旅行”
运营设计大赛
+
+
+
+
围绕提供的需求文档设计
+
+
+
参赛要求：
+
+
+ 1、设计一张全幅面主KV，文字内容为“带着微博去旅行” 英文标题“Go on a trip with weibo” 尺寸为1920x1080px.
+ 2、风格不限，体现活动的调性，突出活动品牌.
+ 3、可以适当突出表现短视频的特征元素.
+ 4、请于作品征集期间 2019年6月12日——2019年8月5日，将参赛作品提交给带班老师.
+
+
+
评选标准：
+
+
+ 1、创意及设计
+ 符合店铺调性、产品气质；有自身独特的创意和设计风格，作品内容视觉效果突出，符合目标消费者审美需求.
+ 2、光影及透视
+ 合成创意作品，光影和透视要合理、自然，符合自然规律.
+ 3、风格符合目标定位

+
+
+
+
+ + +
+
木疙瘩通用模版征集大赛
+
+
+
+
自由命题，体现正能量
+
+
+
参赛要求：
+
+
+ 1.目标用户： 媒体、普通用户.
+ 2.模版类型： 新闻报道、热点事件营销模版.
+ 3.交互形式不限，纯展示类H5、游戏、测试均可.
+ 4.制作轻量级H5作品，大小在10M以内.
+ 5、请于作品征集期间 2019年6月12日——2019年8月5日，将参赛作品提交给带班老师.
+
+
+
评选标准：
+
+
+ 1、创意及设计
+ 有独特的创意和设计风格，作品内容视觉效果突出.
+ 2、动画及交互
+ 动画设计符合运动规律，有自己的想法，交互设计注重用户体验，操作简单清晰.
+ 3、可用性
+ 作品适合用于通用模版的制作，可编辑性强.
+ 设计风格体现活动调性，突出活动品牌.

+
+
+
+
+ + +
+
小凉帽国际绘本创作大赛
+
+
+
+
以“小凉帽”形象作为创作对象
+
+
+
参赛要求：
+
+
+ “小凉帽”（别称/ 昵称：凉帽宝宝、小凉帽姐妹）基本形象
+ ① 小凉帽：6 岁，头戴传统的客家凉帽，是小凉帽魔法的第N 代传人，也是小凉帽系列IP 的主体形象。
+ ② 阿妹：是最快乐的小天使，最开心的事情
+ 1、创作的故事必须为未公开发表过的原创故事.
+ 2、作品可以是已经完成的完整绘本，也可以是尚未完成的部分绘本.
+ 3、每件参赛作品至少提供不包括封面在内的10张图像（电子文件，画面上需要有绘本故事文字）.
+
+
+
评选标准：
+
+
+ 1、组委会有权拒受任何对各国文化或道德有侵犯以及不符合参赛要求的作品.
+ 2、故事需逻辑清晰，积极健康.
+ 3、创作的手法和表现形式不限.

+
+
+
+
+
+
参赛作品提交及评选流程
+
+
+
+
+ + + +
+ + + + define(function (require) { + + var customElement = require('customElement').create(); + + customElement.prototype.firstInviewCallback = function () { + + var element = this.element; + + var text = element.getAttribute('alert-text') || ' 默认 alert 内容 '; + + element.addEventListener('click', function(){ + + alert(text); + + }); + + }; + + return customElement; + +}); + var hcClintWidth = 640; + var hcWidth = document.body.offsetWidth; + var htmlFont = document.querySelectorAll('html')[0] + function getFontSize(){ + var width = document.documentElement.clientWidth || document.body.clientWidth; + var fontSize = (100 / hcClintWidth) * width; + return fontSize; + }; + htmlFont.style.fontSize = getFontSize() + "px"; + window.onresize = function () { + setTimeout(function () { + htmlFont.style.fontSize = getFontSize() + "px"; + },100) + }; + + + + diff --git a/sites/hxsd/components/mip-hxsdhc-example/mip-hxsdhc-example.js b/sites/hxsd/components/mip-hxsdhc-example/mip-hxsdhc-example.js new file mode 100644 index 000000000..5038766f0 --- /dev/null +++ b/sites/hxsd/components/mip-hxsdhc-example/mip-hxsdhc-example.js @@ -0,0 +1,16 @@ +function hcGo(){ + var hcClintWidth = 640; + var hcWidth = document.body.offsetWidth; + var htmlFont = document.querySelectorAll('html')[0] + function getFontSize(){ + var width = document.documentElement.clientWidth || document.body.clientWidth; + var fontSize = (100 / hcClintWidth) * width; + return fontSize; + }; + htmlFont.style.fontSize = getFontSize() + "px"; + window.onresize = function () { + setTimeout(function () { + htmlFont.style.fontSize = getFontSize() + "px"; + },100) + }; +}hcGo() diff --git a/sites/hxsd/example/index.html b/sites/hxsd/example/index.html new file mode 100644 index 000000000..a0ad2dec7 --- /dev/null +++ b/sites/hxsd/example/index.html @@ -0,0 +1,26 @@ + + + + + + MIP page + + + + + +
+

First MIP page

+

Add MIP components here

+ +
+ + + + diff --git a/sites/hxsd/mip-hxsdhc-example.html b/sites/hxsd/mip-hxsdhc-example.html new file mode 100644 index 000000000..3d451b283 --- /dev/null +++ b/sites/hxsd/mip-hxsdhc-example.html @@ -0,0 +1,249 @@ + + + + + + MIP page + + + + + +
+ + +
+
+
四大参赛主题，让你脱颖而出
+
+
+
+
不设命题 自由创作赛区
+
+
+
赛制规则：
+
+
+ 1.每位学员仅可报名一个单项赛事，依据单项赛事的主题创作提供高清作品.
+ 2.海选赛以各校区为独立单元，挑选10%的作品，进入入围赛.
+ 3.入围赛从各校区选送的10%的入围作品中，评选10个优秀作品进入决赛.
+ 4.决赛阶段从10个作品中，通过学员现场提案演讲进行最终的评奖.
+
+
+
奖项设置：
+
+
获奖学员奖励
+
+
指导教师奖励
+
+
+
+
+
+
赛事评委
+
+
    +
  • +
    +
    乔铮
    + +
    木疙瘩运营中心执行总监。曾负责国务院客户端、新华社、人民日报、华为、谷歌等项目。
    +
    • +
  • +
    +
    徐谭谭
    + +
    木疙瘩运营中心高校合作负责人。曾负责新华社、人民日报、华为、人民教育出版社等媒体及出版社的H5项目。
    +
    • +
  • +
    +
    王爱学
    + +
    微博品牌运营中心设计经理。多年4A品牌设计经验，主导了微博之夜、让红包飞等大型项目的视觉及创意工作。
    +
    • +
  • +
    +
    陈川
    +
    互动媒体学院院长
    +
    主导火星网多个项目/网络产品的建设和管理，具有多年的网站建设与项目管理经验。
    +
    • +
  • +
    +
    刘刈
    +
    10年行业经验
    +
    伯明翰艺术设计研究生学历。Looker London
    （英国）创始人，禾生品牌公司创始人。
    +
    • +
  • +
    +
    苏煜
    +
    15年行业经验
    +
    受邀参加“2013韩国illustｒator学会北京邀请展”，多次受邀担任“全国职业院校信息技能技术大赛”裁判。
    +
    • +
+
+
+
+
「城市与减灾」杯防灾减灾
作品征集大赛
+
+ +
+
+
公益广告「韧性城市·减灾+我」
+
+
+
参赛要求：
+
+
+ 1、创意及设计：表现内容不限，但需要体现主题思想.
+ 2、要求：海报作品尺寸最大不超过90*60cm.
+ 3、作品必须为原创，作品不得侵犯第三人的包括著作权、肖像权、名誉权、隐私权等在内的任何权利.
+ 4、作品如含有暴力、色情、宗教禁忌等法律所不允许的内容，不予参评.
+
+
+
评选标准：
+
+
+

1、主题明确、构思新颖

+

2、配色合理，协调准确

+

3、文字属性，合理匹配


+
+
+
+
+ + +
+
新浪微博“带着微博去旅行”
运营设计大赛
+
+
+
+
围绕提供的需求文档设计
+
+
+
参赛要求：
+
+
+ 1、设计一张全幅面主KV，文字内容为“带着微博去旅行” 英文标题“Go on a trip with weibo” 尺寸为1920x1080px.
+ 2、风格不限，体现活动的调性，突出活动品牌.
+ 3、可以适当突出表现短视频的特征元素.
+ 4、请于作品征集期间 2019年6月12日——2019年8月5日，将参赛作品提交给带班老师.
+
+
+
评选标准：
+
+
+ 1、创意及设计
+ 符合店铺调性、产品气质；有自身独特的创意和设计风格，作品内容视觉效果突出，符合目标消费者审美需求.
+ 2、光影及透视
+ 合成创意作品，光影和透视要合理、自然，符合自然规律.
+ 3、风格符合目标定位

+
+
+
+
+ + +
+
木疙瘩通用模版征集大赛
+
+
+
+
自由命题，体现正能量
+
+
+
参赛要求：
+
+
+ 1.目标用户： 媒体、普通用户.
+ 2.模版类型： 新闻报道、热点事件营销模版.
+ 3.交互形式不限，纯展示类H5、游戏、测试均可.
+ 4.制作轻量级H5作品，大小在10M以内.
+ 5、请于作品征集期间 2019年6月12日——2019年8月5日，将参赛作品提交给带班老师.
+
+
+
评选标准：
+
+
+ 1、创意及设计
+ 有独特的创意和设计风格，作品内容视觉效果突出.
+ 2、动画及交互
+ 动画设计符合运动规律，有自己的想法，交互设计注重用户体验，操作简单清晰.
+ 3、可用性
+ 作品适合用于通用模版的制作，可编辑性强.
+ 设计风格体现活动调性，突出活动品牌.

+
+
+
+
+ + +
+
小凉帽国际绘本创作大赛
+
+
+
+
以“小凉帽”形象作为创作对象
+
+
+
参赛要求：
+
+
+ “小凉帽”（别称/ 昵称：凉帽宝宝、小凉帽姐妹）基本形象
+ ① 小凉帽：6 岁，头戴传统的客家凉帽，是小凉帽魔法的第N 代传人，也是小凉帽系列IP 的主体形象。
+ ② 阿妹：是最快乐的小天使，最开心的事情
+ 1、创作的故事必须为未公开发表过的原创故事.
+ 2、作品可以是已经完成的完整绘本，也可以是尚未完成的部分绘本.
+ 3、每件参赛作品至少提供不包括封面在内的10张图像（电子文件，画面上需要有绘本故事文字）.
+
+
+
评选标准：
+
+
+ 1、组委会有权拒受任何对各国文化或道德有侵犯以及不符合参赛要求的作品.
+ 2、故事需逻辑清晰，积极健康.
+ 3、创作的手法和表现形式不限.

+
+
+
+
+
+
参赛作品提交及评选流程
+
+
+
+
+ + + +
+ + + + diff --git a/sites/hxsd/mip.config.js b/sites/hxsd/mip.config.js new file mode 100644 index 000000000..d5457bef4 --- /dev/null +++ b/sites/hxsd/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/hxsd/package.json b/sites/hxsd/package.json new file mode 100644 index 000000000..ecbbcb1e2 --- /dev/null +++ b/sites/hxsd/package.json @@ -0,0 +1,25 @@ +{ + "name": "hxsd", + "version": "0.0.1", + "description": "hxsdmip", + "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": "hc", + "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/hxsd/static/.gitkeep b/sites/hxsd/static/.gitkeep new file mode 100644 index 000000000..e69de29bb diff --git a/sites/hxsd/static/bg.jpg b/sites/hxsd/static/bg.jpg new file mode 100644 index 000000000..51dc4ba82 Binary files /dev/null and b/sites/hxsd/static/bg.jpg differ diff --git a/sites/hxsd/static/bg_01.jpg b/sites/hxsd/static/bg_01.jpg new file mode 100644 index 000000000..64487bc0a Binary files /dev/null and b/sites/hxsd/static/bg_01.jpg differ diff --git a/sites/hxsd/static/jx1.jpg b/sites/hxsd/static/jx1.jpg new file mode 100644 index 000000000..dad2b538a Binary files /dev/null and b/sites/hxsd/static/jx1.jpg differ diff --git a/sites/hxsd/static/jx2.jpg b/sites/hxsd/static/jx2.jpg new file mode 100644 index 000000000..408c36437 Binary files /dev/null and b/sites/hxsd/static/jx2.jpg differ diff --git a/sites/hxsd/static/jxsz.jpg b/sites/hxsd/static/jxsz.jpg new file mode 100644 index 000000000..fe0b547f4 Binary files /dev/null and b/sites/hxsd/static/jxsz.jpg differ diff --git a/sites/hxsd/static/logo1.jpg b/sites/hxsd/static/logo1.jpg new file mode 100644 index 000000000..add8c07da Binary files /dev/null and b/sites/hxsd/static/logo1.jpg differ diff --git a/sites/hxsd/static/logo2.jpg b/sites/hxsd/static/logo2.jpg new file mode 100644 index 000000000..83b309f79 Binary files /dev/null and b/sites/hxsd/static/logo2.jpg differ diff --git a/sites/hxsd/static/pos1.jpg b/sites/hxsd/static/pos1.jpg new file mode 100644 index 000000000..4e020ab52 Binary files /dev/null and b/sites/hxsd/static/pos1.jpg differ diff --git a/sites/hxsd/static/pos2.jpg b/sites/hxsd/static/pos2.jpg new file mode 100644 index 000000000..8e705edec Binary files /dev/null and b/sites/hxsd/static/pos2.jpg differ diff --git a/sites/hxsd/static/pos3.jpg b/sites/hxsd/static/pos3.jpg new file mode 100644 index 000000000..7dd75f1ab Binary files /dev/null and b/sites/hxsd/static/pos3.jpg differ diff --git a/sites/hxsd/static/pos4.jpg b/sites/hxsd/static/pos4.jpg new file mode 100644 index 000000000..f6ba4aa67 Binary files /dev/null and b/sites/hxsd/static/pos4.jpg differ diff --git a/sites/hxsd/static/pos5.jpg b/sites/hxsd/static/pos5.jpg new file mode 100644 index 000000000..d35a53146 Binary files /dev/null and b/sites/hxsd/static/pos5.jpg differ diff --git a/sites/hxsd/static/pos6.jpg b/sites/hxsd/static/pos6.jpg new file mode 100644 index 000000000..a24f35294 Binary files /dev/null and b/sites/hxsd/static/pos6.jpg differ diff --git a/sites/hxsd/static/round.jpg b/sites/hxsd/static/round.jpg new file mode 100644 index 000000000..edfa3672e Binary files /dev/null and b/sites/hxsd/static/round.jpg differ diff --git a/sites/hxsd/static/title_bg.jpg b/sites/hxsd/static/title_bg.jpg new file mode 100644 index 000000000..ae9dc76c1 Binary files /dev/null and b/sites/hxsd/static/title_bg.jpg differ diff --git a/sites/hxsd/static/xzlogo.jpg b/sites/hxsd/static/xzlogo.jpg new file mode 100644 index 000000000..ae4a460a3 Binary files /dev/null and b/sites/hxsd/static/xzlogo.jpg differ