[JavaScript知识库] 原生wx小程序:动态绑定class

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> 原生wx小程序:动态绑定class -> 正文阅读

[JavaScript知识库]原生wx小程序:动态绑定class

用过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;
    }