11

hello_taobao.json

@@ -53,8 +53,66 @@
 						}
 					}
 				]
+			},
+			{
+				"name": "rulePanel",
+				"properties": {
+					"style": {
+						"top": 0,
+						"left": 0,
+						"width": 750,
+						"height": 1624,
+						"display": "block",
+						"position": "absolute"
+					},
+					"attrs": {},
+					"className": "",
+					"name": "空视图"
+				},
+				"uuid": "5b0e5310-cca9-4b9a-87e8-1fec149a951f",
+				"rect": {
+					"x": 0,
+					"y": 0,
+					"width": 300,
+					"height": 300
+				},
+				"componentName": "Div",
+				"viewType": "Panel",
+				"children": [
+					{
+						"name": "rulePanelInner",
+						"uuid": "3efdd94c-51b8-4423-b361-d5424523b8d0",
+						"componentName": "Div",
+						"viewType": "Element",
+						"properties": {
+							"style": {
+								"width": 300,
+								"height": 300,
+								"opacity": 1,
+								"display": "block",
+								"left": 0,
+								"top": 0,
+								"position": "absolute",
+								"transformOrigin": "0px 0px 0px",
+								"backgroundColor": "blue"
+							},
+							"attrs": {},
+							"className": ""
+						},
+						"rect": {
+							"x": 0,
+							"y": 0,
+							"width": 300,
+							"height": 300
+						}
+					}
+				]
 			}
 		]
 	},
-	"assets": []
+	"assets": [],
+	"dependencies": {
+		"duiba-api": "0.0.1",
+		"log": "0.0.1"
+	}
 }
\ No newline at end of file

project/MD.js

+import MD from 'spark-utils/out/md/index.js';
+
+let appId = CFG.appID;
+const dcm = '202.' + CFG.projectId + '.0.0';
+const domain = '//embedlog.duiba.com.cn';
+
+let MDList = [
+  {
+    ele: `.test-md1`,
+    data: {
+      dpm: `${appId}.110.5.1`,
+      dcm,
+      domain,
+      appId
+    },
+    once: false
+  }
+];
+
+export default () =>
+  MD({
+    show: MDList, // 曝光
+    click: MDList // 点击
+  });

project/src/app.jsx

@@ -7,17 +7,9 @@ import MD from './MD';
 MD();
 //此处为spark-cli动态生成
 import Pagefrontpage from "./pages/pagefrontpage/pagefrontpage.jsx";
-import API from "./api";
 class App extends Component {
  
-
   render() {
-
-    console.log('API.getRule(')
-     API.getRule({ orderId: 1 }).then((data)=>{
-      console.log('getRule',data)
-    })
-    
     return (
       <Pagefrontpage></Pagefrontpage>
     );

project/src/components/comrulepanel/comrulepanel.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comrulepanel.less';
+
+class Comrulepanel extends Component {
+  constructor(props) {
+    super(props);
+    this.state = this.state || { resList: resList };
+  }
+  render() {
+    return (
+      <div className="rulepanel">
+        <div className="rulepanelinner" />
+      </div>
+    );
+  }
+}
+export default Comrulepanel;

project/src/components/comrulepanel/comrulepanel.less

+.rulepanel {
+  top: 0px;
+  left: 0px;
+  width: 750px;
+  height: 1624px;
+  display: block;
+  position: absolute;
+  .rulepanelinner {
+    width: 300px;
+    height: 300px;
+    opacity: 1;
+    display: block;
+    left: 0px;
+    top: 0px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    background-color: blue;
+  }
+}

project/src/pages/pagefrontpage/pagefrontpage.jsx

@@ -7,16 +7,16 @@ import resList from '../../resconfig/resList';
 import './pagefrontpage.less';
 
 class Pagefrontpage extends Component {
-  constructor(props) {
-    super(props);
-    this.state = this.state || { resList: resList };
-  }
-  render() {
-    return (
-      <div className="frontpage">
-        <div className="div" />
-      </div>
-    );
-  }
+constructor(props) {
+super(props);
+this.state = this.state || { resList: resList };
+}
+render() {
+return (
+<div className="frontpage">
+<div className="div" />
+</div>
+);
+}
 }
 export default Pagefrontpage;

project/src/pages/pagefrontpage/pagefrontpage.less

 .frontpage {
-  top: 0px;
-  left: 0px;
-  width: 750px;
-  height: 1624px;
-  display: block;
-  position: absolute;
-  .div {
-    width: 300px;
-    height: 300px;
-    opacity: 1;
-    display: block;
-    left: 0px;
-    top: 0px;
-    position: absolute;
-    background-color: #ff6600;
-  }
+top: 0px;
+left: 0px;
+width: 750px;
+height: 1624px;
+display: block;
+position: absolute;
+.div {
+width: 300px;
+height: 300px;
+opacity: 1;
+display: block;
+left: 0px;
+top: 0px;
+position: absolute;
+background-color: #ff6600;
+}
 }