深圳小程序开发之分离CSS样式到WXSS文件中
深圳小程序开发之分离CSS样式到WXSS文件中,其实跟web端html+css差不多性质。wxml代码如下:<!--pages/welcome/welcom.wxml-->
<view class="container">
<image class="avater" src="/images/touxiang/1.jpg"></image>
<text>金黑出品,必属精品</text>
<view>
<text>开启小程序之旅</text>
</view>
</view>wxss代码:
/* pages/welcome/welcom.wxss */
.avater{
width: 200rpx;
height: 200rpx;
margin-top: 160px;
}
.container{
display: flex;
flex-direction: column;
}
都在同一文件夹下,名字相同,后缀不同,无需引入样式。view相当于web端的div。
页:
[1]