樱花树下'

导航

10 2021 档案

弹性盒子 列表居中问题。
摘要:我们在日常项目中都会遇到这样的问题弹性盒子无论怎么设置总是达不到下面这种效果 实现代码 //less .box { width: 100%; height: auto; display: flex;//开启弹性盒子 flex-wrap: wrap;//允许换行 .port { width: 20%; 阅读全文

posted @ 2021-10-26 11:51 樱花树下' 阅读(185) 评论(0) 推荐(0)

前端超出显示省略号
摘要:width: 200px; //宽度看个人需求可以定也可不定默认可视父盒子宽度 text-overflow: ellipsis;//文本超出显示省略号 overflow: hidden;//超出隐藏 // white-space: nowrap;//文本不换行 display: -webkit-bo 阅读全文

posted @ 2021-10-26 11:29 樱花树下' 阅读(355) 评论(0) 推荐(0)

div 怎么由文字撑开(应用于简易聊天)
摘要:如果不由文字撑开而是定下的宽高效果如下 问题很明显,当文字内容比较少的时候,就会有很大的空隙,所以看起来就不是很美观。 如果是又文字撑开的话,看起来就比较的美观。如下图所示。 显然现在看起来更加的美观。 做法两种 1.div 设置为float 2.div 设置为inline-block 阅读全文

posted @ 2021-10-26 10:57 樱花树下' 阅读(819) 评论(0) 推荐(0)

关于是否在微信h5中使用响应式布局。
摘要:1,在微信h5中并不是所有的页面使用了响应式的布局都会得到一个好的效果。 2,有时候可能会适得其反导致出现“老年机”效果。所以只需要在需要精细处理的页面或者说是有要求的页面使用就好。 3,一般的图文列表的话,尽量将图片放在一个div盒子中,方便处理一般设置为cover。 4,都要设置一个最小和最大的 阅读全文

posted @ 2021-10-25 14:38 樱花树下' 阅读(52) 评论(0) 推荐(0)

vue 中微信分享功能
摘要:1.路由中开启微信分享面板 2.在要分享的地方调要 this.$wechat.share({ title: "标题", desc: "描述", link: `这里填分享出去的地址`, imgUrl:JSON.parse(ret.data.TitleImg)[0].url.replace(/\\/g, 阅读全文

posted @ 2021-10-22 09:59 樱花树下' 阅读(383) 评论(0) 推荐(0)

vue中视频组建的使用
摘要:1.下载videoplayer 2.使用 <template> <div class="headimg"> <video-player class="video-player vjs-custom-skin" style="cursor: pointer" ref="videoPlayer" :pl 阅读全文

posted @ 2021-10-21 14:40 樱花树下' 阅读(73) 评论(0) 推荐(0)

vue仓库状态丢失的问题
摘要://在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.getItem("store")) { this.$store.replaceState(Object.assign({},this.$store.state, JSON.parse(sessionS 阅读全文

posted @ 2021-10-21 14:18 樱花树下' 阅读(46) 评论(0) 推荐(0)