admin 发表于 2022-2-16 13:47:19

深圳小程序开发之分离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]
查看完整版本: 深圳小程序开发之分离CSS样式到WXSS文件中