update

egret/resource/skins/RuleSkin.exml

@@ -9,4 +9,9 @@
 		</e:Skin>
 		</e:skinName>
 	</e:Button>
+	<e:Scroller id="scroller" width="526" x="112" height="597" y="331">
+		<e:Group width="100%">
+			<e:Label id="labContent" width="100%" text="" lineSpacing="10" size="30" multiline="true" textColor="0x333333"/>
+		</e:Group>
+	</e:Scroller>
 </e:Skin>
\ No newline at end of file

egret/resource/skins/VScrollBarSkin.exml

+<?xml version="1.0" encoding="utf-8"?>
+<e:Skin class="skins.VScrollBarSkin" minWidth="8" minHeight="20" xmlns:e="http://ns.egret.com/eui">
+    <e:Image id="thumb" source="roundthumb_png" scale9Grid="3,3,2,2" height="30" width="8" horizontalCenter="0"/>
+</e:Skin>

egret/src/rulePanel/RulePanel.ts

@@ -2,22 +2,17 @@ import Panel from "../views/Panel";
 import { NetManager } from '../../libs/tw/manager/NetManager';
 import { DataManager } from "../../libs/tw/manager/DataManager";
 export default class RulePanel extends Panel {
-    constructor() {
-        super();
+    public labContent:eui.Label;
+    public scroller:eui.Scroller;
+    start() {
         NetManager.ins.getRule(() => {
-            var tx: egret.TextField = new egret.TextField;
-            tx.width = this.stage.stageWidth - 220;
-            tx.textFlow = (new egret.HtmlTextParser).parser(
-                DataManager.ins.getRuleData ? DataManager.ins.getRuleData.ruleText :
-                    (DataManager.ins.ajaxElementData ? DataManager.ins.ajaxElementData.rule :
-                        (window['ruleCFG'] ? window['ruleCFG'] : "规则")
-                    )
-            );
-            tx.x = 110;
-            tx.y = 330;
-            tx.textColor = 0x333333;
-            this.addChild(tx);
-        })
+            this.addRule();
+        });
+    }
+
+    private addRule() {
+        // this.labContent.textFlow = alien.Utils.parseHtmlText(content);
+        this.labContent.textFlow =  (new egret.HtmlTextParser).parser(DataManager.ins.getRuleData.ruleText);
     }
 
     protected get skinKey() { return 'Rule' }

egret/src/views/Panel.ts

@@ -6,45 +6,21 @@ export default class Panel extends ComponentBase {
     }
 
     initEvents() {
-        if(this.closeBtns && this.closeBtns.length > 0){
+        if (this.closeBtns && this.closeBtns.length > 0) {
             this.closeBtns.forEach(
-                btn => { if(btn) btn.addEventListener(egret.TouchEvent.TOUCH_TAP, this.onTouchTap, this) }
+                btn => { if (btn) btn.addEventListener(egret.TouchEvent.TOUCH_TAP, this.onTouchTap, this) }
             )
         }
-        if(this.confirmBtns && this.confirmBtns.length > 0){
-            this.confirmBtns.forEach(
-                btn => { if(btn) btn.addEventListener(egret.TouchEvent.TOUCH_TAP, this.onTouchTap, this) }
-            )
-        }
-        if(this.creditsOutBtns && this.creditsOutBtns.length > 0){
-            this.creditsOutBtns.forEach(
-                btn => { if(btn) btn.addEventListener(egret.TouchEvent.TOUCH_TAP, this.creditsOut, this) } 
-            )
-        }
-        
     }
     removeEvents() {
-        if(this.closeBtns && this.closeBtns.length > 0){
+        if (this.closeBtns && this.closeBtns.length > 0) {
             this.closeBtns.forEach(
-                btn => { if(btn) btn.removeEventListener(egret.TouchEvent.TOUCH_TAP, this.onTouchTap, this) }
-            )
-        }
-        if(this.confirmBtns && this.confirmBtns.length > 0){
-            this.confirmBtns.forEach(
-                btn => { if(btn) btn.removeEventListener(egret.TouchEvent.TOUCH_TAP, this.onTouchTap, this) }
-            )
-        }
-        
-        if(this.creditsOutBtns && this.creditsOutBtns.length > 0){
-            this.creditsOutBtns.forEach(
-                btn => { if(btn) btn.removeEventListener(egret.TouchEvent.TOUCH_TAP, this.creditsOut, this) } 
+                btn => { if (btn) btn.removeEventListener(egret.TouchEvent.TOUCH_TAP, this.onTouchTap, this) }
             )
         }
     }
 
     protected get closeBtns(): eui.Button[] { return [this['closeBtn']] }
-    protected get confirmBtns(): eui.Button[] { return [this['confirmBtn']]}
-    protected get creditsOutBtns(): eui.Button[] { return [this['creditsOutBtn']] }
 
     onTouchTap(): any {
         this.hidePanel();
@@ -54,10 +30,5 @@ export default class Panel extends ComponentBase {
         this.destroy();
         this.dispatchEvent(new egret.Event('onDestroy'));
     }
-    
-    creditsOut(){
-        this.destroy();
-        this.dispatchEvent(new egret.Event('onCreditsOut'));
-    }
 
 }
\ No newline at end of file

mock/json/getRule.json

-"测试排行榜图片<font color=\"0xff0000\">展示测</font> 试排行榜图片展示测试排行榜图片展示测试排行榜图片展示测试排行榜图片展示测试排行榜图片展示<br>测试排行榜图片展示<br>测试排行榜图片展示<br>测试排行榜图片展示<br>测试排行榜图片展示<br>测试排行榜图片展示<br><br><ul><li>使得发达省份</li><li>fdsgdfgdfg</li><li>阿斯达斯的</li><li>阿斯达斯的</li></ul>阿斯达斯的<br>阿萨德阿萨德<br><ul><li>131232132132</li></ul><ol><li>都市风格豆腐干豆腐干</li><li>的风格豆腐干豆腐干</li><li>豆腐干dfgdfgdfgg豆腐干豆腐干</li><li>但是法国豆腐干豆腐干豆腐干</li></ol><h4><ol><li>但是复苏的发达省份第三方<a href=\"http://baidu.com/\" data-tag=\"is-link\" title=\"Link: http://baidu.com\">http://baidu.com/</a></li></ol></h4>"
\ No newline at end of file
+"1.玩家通过控制按压屏幕时长来控制猫咪跨出去的步伐的大小，步伐越大分数越高 \n2. 避开道路上的线条和陷阱，踩中则游戏结束 \n3.每局游戏都有一次积分复活的机会，当用户积分不足的情况下则不会出现提醒"
\ No newline at end of file