微信小程序筆記(三)

一個簡單的開始頁面css

3-2 官方種子項目介紹與小程序的文件結構小程序

1.以ihhone6,750px的像素設計最佳;750x1334;spa

2.設置style的兩種方式:動態樣式寫在style裏,靜態寫在class樣式表裏。設計

  (1)在wxml文件中設置code

 

1 <image style="width:200rpx;height:200rpx" src="/images/2013516191254219.jpg"></image>

 

  (2)在xcss文件中設置xml

.user-avatar{
    width:200rpx;
    height:200rpx;
    margin-top: 100rpx;
}
1 <!--wxml是編寫小程序骨架-->
2 <!--<div>-->
3 <view>
4     <image class="user-adatar" src="/images/2013516191254219.jpg"></image> 
5     <text>hello</text>
6     <view>
7         <text>開啓小程序之旅</text>  
8     </view>
9 </view>
相關文章
相關標籤/搜索