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

返回列表
来源:桔子科技,由本站于2021-03-08 编辑发布,已经有1个小伙伴看过这篇文章啦!

  


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


 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文件里添加{"enablePullDownRefresh": true}2)然后在js里实

现"onPullDownRefresh"和"onReachBottom"方法即可下拉事件onPullDownRefresh: function() {console.log('刷新');},上拉事件

onReachBottom: function() {console.log(' 下一页');},注意:刷新可能会和scroll-view控件冲突7.布局的一些属性

display : flex;  (display : flex 容器声明)flex-direction:    (view中布局的方向)row;    (横向布局 ,从左到右)column;    (垂直布局,布局从上往下) 


成都资深设计小程序制作公司,专业致力于成都小程序开发,小程序制作,小程序设计领域,公司拥有国内一流的成都小程序开发,成都小程序制作,成都小程序设计团队,欢迎需要新建网站,网站改版的朋友联系我们,成都桔子科技有限公司:208-86633922  http://www.orangeapp.cn/。

请添加微信:

(VBES)VIQ%E0L6_NB{P1B1C.png


18980020603