layui 樣式 功能
引入
<link href="layui-v2.4.3/layui/css/layui.css"> class=”xxx” 加樣式
<script src="layui-v2.4.3/layui/layui.js"></script> 模塊化
layui.use(['layer', 'form'], function(){ ...以下為內容... } //導入模塊,簡寫
/<script src="layui-v2.4.3/layui/layui.all.js"></script> 非模塊化
/!function(){ ...以下為內容... }(); // !() : layui加載完成
內容:
var layer = layui.layer, //加載提示框模塊
form = layui.form; //加載表單模塊
layer.open({
參數 ...
})
layer.config(options) - 初始化全局配置
layer.ready(callback) - 初始化就緒
layer.open(options) - 原始核心方法
layer.alert(content, options, yes) - 普通信息框
layer.confirm(content, options, yes, cancel) - 詢問框
layer.msg(content, options, end) - 提示框
layer.load(icon, options) - 加載層
layer.tips(content, follow, options) - tips層
layer.msg(‘hello’);
echarts 統計圖
引入
<script src="js/echarts.js"></script>
<div id="main" style="width: 600px;height:400px;"></div> 存放圖 需設寬高
var myChart = echarts.init(document.getElementById('main')); 初始化
var option = { 參數
title: {
text: 'ECharts 入門示例'
},
tooltip: {},
legend: {
data:['銷量']
},
xAxis: {
data: ["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"]
},
yAxis: {},
series: [{
name: '銷量',
type: 'bar', 圖類型
data: [5, 20, 36, 10, 10, 20]
}]
};
myChart.setOption(option); 設置參數