原生wx小程序:动态绑定class

最新推荐文章于 2024-04-30 09:31:09 发布

努力努力再努力U

最新推荐文章于 2024-04-30 09:31:09 发布

阅读量1.3k

点赞数

分类专栏：微信小程序文章标签：小程序 vue.js javascript

本文链接：https://blog.csdn.net/qq_42980244/article/details/124664908

版权

微信小程序专栏收录该内容

14 篇文章 0 订阅

订阅专栏

用过vue的应该知道vue里面的动态绑定class使用的是:冒号

在小程序中没有:冒号

那么是怎么写的呢？

  <view class="verify-box {{recycleOrderType==='HS' ?'bottomb':''}}">
        <view class="paid-title">
            沟通截图
            <text class="circle">(不超过9张)</text>
        </view>
        <view class="img">
            <base-upload defaultFileList="{{fileList}}" bind:upload="handleUpload"></base-upload>
        </view>
    </view>



======================
  .verify-box {
        padding: 20rpx 20rpx 20rpx 20rpx;

        .paid-title {
            font-size: 32rpx;
            font-weight: bold;
            color: #333333;
            margin: 20rpx 0rpx;
            .circle {
                color: #a59c9c;
                font-size: 28rpx;
                font-weight: 200;
            }
        }
    }
    .bottomb {
        border-bottom: 20rpx solid #e5e5e5;
    }