위 챗 애플 릿 사용자 정의 메시지 알림 상자

위 챗 애플 릿 사용자 정의 메시지 알림 상자
필요 설명:
wx.showToast(OBJECT)인 터 페 이 스 를 호출 하지만 icon 과 image 가 필요 하지 않 습 니 다.image 가 비어 있어 도 자리 가 있 습 니 다.실제로 사용자 정의 텍스트 내용 만 출력 하고 싶 습 니 다.
효과 캡 처:

코드 는 다음 과 같 습 니 다:

<!--index.wxml-->
<!--      -->
<view>
 <block wx:for="{{50}}">
  <view> 123456 123456 123456 123456 123456</view>
 </block>
</view>
<!--       -->
<view class="showModule" wx:if="{{isShow}}">
 <!--            ,          -->
 <view class="text ">{{text}}</view>
</view>

/* index.wxss */

.showModule {
 /*         visibility: hidden;*//* flex    */
 display: flex;
 justify-content: center;
 align-items: center;
 /*          ,             */
 position: fixed;
 /*    height,width       ,left,top      */
 left: 35%;
 top: 40%;
 height: 20vh;
 width: 30vw;
 /*     */
 opacity: 0.99;
 background-color: #7b7b7b;
 /*    */
 border-radius: 30rpx;
}

.showModule .text {
 /* flex    */
 display: flex;
 /*      */
 font-weight: bold;
 color: white;
 font-size: 13pt;
 font-family: "    ";
 /* Helvetica,
   Arial,
   Hiragino Sans GB,
   Source Han Sans CN,
   PingFang SC,
   Roboto,
       ,
   Heiti SC,
   Microsoft Yahei,
   sans-serif; */
}


//index.js
//      
var app = getApp()
Page({
 data: {
  text: "    ",
  isShow: false
 },
 onShow() {
  this.setData({
   text: "      ",
   isShow: true
  })
 }
})

이상 은 위 챗 애플 릿 이 메시지 알림 상 자 를 사용자 정의 하 는 인 스 턴 스 입 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남기 거나 본 사이트 커 뮤 니 티 에 가서 토론 을 하 십시오.읽 어 주 셔 서 감사합니다. 여러분 께 도움 이 되 기 를 바 랍 니 다.본 사이트 에 대한 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기