arthas_jvue v0.1.24

arthas_jvue

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

示例，app.vue

main.ja 导入并使用

import   jvue   from "@jvue"  
Vue.use(jvue);

使用示例

    <template> 
        <div id="app">
            <j-layout class="fit"> 
                    <j-top   style="height:50px; background-color: #B3C0D1;">
                        top
                    </j-top> 
                    <j-left style="width:200px;background-color:#D3DCE6;"> 
                            <h1> left </h1>
                    </j-left> 
                    <j-center  >
                        center
                    </j-center> 
                    <j-right style="width:100px;background-color: #D3DCE6;">
                        right
                    </j-right> 
                    <j-bottom style="height:50px;background-color: #B3C0D1;">
                        底部
                    </j-bottom> 
                </j-layout> 
        </div> 
        </template>

        <script>
        export default {
            
        }
        </script>
        <style>
            body{
                width: 100%;
                height:100%;
            }
            #app {
                font-family: 'Avenir', Helvetica, Arial, sans-serif;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                text-align: center;
                color: #2c3e50;
                
                width: 100%;
                height:100%;
            }
        </style>