- view標(biāo)簽就等同于div標(biāo)簽
- 通過組合不同基礎(chǔ)組件構(gòu)建界面赂摆，組件可以通過class定義樣式
<view class='item'>
<image class='photo' src='/asset/logo.jpg' ></image>
<input class='username' type='text' placeholder='請(qǐng)輸入用戶名'></input>
<text class='txt'>文字</text>
</view>
- 使用rpx單位可以實(shí)現(xiàn)自適應(yīng)大小
- 小程序規(guī)定寬度750rpx笔横，1rpx等于1px造寝，建議UI設(shè)計(jì)稿已iphone6（750px）為基準(zhǔn)進(jìn)行設(shè)計(jì)
.photo{
width: 750rpx;
height: 400rpx;
position: absolute;
bottom: 0
}
.txt{
display: block;
width: 100%;
height: 400rpx;
line-height: 400rpx;
font-size: 36rpx;
text-align: center;
background-color:#eee;
}
.username{
width: 350rpx;
height: 60rpx;
font-size: 26rpx;
border: 1px solid #e9e9e9;
text-indent: 10rpx;
margin: 30rpx 0 30rpx 0;
}
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
