记录微信小程序项目遇到的几个问题

问题一：滑动首页时，会出现搜索框和卡片内容重叠。设置z-index也没用

解决方案：

我用的标签是uniapp中的cover-image，把cover-image改为image标签就好了
推断cover-image应该小程序有兼容问题

问题二：首页头部自动播放时轮播图片banner滚动卡顿

解决方案：

也是把uniapp中的cover-image标签改为image标签就好了

问题三：ios系统苹果手机，页面上下左右滑动会晃动，需固定上下左右，安卓系统不会

ios系统上下滑动会出现这种情况，像是可以晃动，有点像刷新的效果，但不是，刷新是白色的

左右也是

解决方案：在页面最外层标签上加上以下css样式：

加上以后上下左右都固定，不会晃动：

overflow-x: hidden;
overflow-y: hidden;

问题四：除广州地区，选择其他地区后再选择其他地区时均有下拉不下去的现象，

解决方案：最外层给个高度

因为没有具体公司位子的时候,白色部分就只有一点,是超出隐藏了，不是下拉不了,是显示不全，高度的问题，因为在最外层标签加上了“问题三”的 overflow-x: hidden; overflow-y: hidden;样式，
所以这里受影响了，应该在最外层加个自适应的高度样式

<view class="background" :style="{height : wh + 'px'}">
</view>

export default {data() {return {// 当前屏幕可用宽度wh: 0,}}}

onLoad() {const sysInfo = uni.getSystemInfoSync()this.wh = sysInfo.windowHeight}

问题五：超出字段需后面需用省略号表示

解决方案：

<text class="list_font">{{itemspot.title |   ellipsis(itemspot.title)}}
</text>

filters: {/*** 文件名超出18个字符后显示省略号*/ellipsis(value) {if (!value) return ''if (value.length > 18) {return value.slice(0, 18) + '...'}return value}},

额外加个分享功能：

//发送给朋友onShareAppMessage(res) {// console.log(res)return {title: this.toolsName.name,//设置分享出去的标题path: '/filepage/tool_detail/tool_detail?parentId=' + this.parentIds,//详情页面带参数分享imageUrl: this.imageUrl,//设置分享出去显示的图片// desc: this.sharedata.desc,// content: this.sharedata.content,success(res) {uni.showToast({title: '分享成功'})},fail(res) {uni.showToast({title: '分享失败',icon: 'none'})}}},

记录微信小程序项目遇到的几个问题相关推荐

记录微信小程序createIntersectionObserver()方法的使用
最近做的微信小程序项目涉及到了曝光埋点需求,即页面上某一模块或者某一些模块被滑动显示在屏幕上的时候,需要做相关的埋点记录,想到了之前用过小程序提供的createIntersectionObserver ...
集易市场微信小程序项目
由一个团队共同打造一个为集美大学大学生服务的二手书交易平台文章目录前言一.技术栈二.发布流程 1.扫码isbn并获取检测 2.调用云函数添加书籍 3.微信支付总结前言本文主要介绍集易市场 ...
uniapp微信小程序项目启动步骤
如何创建项目就不说了,可以参考该链接: 如何创建开发uniapp微信小程序项目?链接: link 这里主要记录的是,从代码仓库拉取到本地后, 本地启动运行项目,遇到的问题. 1.下载项目使用git ...
视频教程-微信小程序项目实战之我画你猜视频课程-微信开发
微信小程序项目实战之我画你猜视频课程精通PHP软件开发和WEB前端开发技术,熟悉PHP.Java.Javascript.HTML等语言,熟悉HTTP协议及W3C相关互联网规范,曾在山西某知名公司担任 ...
医院预约挂号系统微信小程序项目分享
这个是一个医院预约挂号的小程序系统,这个项目比较简易理解,很适合做计算机期末作业或者毕业设计. 医院预约挂号系统微信小程序项目主要的功能模块分析如下: 对该系统进行分析与设计,有以下几个主要的功能模块 ...
微信小程序项目转uniapp踩坑日记
本文目录一.前言二.转换方式三.后语四.其他:node报错 1.包默认C盘存放,而不是安装目录E盘 2.正确的环境变量添加 3.npm install 命令报错 4.npm install - ...
【图片消消乐】单机游戏-微信小程序项目开发入门
这是一个微信小程序项目,是类似开心消消乐的休闲小游戏,老少皆宜,游戏互动里面的图片是用的任何图片素材,根据自己的需求更换图片即可.想要做游戏不知道怎么做,建议从这个小程序入手,花时间研究学习,很快就拥 ...
微信小程序项目初始化配置
微信小程序项目初始化配置注:该文章用于记录或学习交流文章目录微信小程序项目初始化配置前言一.初始项目创建 1.微信小程序开发者工具创建初始项目 2.微信小程序全局路径配置 3.微信小程序引入 ...
微信小程序项目实战之天气预报
概述微信小程序项目实战之天气预报详细代码下载:http://www.demodashi.com/demo/10634.html 一.准备工作 1.注册微信小程序 2.注册和风天气账号 3.注册百 ...

记录微信小程序项目遇到的几个问题

问题一：滑动首页时，会出现搜索框和卡片内容重叠。设置z-index也没用

解决方案：

问题二：首页头部自动播放时轮播图片banner滚动卡顿

解决方案：

问题三：ios系统苹果手机，页面上下左右滑动会晃动，需固定上下左右，安卓系统不会

解决方案：在页面最外层标签上加上以下css样式：

问题四：除广州地区，选择其他地区后再选择其他地区时均有下拉不下去的现象，

解决方案：最外层给个高度

问题五：超出字段需后面需用省略号表示

解决方案：

额外加个分享功能：

记录微信小程序项目遇到的几个问题相关推荐

最新文章

热门文章