PC端html+css
胖姗_Shirleyzhao
一直在路上
展开
-
vue 使用 map 结合 filter 做出来像后端查出来的模糊搜索
总体效果如上图 所示一开始直接将address.js 获取的省列表 直接用filter进行过滤但, 只能过滤 第一个字匹配的, eg: 假如我的搜索 中输入“ 河” 可以过滤出来 “ 河”开头的所有省, 但是输入‘南’, 并不会出现含南的所有的省, 所以经思考 将map 和filter 结合,可以搜出来 所有匹配出来的值,分享给大家 ,下面是所有代码address.js 可以我的CSDA上面去下载所有的省市,看下效果父组件index.vue<SingleSelectSearc...原创 2020-05-20 16:44:15 · 1701 阅读 · 0 评论 -
vue 结合element 多选增加全选
总的效果如上图所示父组件index.vue 引用select文件传值<template> <div class="clearfix"> <select :optionData="provinceData" :selectList.sync="selectList" placeholderText="请选择"/> </div></template><script>import selectfrom "..原创 2020-05-20 16:21:29 · 1175 阅读 · 0 评论 -
PC 全屏总结
第一种方式*注意将html也设置全屏html 和css 全屏展示 遇到的问题在页面所有元素的外围加div 并且设置 html body 高度 总是会出现一些问题(比如我遇到的1.有 当设置html body 100%之后会出现 页面其他内容会有问题2.在页面所有元素的外围加div 时,假如打开控制台再关闭之后 页面总是不会重新刷新...原创 2019-02-09 15:51:18 · 169 阅读 · 0 评论 -
浮动小结
浮动方式1.添加标签2:父级div使用overflow:hidden解决高度撑不开.fuji{height:auto;overflow:hidden;clear:both;}3。使用伪类元素清除浮动.clear:after{ content:""; height:0px; display:"block"; visibility:hidden; ...原创 2019-02-09 15:50:01 · 193 阅读 · 0 评论 -
sass 使用
Sass的安装和使用使用http://www.ruanyifeng.com/blog/2012/06/sass.html安装详细:http://blog.csdn.net/wjq_xxq/article/details/67657118ruby安装在哪个盘才能在哪个盘的文件中使用sass自己整理总结步骤1.sass在ruby环境下运行的下载ruby链接http://www.ruby-l...原创 2019-02-09 15:40:40 · 225 阅读 · 0 评论 -
使用css制作标题横条
效果是做头部的优惠信息使用flexbox做一般使用两个div 使用定位制作这样的效果 但是当背景内容改变时,文字div的背景容易跟随修改,是用的第二种方法是使用flexbox布局html代码 优惠信息 css代码.h-pop-title{display: flex;width: 80%;margin:auto;}.h-pop-title ...原创 2019-02-09 15:29:54 · 627 阅读 · 0 评论 -
做向下滑动跟随出现一个X
弹层100%做一个向下滑动跟随出现一个X 当弹占据手机屏幕是可以做一个置顶给随,方法如下所示html代码、 × css代码.detail{position: fixed;z-index: 100;width: 100%;height: 100...原创 2019-02-09 15:28:32 · 233 阅读 · 0 评论 -
使用ajax 只请求一次后台,但是后台日志打印两次
前两天碰到一个情况是使用ajax 请求后台一次,但是后台却打印了两次日志最后这个问题的出现的原因有两种,1.后台接收到前端的请求之后没有做回应json数据的处理2。前端的ajax 请求书写不规范,应该加上success 和error 函数,假如前端ajax 的success和error 书写规范,后台没有做json数据的响应就会走ajax的error 函数,就不会出现再次 请求数据的情况,...原创 2019-02-09 15:26:31 · 2446 阅读 · 0 评论 -
PC端全屏心得
第一种方式*注意将html也设置全屏html 和css 全屏展示 html,body,div{ height: 100%; width: 100%; } div{ background: url(h-login.png) no-repeat; background-size: cover; } 遇到的问题在页面所有元素的外围加d原创 2018-01-19 12:01:54 · 1733 阅读 · 0 评论 -
使用html css js 书写tab切换
html 内容 条件 时机 预警 你好1 你好2 你好3 你好4 css.i-recommend-main { padding: 30px; background-color: #fff; border-radius: 10px; margin-t原创 2017-10-19 15:25:14 · 682 阅读 · 0 评论 -
js append追加html代码标签后 css样式没生效 js同时没有生效 已解决
html代码 添加inputcss代码.box{ width: 500px; height: 300px; border-radius:8px; border:1px solid #f0f; margin-bottom: 20px; padding: 5%;}.box input{ border:0px; background: skyblu原创 2017-10-19 14:32:08 · 42594 阅读 · 4 评论