微信小程序笔记（三）

一个简单的开始页面

3-2 官方种子项目介绍与小程序的文件结构

1.以ihhone6,750px的像素设计最佳；750x1334;

2.设置style的两种方式：动态样式写在style里，静态写在class样式表里。

　　（1）在wxml文件中设置

 

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

 

　　（2）在xcss文件中设置

.user-avatar{
    width:200rpx;
    height:200rpx;
    margin-top: 100rpx;
}

<!--wxml是编写小程序骨架-->
<!--<div>-->
<view>
    <image class="user-adatar" src="/images/2013516191254219.jpg"></image> 
    <text>hello</text>
    <view>
        <text>开启小程序之旅</text>  
    </view>
</view>