摘要:我们在日常项目中都会遇到这样的问题弹性盒子无论怎么设置总是达不到下面这种效果 实现代码 //less .box { width: 100%; height: auto; display: flex;//开启弹性盒子 flex-wrap: wrap;//允许换行 .port { width: 20%;
阅读全文
摘要:width: 200px; //宽度看个人需求可以定也可不定默认可视父盒子宽度 text-overflow: ellipsis;//文本超出显示省略号 overflow: hidden;//超出隐藏 // white-space: nowrap;//文本不换行 display: -webkit-bo
阅读全文
摘要:如果不由文字撑开而是定下的宽高效果如下 问题很明显,当文字内容比较少的时候,就会有很大的空隙,所以看起来就不是很美观。 如果是又文字撑开的话,看起来就比较的美观。如下图所示。 显然现在看起来更加的美观。 做法两种 1.div 设置为float 2.div 设置为inline-block
阅读全文
摘要:1,在微信h5中并不是所有的页面使用了响应式的布局都会得到一个好的效果。 2,有时候可能会适得其反导致出现“老年机”效果。所以只需要在需要精细处理的页面或者说是有要求的页面使用就好。 3,一般的图文列表的话,尽量将图片放在一个div盒子中,方便处理一般设置为cover。 4,都要设置一个最小和最大的
阅读全文
摘要:1.路由中开启微信分享面板 2.在要分享的地方调要 this.$wechat.share({ title: "标题", desc: "描述", link: `这里填分享出去的地址`, imgUrl:JSON.parse(ret.data.TitleImg)[0].url.replace(/\\/g,
阅读全文
摘要:1.下载videoplayer 2.使用 <template> <div class="headimg"> <video-player class="video-player vjs-custom-skin" style="cursor: pointer" ref="videoPlayer" :pl
阅读全文
摘要://在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.getItem("store")) { this.$store.replaceState(Object.assign({},this.$store.state, JSON.parse(sessionS
阅读全文