小程序样式篇

1、引入其他wxml、wxss、js文件
1.1 wxml中引入其他的template	
	<import src="文件的路径" />

1.2 wxss中引入其他的样式文件
	@import "文件的路径";
	
1.3 js中引入其他的util文件
	var utils = require("文件的路径");
	
2、盒子模型
	.container {
		/* 设置为盒子模型 */
		display:flex;
		/* 盒子模型的主轴方向row(横向)、column(垂直)*/
		flex-direction:column;
		/* 主轴方向上的显示方式*/
		align-items:center;
		/* 垂直主轴方向上的显示方式*/
		justify-content:center;
		/* 这种的padding表示上下padding为200rpx，左右padding为0 */
		padding:200rpx 0;
	}
	
3、设置边框
	{
		border: 1px solid #405f80;
	}
	
4、margin、padding参数详解
	/* 
	 * 四个边距都是40个rpx 
	 */
	margin: 40rpx;

	/* 
	 * 上下边距40个rpx
	 * 左右边距为30个rpx 
	 */
	margin: 40rpx 30rpx;

	/* 
	 * 上边距40个rpx
	 * 左右边距为30个rpx 
	 * 下边距20rpx
	 */
	margin: 40rpx 30rpx 20rpx;

	/* 
	 * 上边距40个rpx
	 * 右边距为30个rpx 
	 * 下边距20rpx
	 * 左边距10rpx
	 */
	margin: 40rpx 30rpx 20rpx 10rpx;