react-ld
diff --git a/‎example/App.jsx‎
Lines changed: 39 additions & 0 deletions b/‎example/App.jsx‎
Lines changed: 39 additions & 0 deletions
diff --git a/‎example/App.less‎
Lines changed: 9 additions & 0 deletions b/‎example/App.less‎
Lines changed: 9 additions & 0 deletions
diff --git a/‎example/assets/0.jpg‎
281 KB b/‎example/assets/0.jpg‎
281 KB
diff --git a/‎example/assets/1.jpg‎
173 KB b/‎example/assets/1.jpg‎
173 KB
diff --git a/‎example/assets/2.jpg‎
89.9 KB b/‎example/assets/2.jpg‎
89.9 KB
diff --git a/‎example/assets/3.jpg‎
97.9 KB b/‎example/assets/3.jpg‎
97.9 KB
diff --git a/‎example/assets/4.jpg‎
66.6 KB b/‎example/assets/4.jpg‎
66.6 KB
diff --git a/‎example/index.html‎
Lines changed: 15 additions & 0 deletions b/‎example/index.html‎
Lines changed: 15 additions & 0 deletions
diff --git a/‎example/main.js‎
Lines changed: 25 additions & 0 deletions b/‎example/main.js‎
Lines changed: 25 additions & 0 deletions
diff --git a/‎index.html‎
Lines changed: 15 additions & 0 deletions b/‎index.html‎
Lines changed: 15 additions & 0 deletions
@@ -0,0 +1,39 @@
+import React, { Component } from 'react';
+import { render } from 'react-dom';
+import PropTypes from 'prop-types';
+
+import WxImageViewer from 'index.js';
+import './App.less';
+
+class App extends Component {
+
+  state = {
+    imags: [
+      require('./assets/2.jpg'),
+      require('./assets/1.jpg'),
+      require('./assets/0.jpg'),
+      require('./assets/3.jpg'),
+      require('./assets/4.jpg'),
+    ]
+  };
+
+  render() {
+    return (
+      <div className="app">
+        <div className="img-list">
+          {
+            this.state.imags.map(item => {
+              console.info("111",item);
+              return <div className="img">
+                <img src={item} alt="" width="100%" height="auto" className=""/> 
+              </div>
+            })
+          }
+        </div>
+        <WxImageViewer urls={this.state.imags} index={2}/>
+      </div>
+    )
+  }
+}
+
+export default App;
@@ -0,0 +1,9 @@
+
+.app{
+  .img-list{
+    display: flex; justify-content: space-between; flex-wrap: wrap;
+    .img{
+      width: 33.3%;
+    }
+  }
+}
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>WxImageViewer demo</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
+</head>
+<body>
+    <div id="root"></div>
+    <!-- 
+        bundle1.js is demo use document as contianer 
+        bundle2.js is demo use ReactPullLoad root DOM as contianer 
+    -->
+</body>
+</html>
@@ -0,0 +1,25 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import { AppContainer } from 'react-hot-loader';
+// AppContainer 是一个 HMR 必须的包裹(wrapper)组件
+
+import App from './App.jsx';
+
+const render = (Component) => {
+  ReactDOM.render(
+    <AppContainer>
+      <Component/>
+    </AppContainer>,
+    document.getElementById('root')
+  );
+};
+
+render(App);
+
+// 模块热替换的 API
+if (module.hot) {
+  module.hot.accept('./App.jsx', () => {
+    render(App)
+  });
+}
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>ReactPullLoad demo</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
+</head>
+<body>
+    <div id="root"></div>
+    <!-- 
+        bundle1.js is demo use document as contianer 
+        bundle2.js is demo use ReactPullLoad root DOM as contianer 
+    -->
+<script type="text/javascript" src="demo/main.js?4c701ed503df2b1d0ff2"></script></body>
+</html>