2020年11月27日
摘要: 伪元素::placeholder可以选择一个表单元素的占位文本,它允许开发者和设计师自定义占位文本的样式。 例如: 在html中: <input placeholder="我是红色的!"> CSS中 input::placeholder { color: red; font-size: 1.2em; 阅读全文
posted @ 2020-11-27 14:06 取个名字真wff 阅读(597) 评论(0) 推荐(0) 编辑
摘要: <style> .s-box,.l-box{width: 310px;height: 210px;position: absolute;top: 100px;} .s-box{left:50px;} .s-box img{width: 310px;height: 210px;} .s-box spa 阅读全文
posted @ 2020-11-27 13:58 取个名字真wff 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 偏移尺寸 offsetHeight,元素在垂直方向上占用的像素尺寸,包括他的高度、水平滚动条高度(如果可见)和上、下边框的高度 offsetLeft,元素左边框外侧距离包含元素左边框内侧的像素数 offsetTop,元素上边框外侧距离包含元素上边框内侧的像素数 offsetWidth,元素在水平方向 阅读全文
posted @ 2020-11-27 13:53 取个名字真wff 阅读(179) 评论(0) 推荐(0) 编辑
  2020年11月25日
摘要: 宽度自适应: 关于最小宽度和最大宽度 //html部分 <div id='container'> <div class='one'></div> <div class='two'></div> <div class='three'></div> </div> //css部分 #container{w 阅读全文
posted @ 2020-11-25 09:37 取个名字真wff 阅读(170) 评论(0) 推荐(0) 编辑
  2020年11月18日
摘要: <div class="checkbox"> <el-checkbox v-model="checked" @change="checkAllChange"></el-checkbox> </div> <div class="read">已读</div> <div class="delete">删除 阅读全文
posted @ 2020-11-18 11:01 取个名字真wff 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 这是带返回selected的字段的情况 <div class="table-title"> <div class="checkbox"> <el-checkbox v-model="checked" @change="checkAllChange"></el-checkbox> </div> <di 阅读全文
posted @ 2020-11-18 10:03 取个名字真wff 阅读(115) 评论(0) 推荐(0) 编辑
  2020年11月10日
摘要: 注意: 1、修改表单里的样式的时候不能用scoped,否则不生效 2、改复选框里面对钩的颜色要用 border-color: #xxx;去改,不能用border去改 <div class="agree"> <el-checkbox v-model="checked"></el-checkbox> 我 阅读全文
posted @ 2020-11-10 13:19 取个名字真wff 阅读(2040) 评论(0) 推荐(0) 编辑
  2020年11月9日
摘要: 例如:让两行p标签的文字在li里垂直居中: 在li里设置display:table 在.vertical里写display: table-cell;vertical-align: middle;display: table; <li v-for="(item, index) in result" : 阅读全文
posted @ 2020-11-09 23:07 取个名字真wff 阅读(180) 评论(0) 推荐(0) 编辑
摘要: <ul> <li v-for="(item, index) in exclusiveBrand" :key="index"><img :src="item.img" alt=""></li> </ul> data() { return { exclusiveBrand: [ { id: 1, img 阅读全文
posted @ 2020-11-09 16:27 取个名字真wff 阅读(1501) 评论(0) 推荐(0) 编辑
  2020年11月5日
摘要: 1、安装指定的版本: npm i vue-awesome-swiper@3.1.3 2、在要引入轮播的页面写入: import { swiper, swiperSlide } from 'vue-awesome-swiper'; import 'swiper/css/swiper.css'; 注册: 阅读全文
posted @ 2020-11-05 23:02 取个名字真wff 阅读(121) 评论(0) 推荐(0) 编辑