小程序常用小功能

页面部分

输入框

placeholder="请输入xxx" placeholder-class="placeholder"

js部分

强制转换

let i = parseInt(count);
console.log(i)

样式部分

设置背景为整个屏幕

position: fixed;

width: 100%;height: 100%;

display:flex;flex-direction:column;

align-items:center;/*垂直居中*/

justify-content: center;/*水平居中*/

配置部分（json）

小程序修改标题栏

• 修改全部页面导航
  想修改整个程序的导航栏，在app.json 文件中修改

"window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#a3d6d2",
    "navigationBarTitleText": "在这里修改标题",
    "navigationBarTextStyle": "white"
 },

• 修改单页面导航

在要修改的页面文件夹中的json文件（如about.json）：

{
  "usingComponents": {
  },
  "navigationBarTitleText": "关于我们"
}

• 动态修改导航栏名称

wx.setNavigationBarTitle({
	 title: res.data.nav_name,
}) 

整体功能

传参数

wxml

data-ppid="{{pro.pid}}"

js

//获取
var pid1=event.currentTarget.dataset.ppid;
wx.navigateTo({
url: '/pages/pro/pro?pid='+ pid1,
});

获取输入框的值

wxml

<form bindsubmit="formSubmit">
      <input focus="{{true}}" name="inp"></input>
      <button formType="submit" >发送</button>
</form>

js

formSubmit: function (e) {
 var inp=e.detail.value.inp
}