汇总微信小程序开发问题

发布日期： 2020-12-04 阅读量： 作者： 网络

小程序开发教程栏目介绍微信小程序开发的一些问题

汇总微信小程序开发问题

微信小程序开发问题汇总

样式如何使用变量
video遮罩问题
弹幕自动上推信息流
软键盘问题
websocket使用
- weapp.socket.io
- 小程序当中的使用

小程序开发告一段落，总结一下这段时间小程序开发遇到的问题及解决方案，react冲冲冲！！！

样式如何使用变量

在wxss中，定义变量：width：var(–width–);

在js中，定义变量：viewWidth，并给这个变量赋予想要的值

在wxml中，使用wxss中的变量和js中的变量：style="–width–: {{ viewWidth }}px"

video遮罩问题

在实现直播的功能时，我们需要弹出红包等遮盖video的处理，此时会发现，使用z-index属性在小程序中是无效的，微信开发者文档提供了cover-view，cover-imge等控件实现遮罩的功能。
这里值得注意的是cover-view中的background-image属性是无效的，所以我们要安放背景图时需要使用到cover-image，并且将它的position设置为absolute， top为0， left也为0即可。

弹幕自动上推信息流

在这里插入图片描述
首先是将这个scroll的高度定死，让scroll自动滑动到某个item的位置：

    <scroll-view class="danmu-list" scroll-y="true" scroll-into-view="{{'item_' + danmulist.length}}"   style="max-width:90%">
        <view id="{{'item_' + (index + 1)}}" wx:for="{{danmulist}}" class="{{item.nickName == username ? 'danmu-item owner' : 'danmu-item'}}" wx:key="this">
          <view class="nickname">{{item.nickName}}：</view>
          <view class="content {{ item.system ? 'system' : '' }}" style="color: {{ item.system ? '#71f474' : (item.color || '#fff')}}">{{item.content}}</view>
        </view>
    </scroll-view>

# 微信小程序

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯31701 】【 SEO推广17678 】

上一篇: wordpress适合做什么网站

下一篇: WordPress怎么自动发布文章

汇总微信小程序开发问题

随便看看