一、布局1.新增组件style-sider.vue2.组件的放置位置,样式第一章有 二、思路1.首先要配置好、组件名称、组件的类型、和组件的样式3.首先要传给子组件的东西，有2个，’获取当前点击的图层‘和’获取当前点击的图层的样式配置‘这边的图层的样式配置数据在第一章有，这边提供一部分config.jsdefault.jsstyle-form-config.js4.因为传的是需要单向数据绑定的，所

一、引入依赖二、使用三、打开于关闭事件1. 写入的ref要有2. this.$refs.contextMenu.close()//关闭右键菜单this.$refs.contextMenu.open(e);//打开右键菜单3.我们封装打开菜单的方法塞给画布中显示的图层，这样右击就可以出现菜单四、代码......

一、思路1.先找到当前选中的项，+1上移动，然后去找数组中上一个，让上一个，往下移，当前的去+12.下移同理3.删除，过滤掉当前选中的项就可以了二、实现代码三、全部代码四、效果展示

一、思路1.每次push到list数组的时候，新增一个z用来管理图层的叠放，z应该有个默认值0，如果有z值去多个z值中比较获取最大的，这样拖拽的时候，会是最高层级的的2.样式的话z-index因为我们用的依赖，所以直接赋值就可以了二、置顶和置底1.首先右击的时候获取当前图层的焦点传一个item过来，然后设置一个focused状态，遍历list中的id,跟当前点击的id是否一样，一样就true,否则

一、拖拉拽widget-list.vue1.拖的实现： draggable="true" H5给了一个属性可以拖拽，要配合2.放置的实现@dragover.prevent @drop="onDrop"App.vue3.放置位置差计算图图解 4.静态资源管理4-1.constants下的config.js-组件列表的配置项4-2.constants下的default.js-组件列表的配置项的默认样式

一、新建组件写入<template><div class="loading"><img src="/imgs/loading-svg/loading-bars.svg" alt=""></div></template><script>export default {name:'loading'}</script>&

一、代码<template><div class="order-pay"><order-header title="订单支付"><template v-slot:tip><span>请谨防钓鱼链接或诈骗电话，了解更多</span></template></order-header><div cla

//简单声明接收// props:['name','age','sex']//接收的同时对数据进行类型限制/* props:{name:String,age:Number,sex:String} *///接收的同时对数据：进行类型限制+默认值的指定+必要性的限制props:{name:{type:String, //name的类型是字符串required:true, //name是必要的},age

1.相对路径和绝对路径？相对路径：“. ./ 代表当前文件的上一级目录“./” 代表当前文件所在目录绝对路径：带有网址的就是绝对路径2.webstorm常用的快捷键？ctrl+b搜索类在哪里按f4可以找到相关的类3.表格2条线变一格？border-collapse:collapse;4.table标签里的summary属性是什么意思？summary="摘要不显示与浏览器，方便阅读器搜索"5.tit

1.如果微信支付页面二维码被支付，就会跳转页面，否则就会-轮询<template><div class="order-pay"><order-header title="订单支付"><template v-slot:tip><span>请谨防钓鱼链接或诈骗电话，了解更多</span></template></