摘要: 让按钮的大小,由文字和padding值撑起来。 阅读全文
posted @ 2020-11-10 19:20 sunRise113 阅读(77) 评论(0) 推荐(0) 编辑
摘要: 如果想让子元素平均分摊父元素的剩余空间,一定要给父元素设置为display:flex,然后子元素设置为flex:1 阅读全文
posted @ 2020-11-10 17:26 sunRise113 阅读(3489) 评论(0) 推荐(0) 编辑
摘要: overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; 使用场景: 一定区域,页面有大量文本。需要定宽 对于数字,需要加上 wor 阅读全文
posted @ 2020-11-10 17:24 sunRise113 阅读(515) 评论(0) 推荐(0) 编辑
摘要: 在父组件内的部署步骤: // require styles import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css' import { quil 阅读全文
posted @ 2020-05-22 11:18 sunRise113 阅读(349) 评论(0) 推荐(0) 编辑
摘要: vue中的组件要被复用 ,为了保证组件间的data互不影响。这样每次组件的复用,都会return一组数据,完成了复刻。如果data是个对象,组件间的data就会互相影响。 阅读全文
posted @ 2020-05-21 16:43 sunRise113 阅读(142) 评论(0) 推荐(0) 编辑
摘要: key的作用主要是为了高效的更新虚拟DOM key的作用就是更新组件时判断两个节点是否相同。相同就复用,不相同就删除旧的创建新的 阅读全文
posted @ 2020-05-21 16:41 sunRise113 阅读(616) 评论(0) 推荐(0) 编辑
摘要: 盒模型主要由:margin(外边距),border(边框),padding(内边距),content(内容)组成。 标准模式:box-sizing:content-box; 标准模式盒子宽度会被设置的padding撑开,所设置的width为内容宽度(content) 标准模式盒子总宽度/高度:内容区 阅读全文
posted @ 2020-05-21 14:53 sunRise113 阅读(410) 评论(0) 推荐(0) 编辑
摘要: <el-table-column label="标题" prop="title"></el-table-column> 第一种用法,会把对应列(title)中的数据直接渲染到组件内。 <el-table-column label="状态" prop="status"> <template slot- 阅读全文
posted @ 2020-05-20 16:39 sunRise113 阅读(3327) 评论(0) 推荐(0) 编辑
摘要: v-model用于表单数据的双向绑定,其实它就是一个语法糖,这个背后就做了两个操作: 1. v-bind绑定一个value属性(:value),2. v-on指令给当前元素绑定input事件(@input) 自定义组件使用v-model,应该有以下操作: 1. 接收一个value prop 2. 触 阅读全文
posted @ 2020-05-19 19:26 sunRise113 阅读(198) 评论(0) 推荐(0) 编辑
摘要: css实现背景图片全屏 width:100%; min-height: 100vh; position: absolute; top: 0; left: 0; background: url(../assets/images/login_bg.jpg) no-repeat center/cover; 阅读全文
posted @ 2020-05-18 16:38 sunRise113 阅读(341) 评论(0) 推荐(0) 编辑