- 博客(23)
- 收藏
- 关注
RSS订阅
1原创 css选择器
css选择器结构伪类选择器选择符简介E:first-child匹配父元素的第一个子元素EE:last-child匹配父元素的最后一个子元素EE:nth-child(n)匹配父元素的第n个子元素EE:first-of-type指定类型E的第一个E:last-of-type指定类型E的最后一个E:nth-of-type(n)指定类型E的第n个nth-child(n)n可以为数字，关键字和公式n为数字，则选择的第几个常见的关键
2022-09-23 13:50:40
163
原创 flex弹性盒子布局
flex布局父项属性flex-direction：设置主轴的方向【注意】主轴和侧轴方向会变化的，主要看flex-direction设置的值属性值说明row默认值从左到右row-reverse从右到左column从上到下column-reverse从下到上justify-content：设置主轴上子元素的排列方式属性值说明flex-start默认值 从头部开始 如果主轴为x轴，则从左往右flex-end从尾部开始
2022-05-24 09:16:08
127
原创 数组中的指定某一项放置第一位
下拉框中将某一个放置第一位（排序）//将type转移到新数组let arr = [];this.addLedgerData.rules.forEach((item) => { arr.push(item.type);});// 获取平台type的位置 将平台放置第一位let index = arr.indexOf(99);if (index) { let first = this.addLedgerData.rules.splice(index, 1)[0]; t
2022-05-23 13:55:09
1228
原创 编辑和新增共用弹框
编辑和新增共用一个弹框,下拉框中的选项不可以重复添加<el-dialog :title="dialogTitle" center :visible.sync="addVisible" width="30%" :before-close="addClose"> <el-form ref="addForm" label-width="80px" :model="addLedgerData"> <el-form-item label="名称" prop="n
2022-05-23 13:53:23
714
原创 Vue父子传值v-model
Vue父组件通过v-model传值子组件父组件中<template> <div> <TransferApprove v-model="dialogShow"></TransferApprove> </div></template><script> import TransferApprove from "./components/transferApprove.vue";
2022-04-20 15:45:43
712
原创 媒体查询@media
媒体查询@media@media可以根据不同的屏幕尺寸设置不同的样式语法规范@media mediatype and|not|only (media feature){css-code;}用@media开头 注意@符号mediatype 媒体类型关键字 and not onlymedia feature 媒体特性必须有小括号括着mediatype 媒体查询类型属性值说明all用于所有设备print用于打印设备screen用于电脑屏幕、
2021-10-14 20:07:29
197
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人