微信小程序开发

记录一下自己开发小程序中的知识。关于小程序的配置文件注释

代码格式化：shift+alt+F

 

 

上一级:  ../

第三方样式库：WeUI,iViewWeapp,Vant,

 

控件：

这里是在wxml里画了一个正方形的

<view class="box"></view>

在wxss里面给box设置样式

.box{

width: 200rpx;

height: 200rpx;

background: #cfc

}

这样一个方形的box就画好了，这里box大小的单位推荐用rpx,可以很好的适配不同分辨率的屏幕，开发的时候推荐使用iphone6作为开发机器，效果图如下所示：

按钮的实现

<button size='mini' bindtap="addCount">我是按钮，点我</button>

如果不去设置size,按钮宽度默认填充整个屏幕，bindtap是为button添加点击事件，也可以使用catchtap,然后我们在js文件中设置button的点击事件：

addCount:function(){

console.log('点击了按钮');

this.setData({

count: this.data.count+1

});

 

},

addCount相当于方法名，这个可以随意定义，最好是符合代码规范，console.log('点击了按钮');是打印日志，在这里我做的点击按钮的逻辑是每次点击按钮，count数值+1；

 

下面这些代码可以控制view的属性：比如将颜色设置为黑色，字体大小为70rpx,间距为10px

color: black;  

font-size: 70rpx;

margin-top: 10px;

margin-left: 10px;

margin-right: 10px;