【原】小程序常见问题整理
目录 (更新于201701130)
- 常见问题
- 如何做页面适配
- 如何正确的使用image标签
- 如何禁止页面滑动
- 本地资源无法通过 WXSS 获取怎么解决
- 小程序如何跳小程序
- wxss-选择器受限制问题
- 没有html的br标签怎么换行
- scroll-view标签bug
- 如何模拟触摸按钮的hover效果
- 如何在小程序上复制文本
- 微信哪个版本开始支持小程序码
- iPhone4等低端机器使用css3样式不添加-webkit前缀样式无效
- android手机中,表单input标签使用css属性color并设置值为rgba单位会导致白屏
常见问题
小程序如何做页面适配
小程序提供了响应式单位rpx(responsive pixel),规定屏幕宽为750rpx,必须提供视觉稿宽度为750px,,然后根据视觉稿单位是多少px,还原成小程序就写多少rpx
如何正确的使用image标签
请点击查看这份文档
如何禁止页面滑动
方法一:把父级标签修改为scroll-view。
wxml
<scroll-view>输入内容</scroll-view>
wxss
scroll-view{width:100%;height:100%; }
方法二:设置page.json文件的disableScroll为属性true。
{"navigationBarTitleText": "标题","disableScroll": true}
本地资源无法通过 WXSS 获取怎么解决
background-image:可以使用外部链接,或者直接用 base64。
wxss
.test1{background-image:url(data:image/png;base64,iVBORw0K...)}.test2{background-image: url(http://mat1.gtimg.com/www/images/qq2012/qqLogoFilter.png); }
小程序如何跳小程序
方法一:在wx.previewImage(OBJECT)中添加包含小程序码的图片,点击预览图片后长按即可识别小程序二维码并跳转到小程序。
方法二:使用微信客户端 6.5.9 版本提供的 wx.navigateToMiniProgram(OBJECT) ,可以打开同一公众号下关联的另一个小程序。
wxss-伪类选择器受限制问题
目前伪类只能使用:before、:after、first-child、last-child伪类,属性选择器、相邻选择器、兄弟选择器、子选择器、伪类选择器、请都放弃。
没有html的br标签怎么换行
文本换行直接enter键即可。
scroll-view标签bug
1.如果第一个标签的样式包含position: absolute会导致整体样式失效
2.scroll-view上设置flex布局,其中align-items: center对子元素无效
如何模拟触摸按钮的hover效果
方法一:所有标签的触摸效果可直接使用css伪类:active即可
.btn{background-color:red;}.btn:active{background-color:blue;}
方法二:小程序组件button、navigator自带hover-class属性,也可以使用它设置按钮触摸效果
<button type="default"hover-class="other-button-hover"> default </button> <navigator url="/page/navigate/navigate"hover-class="navigator-hover">跳转到新页面</navigator>
如何在小程序上复制文本
对指定要复制的文本使用text标签,并设置 selectable属性为true
<text selectable="true">复制我复制我复制我复制我</text>
微信哪个版本开始支持小程序码
6.5.7开始支持扫一扫识别小程序码的版本
https://mp.weixin.qq.com/s/Vi4Uyg-8CWL_F92B1KaGIw
统计2017-6-19的数据,不支持扫一扫识别小程序码的用户为:
IOS:30.87%
安卓:21.71%
总量:24.05%
所以目前线下铺设的物料最好使用普通的二维码
iPhone4等低端机器使用css3样式不添加-webkit前缀样式无效
如图,flex、transform因为没有添加-webkit前缀,iPhone4s下页面错乱
android手机中,表单input标签使用css属性color并设置值为rgba单位会导致白屏
如图,input标签的设置为color: rgba(0, 0, 0, 0.87),在表单输入内容后看不见文案,几乎所有的android机器都中招
转载于:https://www.cnblogs.com/PeunZhang/p/7929177.html
【原】小程序常见问题整理相关推荐
- 69个微信小程序常见问题
本文转自 遇到小程序方面的问题,该去哪里提问呢? 若是能得到微信官方的解答,想必是最叫人安心的.而微信也确实提供了这么一个地方. 在微信公众平台的开发者社区,就置顶了一个「小程序常见问题 FAQ」帖. ...
- 微信小程序 常见问题(报错)
微信小程序 常见问题: 微信小程序项目结构 主要有四个文件类型,如下 WXML (WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件.事件系统,可以构建出页面的结构. ...
- python小程序源代码-整理了适合新手的20个Python练手小程序
100个Python练手小程序,学习python的很好的资料,覆盖了python中的每一部分,可以边学习边练习,更容易掌握python. 本文附带基础视频教程:私信回复[基础]就可以获取的 [程序1] ...
- 志汇同城小程序常见问题,已解决
志汇同城小程序 1:调用jsapi时缺少参数total_fee 解决办法:支付参数配置错误,检查下微信支付的配置,到公众号后台看下是否配置了回调,地址记得是:域名/payment 2:入驻114的时候 ...
- 代理推广小程序思路整理
很多代理最近问到关于代理推广思路的问题,现在老徐就从个人角度对代理推广小程序的思路进行初步的整理. 1. 讲趋势 小程序是微信战略生态布局中,很重要的战略地位,目前来看,想当于微信的亲儿子,腾讯对小程 ...
- 微信小程序常见问题集合(长期更新)
最新更新: 新手跳坑系列:推荐阅读:<二十四>request:fail错误(含https解决方案)(真机预览问题 跳坑指南<七十>如何让微信小程序服务类目审核通过 跳坑六十九: ...
- uni-app开发微信小程序常见问题(更新版):uni.getUserProfile要怎么写?uni.login和uni.getUserProfile的顺序?
相信很多小伙伴之前用的接口是uni.getUserInfo来获取微信用户信息,但自4月13日起这个接口的返回参数不变,但开发者获取的userInfo为匿名信息. (详情:小程序接口调整说明) 本人觉得 ...
- 微信小程序开发过程整理
目录 1微信开发相关介绍 1.1微信公众平台 1.2微信开放平台 1.3注意事项 2微信小程序开发整体介绍 2.1微信小程序简介 2.2小程序接入流程 3框架简介 3.1uni-app简介 3.2学习 ...
- 微信小程序开发整理-mp1
一.基础常识 app.json 全局json app.js 全局js app.wxss 全局样式 project.config.json 公共的配置 sitemap.json 界面 ...
最新文章
- Nginx自定义模块编写:根据post参数路由到不同服务器
- 参数调用不会改变参数值
- 《深入理解计算机系统》读书笔记八:程序结构和执行
- c: realloc()函数解析
- 实战SSM_O2O商铺_42【前端展示】店铺列表页面View层的实现
- WPF系列(一)第一个WPF应用程序!
- Python爬虫自学之第(②)篇——BeautifulSoup解析网页
- GCC10.1.0最新版编译
- 喷水装置(信息学奥赛一本通-T1424)
- silverlight寻奇 - Graphite
- iPhone判断是否已插入SIM卡
- c++和java哪个好学_【技术科普】C语言和java语言有些什么区别?
- 注册Google的步骤
- Pareto最优解 Pareto分布
- java里面有radix树吗_基数树(radix tree)
- 搅拌设备行业——双行星搅拌机即将成为龙头
- 抗光幕布哪个牌子好?
- 《数学建模》知识点总结
- 在线音乐播放项目——BY音乐
- 计算机应用数值,数值计算和计算机应用.pdf
热门文章
- real-time RGB-D camera relocalization
- 二维标准正态分布的matlab方程
- linux 内核编译速度,内核编译之后的运行速度
- php常用技术与thinkphp5,thinkPHP5框架路由常用知识点汇总
- rabbitmq实战指南_太香了这份架构解密:从分布式到微服务(第二版),神仙进阶指南...
- GPT2实现考公申论文章生成
- java udp类_UDP及java中的类
- java根据模板生成word文档_Python办公自动化:使用python来自动生成word文档
- loss函数之L1Loss,MSELoss,SmoothL1Loss, HuberLoss
- The Penn Discourse TreeBank 2.0