技术&日志

小程序-操作样式-CSS

小程序不是直接操作CSS, 而是通过页面变量.

<view class='{{alei}}' bindtap="a" style=" font-size: {{size}};> {{clickme}} </view>

//js文件传递类名,样式值
Page({
    data: {
        clickme: 'click me',
        alei: 'ac',//传递类名
        size: '30rpx',//传递样式值
    },

    //js文件定义点击事件函数
    a: function () {
        this.setData({
            clickme: 'changed data', //更改文本
            alei: 'bc', //更改样式
            size: '60rpx',//更改样式值
        })
    },
})

发表评论