zoukankan      html  css  js  c++  java
  • 微信小程序 —— 动态决定页面元素显示或隐藏的技巧

    在微信小程序开发中,经常遇到一些由后台控制显示(is_open : 1)或者隐藏(is_open : 0),有俩种办法:

    • 复杂办法

      • 1.先在元素的class中 class=’{{show?’true’:’hidden’}}’
      • 2.再在相对应的js中配置show的值,例 data: {show:1,}
      • 3.最后在相对应的css中定义
      • .hidden{display:none;}

    • 简单办法
    • 直接在元素中加入wx:if=”{{is_open !=”}}”代码,后台传到前端的is_open为1时,元素就显示;为0时就不显示,如:
      <button wx:if="{{show !=''}}" class="free-contactButton" open-type='contact'>
          <view class="iconfont icon-duihuaxinxi"></view>
      </button>
  • 相关阅读:
    LeetCode#191 Number of 1 Bits
    敏捷编程
    过程模型
    磁盘阵列
    RAM和ROM
    cache
    局部性原理
    栈的应用(一)——括号的匹配
    猫狗收养问题
    全局变量和局部变量
  • 原文地址:https://www.cnblogs.com/azhqiang/p/9634340.html
Copyright © 2011-2022 走看看