zoukankan      html  css  js  c++  java
  • 小程序切换效果

    wxml

    <view class="satuan">
      <view class="sadan" bindtap="xin" style="border-color:{{xin}};">新人团</view>
      <view class="sadan" bindtap="pu" style="border-color:{{pu}};">普通团</view>
      <view class="sadan" bindtap="chao" style="border-color:{{chao}};">超级团</view>
    </view>

    wxss

    .satuan{
      height:100rpx;
      100%;
      background:#F32C39;
      display:flex;
      flex-direction:row;
      flex-wrap:nowrap;
      justify-content:space-around;
    }
    .satuan .sadan{
      height:100rpx;
      line-height:100rpx;
      font-size:30rpx;
      color:#fff;
      border-bottom:4rpx solid #fff;
    }
    

    wxjs

      data: {
        xin: "#fff",
        pu: "#F32C39",
        chao:"#F32C39"
      },  
    xin:function(){
        this.setData({
          xin: "#fff",
          pu: "#F32C39",
          chao: "#F32C39"
        })
      },
      pu:function(){
        this.setData({
          xin: "#F32C39",
          pu: "#fff",
          chao: "#F32C39"
        })
      },
      chao:function(){
        this.setData({
          xin: "#F32C39",
          pu: "#F32C39",
          chao: "#fff"
        })
      },
  • 相关阅读:
    决策树分类
    集群服务器 获取COOKIE错误
    React 自写Loading
    HTB-靶机-Unattended
    HTB-靶机-LaCasaDePapel
    HTB-靶机-FriendZone
    HTB-靶机-CTF
    HTB-靶机-FluJab
    HTB-靶机-Help
    HTB-靶机-Chaos
  • 原文地址:https://www.cnblogs.com/xiaoyaolang/p/12120723.html
Copyright © 2011-2022 走看看