Merge branch 'master' of https://github.com/alibaba/ice

react-materials/blocks/DownloadIntro/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@icedesign/release-intro-block",
+  "version": "1.0.0",
+  "description": "根据平台信息，展示对应软件下载，以及软件介绍等。",
+  "author": "noyobo <[email protected]>",
+  "files": ["src/", "lib/"],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alibaba/ice"
+  },
+  "license": "MIT",
+  "keywords": ["ice", "react", "block"],
+  "publishConfig": {
+    "access": "public",
+    "registry": "http://registry.npmjs.com"
+  },
+  "dependencies": {
+    "@icedesign/base": "^0.2.1",
+    "prop-types": "^15.5.8",
+    "react": "^16.2.0"
+  },
+  "blockConfig": {
+    "name": "release-intro",
+    "title": "软件发布介绍页",
+    "categories": ["信息展示"],
+    "screenshot":
+      "https://img.alicdn.com/tfs/TB19OTopKuSBuNjy1XcXXcYjFXa-2624-1488.png"
+  }
+}

react-materials/blocks/ProductFeature/README.md

@@ -0,0 +1,7 @@
+# product-feature
+
+简介：产品特点介绍
+
+用于描述产品的特点，左图右文形式。
+
+![截图](https://img.alicdn.com/tfs/TB1VljUppOWBuNjy0FiXXXFxVXa-2648-1000.png)

react-materials/blocks/ProductFeature/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@icedesign/product-feature-block",
+  "version": "1.0.0",
+  "description": "用于描述产品的特点，左图右文形式。",
+  "author": "noyobo <[email protected]>",
+  "files": ["src/", "lib/"],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alibaba/ice"
+  },
+  "license": "MIT",
+  "keywords": ["ice", "react", "block"],
+  "publishConfig": {
+    "access": "public",
+    "registry": "http://registry.npmjs.com"
+  },
+  "dependencies": {
+    "react": "^16.2.0",
+    "prop-types": "^15.5.8"
+  },
+  "blockConfig": {
+    "name": "product-feature",
+    "title": "产品特点介绍",
+    "categories": ["信息展示"],
+    "screenshot":
+      "https://img.alicdn.com/tfs/TB1VljUppOWBuNjy0FiXXXFxVXa-2648-1000.png"
+  }
+}

react-materials/blocks/ProductFeature/src/ProductFeature.jsx

@@ -0,0 +1,93 @@
+import React, { Component } from 'react';
+
+export default class ProductFeature extends Component {
+  static displayName = 'ProductFeature';
+
+  static defaultProps = {
+    title: '项目仪表盘插件化',
+    desc:
+      '丰富多样的项目信息面板，页面信息，路由信息 依赖管理等，配置专属的Iceworks 界面',
+    img: {
+      width: 640,
+      height: 430,
+      url: '//img.alicdn.com/tfs/TB1pPQppv1TBuNjy0FjXXajyXXa-1280-860.png',
+    },
+  };
+
+  render() {
+    return (
+      <div style={styles.wrapperContainer}>
+        <div style={styles.wrapper}>
+          <div style={styles.feature}>
+            <div style={styles.title}>{this.props.title}</div>
+            <div style={styles.line}>
+              <div style={styles.lineHeader} />
+            </div>
+            <div style={styles.desc}>{this.props.desc}</div>
+          </div>
+          <div style={styles.cover}>
+            <img
+              alt="特点图"
+              style={{ ...styles.coverImage, ...this.props.img }}
+              src={this.props.img.url}
+            />
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
+
+const styles = {
+  wrapperContainer: {
+    backgroundColor: '#f6f6f6',
+  },
+  wrapper: {
+    position: 'relative',
+    backgroundColor: '#f6f6f6',
+    height: 500,
+    maxWidth: 1190,
+    margin: '0 auto',
+  },
+  feature: {
+    marginLeft: '50%',
+    marginRight: '10%',
+    paddingTop: 160,
+    paddingBottom: 160,
+    paddingLeft: 30,
+    backgroundImage:
+      'url(https://img.alicdn.com/tfs/TB1fFH5pAyWBuNjy0FpXXassXXa-66-66.png)',
+    backgroundRepeat: 'no-repeat',
+    backgroundPosition: '10px 120px',
+  },
+  line: {
+    height: 2,
+    width: 140,
+    backgroundColor: '#fff',
+    margin: '20px 0',
+  },
+  lineHeader: {
+    height: 2,
+    width: 33,
+    backgroundColor: '#3080FE',
+  },
+  title: {
+    color: '#3080FE',
+    fontSize: 36,
+  },
+  desc: {
+    fontSize: 16,
+    color: '#6D7A82',
+    maxWidth: 400,
+    lineHeight: '26px',
+  },
+  cover: {
+    position: 'absolute',
+    right: '55%',
+    bottom: 0,
+  },
+  coverImage: {
+    maxHeight: 430,
+    display: 'block',
+  },
+};

react-materials/blocks/ProductFeature/src/index.js

@@ -0,0 +1,3 @@
+import ProductFeature from './ProductFeature';
+
+export default ProductFeature;

react-materials/blocks/ProductFeatureDark/README.md

@@ -0,0 +1,7 @@
+# product-feature-dark
+
+简介：产品特点介绍
+
+描述产品特点区块，深色主题，左文右图展示形式。
+
+![截图](https://img.alicdn.com/tfs/TB1yi7OpuuSBuNjy1XcXXcYjFXa-2484-1000.png)

react-materials/blocks/ProductFeatureDark/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@icedesign/product-feature-dark-block",
+  "version": "1.0.0",
+  "description": "描述产品特点区块，深色主题，左文右图展示形式。",
+  "author": "noyobo <[email protected]>",
+  "files": ["src/", "lib/"],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alibaba/ice"
+  },
+  "license": "MIT",
+  "keywords": ["ice", "react", "block"],
+  "publishConfig": {
+    "access": "public",
+    "registry": "http://registry.npmjs.com"
+  },
+  "dependencies": {
+    "react": "^16.2.0",
+    "prop-types": "^15.5.8"
+  },
+  "blockConfig": {
+    "name": "product-feature-dark",
+    "title": "产品特点介绍",
+    "categories": ["信息展示"],
+    "screenshot":
+      "https://img.alicdn.com/tfs/TB1yi7OpuuSBuNjy1XcXXcYjFXa-2484-1000.png"
+  }
+}

react-materials/blocks/ProductFeatureDark/src/ProductFeatureDark.jsx

@@ -0,0 +1,93 @@
+import React, { Component } from 'react';
+
+export default class ProductFeatureDark extends Component {
+  static displayName = 'ProductFeatureDark';
+
+  render() {
+    return (
+      <div style={styles.wrapperContainer}>
+        <div style={styles.wrapper}>
+          <div style={styles.feature}>
+            <div style={styles.title}>物料自定义接入</div>
+            <div style={styles.line}>
+              <div style={styles.lineHeader} />
+            </div>
+            <div style={styles.desc}>
+              官方提供海量的物料，覆盖多种业务场景，也支持物料自定义接入，定制物料源
+            </div>
+          </div>
+          <div style={styles.cover}>
+            <img
+              alt="特点图"
+              style={styles.coverImage}
+              src="https://img.alicdn.com/tfs/TB1gEoLpwmTBuNjy1XbXXaMrVXa-1760-974.png"
+            />
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
+
+const styles = {
+  wrapperContainer: {
+    backgroundColor: '#f6f6f6',
+    backgroundImage:
+      'url(//img.alicdn.com/tfs/TB1P7ELpwmTBuNjy1XbXXaMrVXa-3798-1000.png)',
+    backgroundSize: 'cover',
+  },
+  wrapper: {
+    position: 'relative',
+
+    height: 500,
+    overflow: 'hidden',
+    maxWidth: 1190,
+    margin: '0 auto',
+  },
+  feature: {
+    paddingTop: 160,
+    paddingBottom: 160,
+    paddingLeft: 30,
+    backgroundImage:
+      'url(https://img.alicdn.com/tfs/TB1A5MNpuuSBuNjy1XcXXcYjFXa-66-66.png)',
+    backgroundRepeat: 'no-repeat',
+    backgroundPosition: '10px 120px',
+    zIndex: 2,
+    top: 0,
+    right: '70%',
+    position: 'absolute',
+  },
+  line: {
+    height: 2,
+    width: 140,
+    backgroundColor: 'rgba(255,255,255,0.4)',
+    margin: '20px 0',
+  },
+  lineHeader: {
+    height: 2,
+    width: 33,
+    backgroundColor: '#fff',
+  },
+  title: {
+    color: '#fff',
+    fontSize: 36,
+    textShadow: '0 0 3px rgba(0,0,0,0.3)',
+  },
+  desc: {
+    fontSize: 16,
+    color: '#fff',
+    lineHeight: '26px',
+    maxWidth: 280,
+    textShadow: '0 0 1px rgba(0,0,0,0.3)',
+  },
+  cover: {
+    position: 'absolute',
+    left: '40%',
+    bottom: 0,
+    zIndex: 1,
+  },
+  coverImage: {
+    maxHeight: 430,
+    display: 'block',
+  },
+};

react-materials/blocks/ProductFeatureDark/src/index.js

@@ -0,0 +1,3 @@
+import ProductFeatureDark from './ProductFeatureDark';
+
+export default ProductFeatureDark;

react-materials/blocks/ProductFeatureDark2/README.md

@@ -0,0 +1,7 @@
+# product-feature-dark2
+
+简介：产品特点介绍
+
+描述产品特点区块，深色主题，左文右图展示形式，支持异形图片。
+
+![截图](https://img.alicdn.com/tfs/TB14iKGpTtYBeNjy1XdXXXXyVXa-2600-1002.png)

react-materials/blocks/ProductFeatureDark2/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@icedesign/product-feature-dark2-block",
+  "version": "1.0.0",
+  "description": "描述产品特点区块，深色主题，左文右图展示形式，支持异形图片。",
+  "author": "noyobo <[email protected]>",
+  "files": ["src/", "lib/"],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alibaba/ice"
+  },
+  "license": "MIT",
+  "keywords": ["ice", "react", "block"],
+  "publishConfig": {
+    "access": "public",
+    "registry": "http://registry.npmjs.com"
+  },
+  "dependencies": {
+    "react": "^16.2.0",
+    "prop-types": "^15.5.8"
+  },
+  "blockConfig": {
+    "name": "product-feature-dark2",
+    "title": "产品特点介绍",
+    "categories": ["信息展示"],
+    "screenshot":
+      "https://img.alicdn.com/tfs/TB14iKGpTtYBeNjy1XdXXXXyVXa-2600-1002.png"
+  }
+}