css
关注
分享
扫一扫
弑天落羽
为人生更自由
展开
-
elementUI Tooltip框利用img做提示媒介，提示失败
新项目很多提示框，发现明明相同代码但效果不同。在img外层添加span标签即可解决。原创 2022-09-20 09:26:41 · 501 阅读 · 0 评论 -
h5获取富文本中图片适配展示
1.在编辑器传入的图片尺寸大都比h5宽，如果直接用v-html渲染传回的标签代码，则图片显示则很大2，获取到后台数据时，程序已经渲染了页面，然后开始处理图片样式，id为box-show<div id="box-show" class="mgt-10" v-html="mes.content">this.$nextTick(()=>{ this.checkImg() })获取已经被v-html渲染的节点，并获取其中img标签原创 2022-04-15 15:13:39 · 1111 阅读 · 1 评论 -
h5嵌ios，播放视频全屏无法关闭处理方法
1.让ios自己做app浏览器的处理（一个安卓的老员工告诉我的）这些都是要做优化的，比如uc那种人家都是自己做处理的。并不需要我这个h5操心.(但我不知道，所以做了2）2.不使用控件的全屏播放，自己做弹出框（缺点：交互复杂，且不能实现真的全屏）思路：当视频在页面时，可以使用video标签截出第一帧当封面，且不设置control。当点击到video时，弹出一个预览框，可以直接播放视频。踩坑：试用了video.js,vue-mini-player.还是全屏播放后不能进行任何操作。但发现vid原创 2022-04-15 11:39:17 · 1470 阅读 · 0 评论 -
h5 使用原生JS获取富文本标签内容，并进行展示
初衷嵌入app的h5免责声明（动态更改）1.cdn vue做了h5，后发生点击失效，及加载vuejs慢，页面不出来2.只能用原生js写一个小html了document.getElementById(‘message’).insertAdjacentHTML(“afterEnd”,msg)，获取某个元素，并在元素里添加富文本标签```html<!DOCTYPE html><html lang="en"><head> <meta name="vi原创 2022-02-11 13:48:57 · 3564 阅读 · 0 评论 -
swiper 的slide 宽高不一致 导致切换出现空白页
原因：遇到三个swiper互相嵌套，大swiper包含一个水平一个垂直方向的小swiper两个swiper互相影响，水平swiper向下滚动变成垂直swiper中间出现很大空白页的1.第一是想设定水平swiper高度，但我大swiper没设置自动高度，也不能固定，无果。2.设置speed的速度，只要我速度够快，没有谁的眼能赶得上我！也算另类实现效果...原创 2021-10-28 20:17:48 · 1245 阅读 · 0 评论 -
隐藏滚动条
1、在父盒子设置高度和溢出隐藏2.在子盒子设置滚动auto，重点是width进行 calc计算。总结：外盒子进行溢出隐藏，内盒子设置滚动条，就把内容宽度加大，滚动条则被外盒子隐藏原创 2021-02-22 16:49:37 · 590 阅读 · 0 评论