vue element-ui 模板



<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>

    <!-- jquery -->
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

    <!-- vue -->
    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>

    <!-- element ui -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

    <!-- button css -->
    <link rel="stylesheet" href="http://isc.net.cn/cdn/buttons.css">

</head>
<body>

<div id="app">



</div>

</body>
<script type="text/javascript">
var app_vue = new Vue({
    el: '#app',
    data: {

    },
    watch: {

    },
    created: function () {

    },
    computed:{
    },

    methods: {

    },
})
</script>
</html>



本地化,添加 layui 及网格化布局


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title></title>
    <!--vue-->
    <script type="text/javascript" src="/cdn/vue/vue.min.js"></script>
    <!-- jquery -->
    <script type="text/javascript" src="/cdn/jquery/jquery-1.4.4.min.js"></script>
    <!--element-ui-->
    <script type="text/javascript" src="/cdn/element-ui/2.15.3/index.js"></script>
    <link rel="stylesheet" href="/cdn/element-ui/2.15.3/index.css" />
    <!-- qrcode -->
    <script type="text/javascript" src="/cdn/qrcode/qrcode.min.js"></script>
    <!-- layui -->
    <script type="text/javascript" src="/cdn/layui/2.6.8/layui.js"></script>
    <link rel="stylesheet" type="text/css" href="/cdn/layui/2.6.8/layui.css" />
</head>
<body>
  <div id="app" style="margin: 10px;"> 
   <div class="layui-row layui-col-space10"> 
    <div class="layui-col-xs12 layui-col-sm6 layui-col-md4"> 
     <el-card> 
     <div>
     </div>
     </el-card> 
    </div> 
    <div class="layui-col-xs12 layui-col-sm6 layui-col-md8"> 
     <el-card> 
     <div>
     </div>
     </el-card> 
    </div> 
   </div> 
  </div>
</body>
<script type="text/javascript">
var app_vue = new Vue({
    el: '#app',
    data: {
    },
    watch: {
    },
    created: function () {
    },
    mounted(){
    },
    computed:{
    },
    methods: {
    },
})
</script>
</html>







深度学习推荐
深度学习推荐

墨之科技,版权所有 © Copyright 2017-2027

湘ICP备14012786号     邮箱:ai@inksci.com