위 챗 애플 릿 팝 업 창 사용자 정의 인 스 턴 스 코드

위 챗 애플 릿 창
우선 wxml 코드:

<view class="myToast" hidden="{{nullHouse}}">      </view>
<view bindtap="clickArea">    </view>  
주:hidden 속성 은 비교적 빈번 한 곳 으로 전환 하 는 데 사 용 됩 니 다.
wxss 코드 설정 창 스타일:

.myToast{
 width:240rpx;
 height:130rpx;
 line-height: 130rpx;
 margin:80rpx 35%;
 border-radius:20rpx;
 background-color: rgb(114,113,113);
 color:rgb(255,255,255);
 font-size: 36rpx;
 text-align: center;
 position: absolute;
 z-index: 100;
 opacity: 0.85;
}
js:

Page({

 data:{
  nullHouse:true, //     
    },
 onLoad:function(options){
   //       options           
 },
 onReady:function(){
  //       
 },
 onShow:function(){
  //     
 },
 onHide:function(){
  //     
 },
 onUnload:function(){
  //     
 },
 clickArea:function(){
  var that = this;
  this.setData({
  nullHouse:false, //    
  }) 
  setTimeout(function(){
  that.data.nullHouse = true, //1       
   },1000)
 },
})

 주:setTimeout()함 수 는 비동기 입 니 다.컴퓨터 가 setTimeout 에 실 행 될 때 이 작업 은 잠시 멈 추고 저장 합 니 다.후속 미 완성 작업 을 계속 수행 합 니 다.조건 이 만족 할 때 setTimeout 의 실행 작업 을 작업 대기 열 뒤에 놓 고 실행 을 기다 리 십시오.
읽 어 주 셔 서 감사합니다. 여러분 에 게 도움 이 되 기 를 바 랍 니 다.본 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기