标签:temp theme 引入 lin 过渡效果 导入 封装 charset javascrip
<!DOCTYPE html>
<html>
<head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> //导入css包
<head>
<body>
组件什么的
</body>
<script src="https://unpkg.com/vue/dist/vue.js"></script> //导入vue
<script src="https://unpkg.com/element-ui/lib/index.js"></script> //导入js包
<script>
vue的代码
</script>
以上只是引入element,不能算是一个element项目,element项目语法结构如下
在hbuilder里创建一个element项目,element和vue都在App.vue里面写,而不是在index.html(暂时不清楚为什么)
基础模板语法:
<template> <div id="app"> //如果要引用一些需要的外部资源文件,如图片什么的,写这里 <div> //使用element-ui封装的语法写一些元素和组件 </div> //不嵌套一个<div>则元素,则引用文件和元素是左右并列,多写一个则是上下有层次 </div> </template>
<script>
//vue代码
</script>
<style>
</style>
element-ui写在vue项目里的html里,写含element代码时JavaScript写在<html>标签里,不要写<body>里
element自带样式和组件过渡效果,简化了写css。其他类似vue,且封装了各种html元素
想要修改element默认的主题样式,见官方文档https://element.eleme.cn/#/zh-CN/component/custom-theme
标签:temp theme 引入 lin 过渡效果 导入 封装 charset javascrip
原文地址:https://www.cnblogs.com/lhywxhn/p/13218285.html