소프로그램 개발 복반 난치병

작은 프로그램 호출 지도 내비게이션

주의: 경위도는 반드시 부동점수여야 한다

  addressClick: function (e) {
    let address = e.currentTarget.dataset.item;
    let latitude = parseFloat(this.data.pageData.latitude);
    let longitude = parseFloat(this.data.pageData.longitude);
    wx.getLocation({
      type: 'wgs84',
      success: function (res) {
        wx.openLocation({//​ 。     
          latitude: latitude,// - 
          longitude: longitude,// - 
          name: address,
          address: address
        })
      }
    })


  },

매개 변수를 가지고 이전 페이지로 돌아가고, 이전 페이지는 새로 고치지 않습니다.

장면: 쿠폰을 선택하고 다음 페이지로 돌아갑니다. 주의: 다음 페이지는 파라미터를 수신하고 onshow에 써야 합니다.

   // ， 
    goToDetail: function (e) {
        let pages = getCurrentPages();
        let prevPage = pages[pages.length - 2];  
        prevPage.setData({
            ticketCardId: this.data.activeItem,   
            ticketType: this.data.type
        })
        wx.navigateBack({
            delta: 1 
        })
    },

    // ， 
    onShow: function () {
      let that = this;
      var pages = getCurrentPages();
      var currPage = pages[pages.length - 1];
      that.setData({
        ticketCardId: currPage.data.ticketCardId,
        ticketPrice: currPage.data.ticketPrice
      });
  },

작은 프로그램 저장 그림

  saveCard: function () {
    var that = this;
    let url = that.data.card_url;
    wx.downloadFile({
      url: url,     // ， 
      success: function (res) {
        //  ，  success  ， 
        if (res.statusCode === 200) {
          wx.saveImageToPhotosAlbum({
            filePath: res.tempFilePath,
            success(res) {
              that.setData({
                shareShow: false
              })
              wx.showToast({
                title: ' ！',
              })
            },
            fail(res) {
              wx.showToast({
                title: ' ！',
              })
            }
          })
        }
      }
    })
  },

QR코드를 식별하여 페이지에 들어가고 백엔드에서 생성된 QR코드 소지 매개 변수

장면: 백엔드에서 QR코드를 생성하고 백엔드 해석 테스트 방법: 위챗 개발자 도구, 메뉴 표시줄에서 일반 컴파일을 클릭하면 맨 밑에 QR코드 컴파일 옵션을 통해 주의합니다. 이것은 제가 다른 사람의 답안을 보고 프로젝트에 옮겨 놓은 것입니다. 여기에 다음 참고용으로 쓰지만 원본 링크를 찾을 수 없습니다. 찾으면 첨부하거나 삭제할 수 있습니다. 원작자에게 감사드립니다!!!

   // 
   `
    https:/url?invite_code=123&channel_code=333
   `
   
   // 
  onLoad: function (options) {
    //  ， sence, ， options 
    Object.assign(options, this.getScene(options.scene)) //  ， this.options 
    this.setData({
      inviteCode: options.invite_code ? options.invite_code : '',
      channelCode: options.channel_code ? options.channel_code : '',
    });
    
  getScene: function(scene = "") {
    if (scene == "") return {}
    let res = {}
    let params = decodeURIComponent(scene).split("&")
    params.forEach(item => {
      let pram = item.split("=")
      res[pram[0]] = pram[1]
    })
    return res
  },
}
  

애플릿 풍부한 텍스트 분석

WxParse 플러그인으로 유지 보수를 중지했지만 잘 썼습니다. 문서를 직접 보십시오~ 개발자 감사합니다~ https://github.com/icindy/wxP...

애플릿

wxml 코드

      
        
          
            
             {{nowType.value}}
          
        
        
          
            {{typeArray[typeIndex]}}
            
          
        
      

wxss 코드

.sort_show {
  position: relative;
  width: 235.3rpx;
  height: 78rpx;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sort_index {
  width: 235.3rpx;
  height: 78rpx;
  background-color: #3f3f3f;
  border-radius: 37.7rpx;
  font-size: 24.7rpx;
  color: #bfbfbf;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sort_index_flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sort_index image {
  margin-right: 18.7rpx;
  width: 29.3rpx;
  height: 29.3rpx;
}

.sort_picker {
  position: absolute;
  left: 0;
  top: 0;
  width: 235.3rpx;
  height: 78rpx;
  z-index: 10;
  opacity: 0;
}

js

//data 
data:{
    nowType: { id: 1, value: ' ' },
    typeArray: [ { id: 1, value: ' ' }, { id: 2, value: ' ' },  { id: 3, value: ' ' }],
}
//js
bindTypeChange: function (e) {
    let type = this.data.typeArray[e.detail.value]
    this.setData({
      order: type.id,
      nowType: type
    });
    // 
    this.getHomeData();
  },

애플릿 가감 컨트롤

이 링크를 참고한 https://blog.csdn.net/iCrazyT..., 원작자 감사합니다.

소프로그램 탄창

wxss

.mask_view {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 999;
}


.card {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 604rpx;
  height: 869.3rpx;
  background-color: #ffffff;
  box-shadow: 0rpx 0rpx 46.2rpx 2.5rpx rgba(0, 0, 0, 0.08);
  border-radius: 24rpx;
  z-index: 1999;
}

js

data:{
    popShow:false
}
//  bindtap="openPop"
 openPop: function () {
    this.setData({
      popShow: true
    })
  },
// 
   ClosePop: function () {
    this.setData({
      popShow: false
    })
  },
  

주간 (요일) 날짜 선택기 플러그인

https://github.com/FernwehNan...
마지막: 인터넷 감사합니다, 공유자 감사합니다~ 헤헤헤