深圳小程序开发之分离CSS样式到WXSS文件中

admin

深圳小程序开发之分离CSS样式到WXSS文件中，其实跟web端html+css差不多性质。wxml代码如下：

1. <!--pages/welcome/welcom.wxml-->
   
2. <view class="container">
   
3.     <image class="avater" src="/images/touxiang/1.jpg"></image>
   
4.     <text>金黑出品，必属精品</text>
   
5.     <view>
   
6.         <text>开启小程序之旅</text>
   
7.     </view>
   
8. </view>

复制代码

wxss代码：

1. /* pages/welcome/welcom.wxss */
   
2. .avater{
   
3.     width: 200rpx;
   
4.     height: 200rpx;
   
5.     margin-top: 160px;
   
6. }
   
7. 
   
8. .container{
   
9.     display: flex;
   
10.     flex-direction: column;
    
11. }

复制代码

都在同一文件夹下，名字相同，后缀不同，无需引入样式。view相当于web端的div。