编写一个页面 welcome.wxml文件:
<view class="container">
<image src="/images/avatar/1.png" class='user-avatar'></image>
<!--text \n可进行换行 包含在这个标签里面的文字在手机上才可以常摁复制 -->
<text class='user-name'>hello,<text style='color:red'>world</text></text>
<view class='moto-container' bindtap='onTap'>
<text class='moto'>开启小程序之旅</text>
</view>
</view>
welcome.wxss文件:
/*静态样式,建议写在wxss文件中,动态样式可以写在wxml中用style*/
.container{
display: flex;
flex-direction:column;
align-items: center;
background-color:#b3d4db;
}
.user-avatar{
height:200rpx;
width:200rpx;
margin:30rpx;
}
.user-name{
margin-top: 200rpx;
font-size: 42rpx;
font-weight: bold;
}
.moto{
font-size: 3