add

8 years ago · f325f6aaae
10 changed files with 58 additions and 44 deletions
--- a/Gruntfile.js
+++ b/Gruntfile.js
@ -131,7 +131,7 @@ module.exports = function (grunt) {
        },
        watch: {
            scripts: {
-                files: ['src/**/*.js', 'demo/**/*.js', 'demo/**/*.less'],
+                files: ['src/**/*.js', 'demo/js/**/*.js', 'demo/less/**/*.less'],
                tasks: ['less', 'concat'],
                options: {
                    spanw: true,
--- a/demo.html
+++ b/demo.html
@ -19,5 +19,8 @@
 <body>
 <div id="wrapper"></div>
 <div id="container"></div>
 <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900&subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic'
      rel='stylesheet' type='text/css'>
 </body>
 </html>
--- a/demo/css/index.css
+++ b/demo/css/index.css
@ -0,0 +1,3 @@
 /****添加计算宽度的--运算符直接需要space****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
--- a/demo/css/main.css
+++ b/demo/css/main.css
@ -1,3 +1,6 @@
 * {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 .demo-main .bg1 {
  background-color: #178cdf;
 }
--- a/demo/css/north.css
+++ b/demo/css/north.css
@ -1,3 +1,13 @@
 /****添加计算宽度的--运算符直接需要space****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 .demo-north {
  background-color: #3c8dbc;
 }
 .demo-north .logo {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  background-color: #367fa9;
  font-size: 20px;
  font-weight: 300;
 }
--- a/demo/js/center.js
+++ b/demo/js/center.js
@ -7,48 +7,14 @@ Demo.Center = BI.inherit(BI.Widget, {
    },
    render: function () {
        return {
-            type: "bi.vertical",
+            type: "bi.tab",
-            hgap: 50,
+            defaultShowIndex: 0,
-            vgap: 20,
+            cardCreator: function (v) {
-            items: [{
+                return BI.createWidget({
                    type: "bi.label",
-                text: "栅格布局",
+                    text: v
-                height: 50
+                });
-            }, {
+            }
                type: "bi.lattice",
                columnSize: [0.1, 0.1, 0.3, 0.4, 0.1],
                items: [{
                    type: "bi.label",
                    height: 30,
                    text: "Left-1",
                    cls: "layout-bg1 lattice-item",
                    hgap: 20
                }, {
                    type: "bi.label",
                    height: 30,
                    text: "Left-2",
                    cls: "layout-bg2 lattice-item",
                    hgap: 20
                }, {
                    type: "bi.label",
                    height: 30,
                    text: "Left-3",
                    cls: "layout-bg3 lattice-item",
                    hgap: 20
                }, {
                    type: "bi.label",
                    height: 30,
                    text: "Left-4",
                    cls: "layout-bg4 lattice-item",
                    hgap: 20
                }, {
                    type: "bi.label",
                    height: 30,
                    text: "Left-5",
                    cls: "layout-bg5 lattice-item",
                    hgap: 20
                }]
            }]
        }
    },
    created: function () {
--- a/demo/js/north.js
+++ b/demo/js/north.js
@ -3,7 +3,22 @@ Demo.North = BI.inherit(BI.Widget, {
        baseCls: "demo-north"
    },
    render: function () {
-
+        return {
            type: "bi.htape",
            items: [{
                width: 230,
                el: {
                    type: "bi.label",
                    cls: "logo",
                    height: 50,
                    text: "FineUI"
                }
            }, {
                el: {
                    type: "bi.layout"
                }
            }]
        }
    }
 });
 $.shortcut("demo.north", Demo.North);
--- a/demo/less/index.less
+++ b/demo/less/index.less
@ -0,0 +1 @@
@import "../../src/less/bibase";
--- a/demo/less/main.less
+++ b/demo/less/main.less
@ -1,3 +1,7 @@
 * {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 .demo-main {
  & .bg1 {
    background-color: #178cdf;
--- a/demo/less/north.less
+++ b/demo/less/north.less
@ -1,3 +1,12 @@
@import "index";
 .demo-north {
  background-color: #3c8dbc;
  & .logo {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: @color-bi-text;
    background-color: #367fa9;
    font-size: 20px;
    font-weight: 300;
  }
 }