后面更新的写在前面。。。。。。
微信小程序常见问题
第六,关于textarea
这个坑啊坑!,微信小程序中设置了悬浮,在开发工具中显示超级正常,然后预览,结果我的悬浮按钮设置了z-index都不管用,底下的textarea还是很顽强的透出来!!
询问了大佬,大佬说这个坑在文档中有,仔细找了一遍:
textarea的坑.jpg
1.如果要使用textarea,那么就设置它的默认值,placeholder都为空;这样查看的时候,是不会透出来。但是,问题是,当我在textarea输入文字后,他还是透出来了。
2.使用其他组件代替textarea的作用。(表示没有去实现。。。)
第一,关于图片
地址:https://developers.weixin.qq.com/miniprogram/dev/component/image.html
两种方式都可以使用
1.<image></image>
2.<image />
第二,关于链接navigator
地址:https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html
1.用默认navigator跳转页面的时候,不能直接连接到tabbar中的页面
第三,关于新建pages
刚刚开始接触的时候,一步一步的来,点击右键--新建页面,然后再在app.json中添加信息,如:“pages/index/datail”
现在,get到一个新的快捷的方法(可能你们早就知道了):直接在app.json中直接添加新页面信息,添加好之后,在目录相应的位置会自动生成一系列的wxml,wxss,js,json
第四,关于wxss(也就是样式表)
1.app.wxss是公共的;
2.wxss中不能直接使用本地图片,可以用外链或者base64的;另外行内样式写背景图片,在工具中能显示,但是手机上不能显示;其他行内样式正常使用;
3.小程序默认的页面背景,可以使用page{}修改,每个页面都有page{}
4.小程序中的默认button,边框是使用after来实现的,新版微信开发者工具查看不到after样式;
5.小程序中修改input的placeholder样式,<input placeholder-class="phcolor" placeholder="姓名" />,可以加一个class来写
第五,关于编译
刚刚接触小程序的时候,新建了好多页面,每次写相应页面的样式的时候,一保存,页面就从首页开始,心好累。。。后来我就用了笨方法,直接在app.json中修改,改变pages里面的顺序。
其实,我们可以使用微信开发工具中的编译:
编译模式.jpg
选中“添加编译模式”,
添加编译模式.jpg
模式名称:可以选择中文描述,你自己看的明白,相当于给你的页面一个名称
启动页面:选择你现有的页面中的一个,比如目前我正在修改login页面,我就选择这个页面路径
启动参数:默认是空白的,假如你在测试的时候,页面需要传参进入,则需要填写相应的参数值。
微信开发者工具的模拟器部分可以直接查看你页面的路径和页面参数
页面信息.jpg
网友评论