资讯中心

资讯中心

当前位置:主页 > 资讯中心 > 常见问题 >

微信小程序开发的几个小技巧

发布时间:作者:济南小程序开发来源:未知点击:

1.公共文件app文件可以放一些经常用到的方法 例如网络请求和判断网络的封装

在文件中如果想使用app.js中的方法直接var app = getApp() 直接就可以调用了

2.position相关的设置

想把文字放在图片上边 position: relative;

如果想把控件放在页面的最下边position:fixed;

3.实现渐变色

第一个是起点颜色,慢慢过渡到第二个颜色
从上到下的线性渐变:
background: linear-gradient(red, blue);
从左到右的线性渐变:
background: linear-gradient(to right, red , blue);

4.裁圆角

设置弧度 顺序是 左上角 右上角 右下角 左下角 (顺时针)
border-radius: 3px 0px 0px 3px;
5.使用rpx可以自适应 就不用考虑适配的问题了 建议使用iphone6测试 因为这个机型1px=2rpx;

6.下拉刷新和上拉加载

1)首先在要刷新类的.json文件里添加


  1. {
  2. "enablePullDownRefresh": true
  3. }

2)然后在js里实现"onPullDownRefresh"和"onReachBottom"方法即可

下拉事件


  1. onPullDownRefresh: function() {
  2. console.log('刷新');
  3. },

上拉事件


  1. onReachBottom: function() {
  2. console.log(' 下一页');
  3. },

注意:刷新可能会和scroll-view控件冲突

7.布局的一些属性


  1. display : flex; (display : flex 容器声明)
  2. flex-direction: (view中布局的方向)
  3. row; (横向布局 ,从左到右)
  4. column; (垂直布局,布局从上往下)
  5.  
  6. row-reverse; (横向布局 ,从右到左)
  7.  

TOP

QQ客服

15069066861

拨打电话