0
点赞
收藏
分享

微信扫一扫

小程序动态设置css

菜头粿子园 2021-09-24 阅读 53
随笔

觉得小程序得操作方法,好神奇,也很好玩。
index.wxml

  <view class="search_main search_main1" id="search_main" style="{{viewData.style}}">
          <text wx:for="{{searchData}}" wx:key="key">{{item}}</text>
        </view>

index.js
let search1Style=--height:110rpx; --overflow:hidden;

Page({
data:{
  viewData:{
      style:''
    },
},
onLoad: function (options) {
      this.queryMultipleNodes()
  },

//获取元素
  queryMultipleNodes:function(){
    var that=this
    const query = wx.createSelectorQuery()
    query.select('.search_main1').boundingClientRect()
    query.exec(function(res){
        that.setData({'viewData.style':search1Style,open:true})
    })
  },
})
})

index.wxss

.search_main1{
    height:var(--height);
    overflow: var(--overflow);
}
举报

相关推荐

0 条评论