微信小程序学习-05-wxss

尺寸单位

• rpx
  • 所有屏幕固定为750rpx
  • 屏幕375px的宽度，1px=2rpx

<view class="box1"><view>
<view class="box2"><view>

.box1{
	width:50px;
	height:50px;
	background-color:aqua;
}
.box2{
	/*1px=2rpx*/
	width:100rpx;
	height:100rpx;
	background-color:aqua;
}

样式导入

/* box.wxss */
.lg_box{
	width:200px;
	hegiht:200px;
	background-color:aqua;
	color:blue;
}

/* 页面样式文件导入其他样式*/
@import "../../box.wxss";

<view class="lg_box">
	index
<view>

内联样式

<view stype="background-color:yellow;color:{{mycolor}}">
	style
view>
<view class="{{myclass}}">
	class
view>

data:{
	mycolor:“blue”,
	myclass:"box"
}

.box{
	width:50px;
	height:50px;
	background-color:pint;
}