uniapp 小程序怎么隐藏键盘_近日uniapp开发小程序所遇难点汇总
1、多行文本水平居中:利用display: table属性#container{width: 600px;height: 300px;border: 1px solid black;display: table;}#text{display: table-cell;vertical-align:middle;text-align: ...
·
1、多行文本水平居中:利用display: table属性
#container{ width: 600px; height: 300px; border: 1px solid black; display: table;}#text{ display: table-cell; vertical-align:middle; text-align: center;}
2、微信小程序中view中的text标签居中
display:flex;align-items:center;justify-content:center;
3、组件内无法执行uni-app的暂停视频播放
const curr = e.detail.current; // 暂停播放curr 的上一个及一个视频 if ((curr - 1) >= 0) { const temp = 'myVideo' + (curr - 1); this.myvideo = uni.createVideoContext(temp, this); this.myvideo.pause(); } if ((curr + 1) <= this.videoUrls.length - 1) { const temp = 'myVideo' + (curr + 1); this.myvideo = uni.createVideoContext(temp, this); this.myvideo.pause(); }
4、小程序文本超出省略:
display: inline-block; /*设置为弹性盒子*/ overflow:hidden; //超出一行文字自动隐藏 text-overflow:ellipsis;//文字隐藏后添加省略号 white-space:nowrap; //强制不换行overflow: hidden;/*超出隐藏*/ display: -webkit-box; /*设置为弹性盒子*/ -webkit-line-clamp: 3; /*最多显示x行*/ text-overflow: ellipsis; /*超出显示为省略号*/ -webkit-box-orient: vertical;
5、小程序swiper组件的display-multiple-items的使用方法
6、overflow实现滚动且隐藏滚动条
.title-outer { width: 100%; overflow: auto hidden; overflow: -moz-scrollbars-none; &::-webkit-scrollbar{ display: none; } }
7、小程序富文本兼容
{{articleStr.article_title}}
{{articleStr.add_time}}...
更多推荐
已为社区贡献3条内容
所有评论(0)