2020年5月20日
微信网页中自动播放音乐相关问题
摘要： 到目前为止，想在网页中自动播放音乐已经被chrome禁止，但是在微信网页中可以在 wx.ready() 中调用 document.querySelect('audio').play()达到自动播放音频的效果。 下面贴出代码， <!DOCTYPE html><html lang="en"> <head 阅读全文
posted @ 2020-05-20 18:18 xoyimi 阅读(817) 评论(0) 推荐(0)
2019年11月27日
小程序scroll-view 生成 双行金刚区 底部滑块 跟随滑动 CSS
摘要： 效果如上图 下面是代码: WXML: 1 <view class="contaier"> 2 <scroll-view class="nav-bar" scroll-x bindscroll="scroll"> 3 <!-- 要想使用flex布局实现横向滚动，就要在scroll-view里加一层容器 阅读全文
posted @ 2019-11-27 13:40 xoyimi 阅读(2147) 评论(3) 推荐(1)
2019年11月26日
小程序 h5 实现文字底部背景毛玻璃效果
摘要： 如上图所示效果 代码如下: HTML: <div class="container"> <img class="main-img" src="img.jpg" /> <div class="blur-wrap"> <img src="img.jpg"> </div> <h4>标题内容标题内容标题内容 阅读全文
posted @ 2019-11-26 10:51 xoyimi 阅读(1242) 评论(0) 推荐(0)
2019年7月29日
特殊情况下,input元素和父元素高度不一致,和兄弟input元素水平不对齐问题 vertical-align:baseline;
摘要： 的属性vertical-align:baseline;当value值为中文时,文字以基线垂直居中,导致了以上结果. 下给出个人解决方法: 1.给input添加样式 vertical-align:middle;或者vertical-align:top; 2.给input添加样式 line-height 阅读全文
posted @ 2019-07-29 17:30 xoyimi 阅读(1008) 评论(0) 推荐(0)