微信小程序的input 的遮挡问题

因为input组件默认的样式问题，在设置input组件的宽度的时候 如果是这是width的值，则不能用百分比，而要用真实的数据，如px、rpx等；因为微信小程序的input 宽度缩小，input可输入文字的区域会缩小的更多，所以在input 的外面加一层view 就可以还有一种情况就是如果真需要用到百分比，那么可设置的input组件的 min-width 和 max-width 属性，但注意：如果设置的是 min-width 或 max-width 属性，不可设置 width 属性

微信小程序的navigator层级不能超过5级，同时也不建议层级超过3级，超过３级建议使用redirect，但是navigator能够保留上级的状态。

 

button圆角bug：

当button设置border时，border-radius失效; 下面是复现demo:

  <view class="test">      <button class='btn btn-cyagen btn-sm mt10'>xxxx</button>      <view class='btn btn-cyagen btn-sm mt10'>xxxx</view>   </view> .test button.btn-cyagen::after {   border: 0;   border-radius: 0; } .test .btn-cyagen {   background-color: #aa0c5b;   background-repeat: repeat-x;   background-image: linear-gradient(#f04199, #aa0c5b);   border: 1px solid #aa0c5b;   padding: 5px 15px;   color: #fff;   font-size: 13px;   border-radius: 13px;   width: 72px; }

小程序中app.wxss默认就是全局样式，不需要import引入

微信小程序border里面的rgba是不好用的。可以用shadow替代 ：

box-shadow: 0 0 0 16rpx rgba(0,0,0,0.15) ;

去除button默认样式 button::after {     border-radius: 0;     border: 0;     padding: 0; }

小程序post请求

如果请求失败检查数据和api，注意api要绑定小程序

wx.request({       url: 'https://bio.cyagen.net/api/bio/sperm-bank/search/',       data: {         "kw": "1",         "ti": "10090",         "web_source": "cn"       },       method: 'POST',         success: function(res) {         console.log(res.data)       }     })