国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

  1. Toy模板網(wǎng)首頁
  2. >Toy博客

微信小程序--下拉選擇框組件封裝,可CV直接使用

2年前作者：糊涂涂糊涂涂分類：Toy博客閱讀(27)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了微信小程序--下拉選擇框組件封裝,可CV直接使用。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

一、起因

? ? ? ? 接到的項(xiàng)目需求,查看ui設(shè)計(jì)圖后,由于微信小程序官方設(shè)計(jì)的下拉選擇框不符合需求,而且常用的第三方庫也沒有封裝類似的,所以選擇自己自定義組件。在此記錄一下,方便日后復(fù)用。

? ? ? ? ui設(shè)計(jì)圖如下:

? ? ? ?微信小程序下拉框,小程序,微信小程序,小程序,css?微信小程序下拉框,小程序,微信小程序,小程序,css

? ? ? ? 微信官方提供的選擇框

微信小程序下拉框,小程序,微信小程序,小程序,css

? ? ? ? 對(duì)比發(fā)現(xiàn)并不能實(shí)現(xiàn)我們想要的功能。

二、自定義組件?

2.1 封裝品牌組件

注:我這里的箭頭是使用Vant-Weapp生成的,可自由替換組件或圖片實(shí)現(xiàn),把相應(yīng)的wxss改掉即可

代碼如下

  • wxml
<view class="select_all_view">
 <!-- 內(nèi)容說明，可以沒有 -->
 <view class="select_title" wx:if="{{title}}">{{title}}</view>
 <view class="select_view">
  <!-- 輸入框 -->
  <view class="inputPlaceholder" bindtap="startChange">
   <text class="text" wx:if='{{select}}' >{{select}}</text>
   <text class="text" wx:else="{{select}}" >{{placeholder}}</text>
   <view class="icon" wx:if='{{changable}}'>
    <van-icon name="arrow-down" />
   </view>
   <view class="icon" wx:else='{{changable}}'>
    <van-icon name="arrow" />
   </view>
  </view>
  <!-- 下拉展開后的可選擇內(nèi)容 -->
  <view class="content" wx:if='{{changable}}'>
   <view class="{{item.id==selectId ? 'active':''}}" wx:for="{{selectcontent}}" wx:key="idnex" bindtap="changecontent" data-datavalue="{{item}}">
    {{item.name}}
   </view>
  </view>
 </view>
</view>
  • wxss
/* components/select-postSale.wxss */
.select_all_view {
  display: flex;
  z-index: 999;
}

.select_view {
  display: inline;
  width: 200rpx;
  height: 64rpx;
}

/* .select_title {
  margin-right: 10rpx;
} */

.inputPlaceholder {
  min-width: 230rpx;
  height: 64rpx;
  background: #FFFFFF;
  border: 2rpx solid #D9D9D9;
  border-radius: 12rpx 12rpx 12rpx 12rpx;
  padding: 4rpx 0rpx 10rpx 10rpx;
  border-radius: 10rpx;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 28rpx;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 33rpx;
}

.select_view .inputPlaceholder .text {
  height: 40rpx;
  position: relative;
  top: 16rpx;
  left: 12rpx;
}

.icon {
  position: absolute;
  right: 12rpx;
  top: 20rpx;
}

.content {
  position: absolute;
  z-index: 999;
  width: 200rpx;
  max-height: 208rpx;
  background: #FFFFFF;
  box-shadow: 0rpx 12rpx 32rpx 0rpx rgba(0, 0, 0, 0.08), 0rpx 6rpx 12rpx -8rpx rgba(0, 0, 0, 0.12), 0rpx 18rpx 56rpx 16rpx rgba(0, 0, 0, 0.05);
  border-radius: 16rpx 16rpx 16rpx 16rpx;
  opacity: 1;
  margin-top: 8rpx;
  padding: 20rpx;
  overflow-x: hidden;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.select_view .content .active {
  width: 184rpx;
  height: 64rpx;
  background: #F9F9F9;
  border-radius: 0rpx 0rpx 0rpx 0rpx;
  opacity: 1;
  font-size: 28rpx;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 33rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.select_view .content .normal {
  width: 184rpx;
  height: 64rpx;
  background: #FFFFFF;
  border-radius: 0rpx 0rpx 0rpx 0rpx;
  opacity: 1;
  font-size: 28rpx;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 33rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
  • json
{
  "component": true,
  "usingComponents": {
    "van-icon": "@vant/weapp/icon/index"
  }
}
  • ?js
// components/select-postSale.js
Component({
  properties: {
   title:{
    type: String,
    value: ""
   },
   nameList: {
    type: Array,
    value: [],
    observer: function(){
    //有的時(shí)候選項(xiàng)組是后端獲取數(shù)據(jù)來的，初始化時(shí)可能為[]，所以這里使用obersver，當(dāng)父組件中值改變時(shí)觸發(fā)
     this.processData();
    }
   },
   nowId: {
    type: Number,
    value: -1
   },
   nowName: {
    type: String,
    value: "",
    observer: function(){
     this.setData({select: this. properties.nowName,
      selectId: this.properties.nowId,});
    }
   },
   placeholder: {
    type: String,
    value: ""
   }
  },
 
  /**
   * 頁面的初始數(shù)據(jù)
   */
  data: {
   selectcontent: [],
   changable: false, //箭頭切換
   select: undefined, //選中的值
   selectId: undefined, //選中的id
  },
  methods: {
  // 下拉框收起和展開
   startChange(e) {
    this.setData({
     changable: !this.data.changable
    })
   },
   // 選擇數(shù)據(jù)后回顯
   changecontent(e) {
    this.setData({
     select: e.currentTarget.dataset.datavalue.name,
     selectId: e.currentTarget.dataset.datavalue.id,
     changable: false
    })
    this.triggerEvent("handleChange", {selectId: this.data.selectId, select: this.data.select});//向父組件傳參
   },
   //處理數(shù)據(jù)，復(fù)制一遍，因?yàn)樽咏M件不能直接改變父組件的傳進(jìn)來的值。
   processData(){
    let options = [];
    let that = this;
    this.properties.nameList.forEach((item) => {
     options.push({
      id: item.id,
      name: item.name,
     });
    }); //forEach
    this.setData({
     selectcontent: options,
     select: that.properties.nowName,
     selectId: that.properties.nowId,
    });
   }
  }
 })

2.2 組件調(diào)用與ui原型圖對(duì)比

? ? ? ? 在要使用組件的頁面js中添加自己想要的數(shù)據(jù)

  • js
 data: {
    curfId: 1,
    brandList: [{name: "萬達(dá)影視" ,id: 1},
    {name: "金逸影視" ,id: 2},
    {name: "CGV" ,id: 3}
   ],
   curBrandName:"萬達(dá)影視" ,
}
  • wxml?
<select-postSale nowId="{{curfId}}" nameList="{{brandList}}" nowName="{{curBrandName}}" placeholder="請(qǐng)選擇品牌" bind:handleChange="changeBrand"></select-postSale>
  • json
"usingComponents": {
    "van-icon": "@vant/weapp/icon/index",
    "select-postSale":"/components/select-postSale/select-postSale"
  },
  "navigationStyle": "custom"

? ? ui設(shè)計(jì)圖與效果對(duì)比

微信小程序下拉框,小程序,微信小程序,小程序,css微信小程序下拉框,小程序,微信小程序,小程序,css

? ? ? ? 可以看到效果已經(jīng)基本實(shí)現(xiàn).具體細(xì)節(jié)需要優(yōu)化一下

2.3 封裝下方灰色區(qū)域組件

? ? ? ? 這個(gè)組件有兩個(gè)地方使用,樣式基本相同,拿上方的品牌組件修改一下樣式即可

代碼如下

  • wxml
<!--pages/components/my_select/my_select.wxml-->
<view class="select_all_view">
 <view class="select_view">
  <!-- 輸入框 -->
  <view class="inputPlaceholder" bindtap="startChange">
   <text class="text" wx:if='{{select}}' >{{select}}</text>
   <text class="text" wx:else="{{select}}" >{{placeholder}}</text>
   <view class="icon" wx:if='{{changable}}'>
    <van-icon name="arrow-down" />
   </view>
   <view class="icon" wx:else='{{changable}}'>
    <van-icon name="arrow" />
   </view>
  </view>
  <!-- 下拉展開后的可選擇內(nèi)容 -->
  <view class="content" wx:if='{{changable}}'>
   <view class="{{item.id==selectId ? 'active':'normal'}}" wx:for="{{selectcontent}}" wx:key="idnex" bindtap="changecontent" data-datavalue="{{item}}">
    {{item.name}}
   </view>
  </view>
 </view>
</view>
  • wxss
/* components/select-postSale.wxss */
.select_all_view {
  display: flex;
  z-index: 999;
  width: 654rpx;
  height: 104rpx;
  background: #F9F9F9;
  border-radius: 12rpx 12rpx 12rpx 12rpx;
  opacity: 1;
}

.select_view {
  display: inline;
  /* width: 200rpx;
  height: 64rpx; */
}

.inputPlaceholder {
  min-width: 654rpx;
  height: 82rpx;
  background: #F9F9F9;
  border: 2rpx solid #D9D9D9;
  border-radius: 12rpx 12rpx 12rpx 12rpx;
  padding: 4rpx 0rpx 10rpx 10rpx;
  /* color: #252525;
  font-weight: 400; */
  border-radius: 10rpx;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 32rpx;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 38rpx;
}

.select_view .inputPlaceholder .text {
  height: 40rpx;
  position: relative;
  top: 30rpx;
  left: 24rpx;
}

.icon {
  position: absolute;
  right: 24rpx;
  top: 30rpx;
}

.content {
  position: absolute;
  z-index: 999;
  min-width: 626rpx;
  max-height: 516rpx;
  background: #FFFFFF;
  box-shadow: 0rpx 12rpx 32rpx 0rpx rgba(0, 0, 0, 0.08), 0rpx 6rpx 12rpx -8rpx rgba(0, 0, 0, 0.12), 0rpx 18rpx 56rpx 16rpx rgba(0, 0, 0, 0.05);
  border-radius: 16rpx 16rpx 16rpx 16rpx;
  opacity: 1;
  margin-top: 8rpx;
  padding: 20rpx;
  overflow-x: hidden;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.content>.inputPlaceholder {
  padding: 10rpx 0;
}

.select_view .active {
  width: 638rpx;
  height: 100rpx;
  background: #F9F9F9;
  font-size: 32rpx;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 38rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.select_view .normal {
  width: 638rpx;
  height: 100rpx;
  border-radius: 16rpx 16rpx 16rpx 16rpx;
  opacity: 1;
  font-size: 32rpx;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 38rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
  • json
{
  "component": true,
  "usingComponents": {
    "van-icon": "@vant/weapp/icon/index"
  }
}
  • js
  • // components/select-postSale.js
Component({
  properties: {
   title:{
    type: String,
    value: ""
   },
   nameList: {
    type: Array,
    value: [],
    observer: function(){
    //有的時(shí)候選項(xiàng)組是后端獲取數(shù)據(jù)來的，初始化時(shí)可能為[]，所以這里使用obersver，當(dāng)父組件中值改變時(shí)觸發(fā)
     this.processData();
    }
   },
   nowId: {
    type: Number,
    value: -1
   },
   nowName: {
    type: String,
    value: "",
    observer: function(){
     this.setData({select: this. properties.nowName,
      selectId: this.properties.nowId,});
    }
   },
   placeholder: {
    type: String,
    value: ""
   }
  },
 
  /**
   * 頁面的初始數(shù)據(jù)
   */
  data: {
   selectcontent: [],
   changable: false, //箭頭切換
   select: undefined, //選中的值
   selectId: undefined, //選中的id
  },
  methods: {
  // 下拉框收起和展開
   startChange(e) {
    this.setData({
     changable: !this.data.changable
    })
   },
   // 選擇數(shù)據(jù)后回顯
   changecontent(e) {
    this.setData({
     select: e.currentTarget.dataset.datavalue.name,
     selectId: e.currentTarget.dataset.datavalue.id,
     changable: false
    })
    this.triggerEvent("handleChange", {selectId: this.data.selectId, select: this.data.select});//向父組件傳參
   },
   //處理數(shù)據(jù)，復(fù)制一遍，因?yàn)樽咏M件不能直接改變父組件的傳進(jìn)來的值。
   processData(){
    let options = [];
    let that = this;
    this.properties.nameList.forEach((item) => {
     options.push({
      id: item.id,
      name: item.name,
     });
    }); //forEach
    this.setData({
     selectcontent: options,
     select: that.properties.nowName,
     selectId: that.properties.nowId,
    });
   }
  }
 })

2.4 第二個(gè)組件調(diào)用與ui原型圖對(duì)比?

? ? ? ? 跟上方調(diào)用組件一樣.在使用組件頁面js中添加數(shù)據(jù),這里調(diào)用兩次組件即可,只是展示數(shù)據(jù)不一樣

  • js
 /**
   * 頁面的初始數(shù)據(jù)
   */
  data: {
    curfId: 1,
   filmList: [{name: "堅(jiān)如磐石" ,id: 1},
    {name: "變形金剛3" ,id: 2},
    {name: "復(fù)仇者聯(lián)盟5" ,id: 3}
   ],
   curFilmName: "復(fù)仇者聯(lián)盟5",
   dateList: [{name: "2023/10/16" ,id: 1},
    {name: "2023/10/23" ,id: 2},
    {name: "2023/10/30" ,id: 3}
   ],
   curDateName: "2023/10/16",
  },
  • wxml
<select-postSale_2 nowId="{{curfId}}" nameList="{{filmList}}" nowName="{{curFilmName}}" placeholder="請(qǐng)選擇要更換的電影"></select-postSale_2>

<select-postSale_2 nowId="{{curfId}}" nameList="{{dateList}}" nowName="{{curDateName}}" placeholder="請(qǐng)選擇要修改的日期"></select-postSale_2>
  • json?
"usingComponents": {
    "van-icon": "@vant/weapp/icon/index",
    "select-postSale_2":"/components/select-postSale_2/select-postSale_2"
  },
  "navigationStyle": "custom"

? ? ? ? ui原型圖與實(shí)現(xiàn)效果對(duì)比

電影部分

微信小程序下拉框,小程序,微信小程序,小程序,css微信小程序下拉框,小程序,微信小程序,小程序,css

日期部分

微信小程序下拉框,小程序,微信小程序,小程序,css微信小程序下拉框,小程序,微信小程序,小程序,css

三、自定義修改說明?

  • 選擇框的大小修改inputPlaceholder樣式即可

舉個(gè)栗子: 此處我修改了寬度與背景色

.inputPlaceholder {
? min-width: 400rpx;//修改后的寬度
? height: 82rpx;
? background: #FF00FF; // 修改后的背景色
? border: 2rpx solid #D9D9D9;
? border-radius: 12rpx 12rpx 12rpx 12rpx;
? padding: 4rpx 0rpx 10rpx 10rpx;
? position: relative;
? overflow: hidden;
? text-overflow: ellipsis;
? white-space: nowrap;
? font-size: 32rpx;
? font-family: PingFang SC-Regular, PingFang SC;
? font-weight: 400;
? color: #000000;
? line-height: 38rpx;
}

微信小程序下拉框,小程序,微信小程序,小程序,css

  • 選擇后的彈窗修改content樣式即可?
  • 選中樣式修改active,沒選中樣式修改normal,彈窗大小修改content

舉個(gè)栗子:此處修改選中的背景色與沒選中的背景色(懶人,修改背景色容易區(qū)分)

  • active

.select_view?.active?{

??width:?638rpx;

??height:?100rpx;

??background:?#32CD32;? // 修改后背景色

??font-size:?32rpx;

??font-family:?PingFang?SC-Regular,?PingFang?SC;

??font-weight:?400;

??color:?#000000;

??line-height:?38rpx;

??display:?flex;

??justify-content:?center;

??align-items:?center;

}

  • normal

.select_view?.normal?{

??width:?638rpx;

??height:?100rpx;

??background: #FF6347;? // 修改后背景色

??opacity:?1;

??font-size:?32rpx;

??font-family:?PingFang?SC-Regular,?PingFang?SC;

??font-weight:?400;

??color:?#000000;

??line-height:?38rpx;

??display:?flex;

??justify-content:?center;

??align-items:?center;

}

微信小程序下拉框,小程序,微信小程序,小程序,css

其他的需要自定義的依照自己ui樣式修改即可。?

?文章來源地址http://www.zghlxwxcb.cn/news/detail-752245.html

到了這里，關(guān)于微信小程序--下拉選擇框組件封裝,可CV直接使用的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處： 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 微信小程序 —— picker 組件， 下拉列表組件

    picker 組件的使用 自定義組件的創(chuàng)建和使用 微信小程序的語法，官方 wxss 庫的使用 從底部彈起的滾動(dòng)選擇器 doc: https://developers.weixin.qq.com/miniprogram/dev/component/picker.html 通用屬性： 屬性 類型 默認(rèn)值 必填 說明 mode string selector 否 選擇器類型 disabled boolean false 否 是否禁用 bindca

    2024年04月27日
    瀏覽(20)
  • 微信小程序自定義封裝picker實(shí)現(xiàn)直接顯示年月日時(shí)分

    微信小程序自定義封裝picker實(shí)現(xiàn)直接顯示年月日時(shí)分

    效果如入下： 第一步，封裝datepicker.js，可放在utils文件夾下。代碼如下： ? 第二步，wxml代碼： js代碼：

    2024年01月16日
    瀏覽(92)
  • 微信小程序封裝組件

    微信小程序封裝組件

    在日常開發(fā)中，有頁面之間有很多相似的組件，我們可以對(duì)其相似的代碼塊進(jìn)行封裝，進(jìn)行復(fù)用 先在根目錄下創(chuàng)建一個(gè)component文件夾 在里面創(chuàng)建一個(gè)目錄wMyTop文件夾，然后右鍵點(diǎn)擊Component創(chuàng)建一個(gè)組件輸入wMyTop，回車 然后在wMyTop.json中把\\\"component\\\": true,改為true，意思就是開啟

    2024年02月09日
    瀏覽(23)
  • uniapp 微信小程序 自定義彈框+picker下拉選擇列表+輸入表單：拒絕-選擇理由彈窗

    uniapp 微信小程序 自定義彈框+picker下拉選擇列表+輸入表單：拒絕-選擇理由彈窗

    效果： 1、template 2、data： 3、methods: 4、style

    2024年01月20日
    瀏覽(96)
  • uniapp 微信小程序 實(shí)現(xiàn) 將base64圖片保存相冊(cè)和轉(zhuǎn)發(fā)分享微信好友功能記錄 直接cv就能用?。。?！

    uniapp 微信小程序 實(shí)現(xiàn) 將base64圖片保存相冊(cè)和轉(zhuǎn)發(fā)分享微信好友功能記錄 直接cv就能用！?。?！

    一、base64圖片保存相冊(cè)功能 提示api：that.$refs.uToast.show用的是uview2.0的toast，可以根據(jù)具體引入的ui庫去更換； 二、轉(zhuǎn)發(fā)分享base64圖片給微信好友功能? 該功能在微信開發(fā)者工具中調(diào)試的時(shí)候會(huì)一直報(bào)錯(cuò)，真機(jī)是沒問題的，可能是編譯器的bug。 其實(shí)整個(gè)wx.showShareImageMenu會(huì)拉起保

    2024年02月11日
    瀏覽(105)
  • 微信小程序自定義tree組件，拿走直接用

    微信小程序自定義tree組件，拿走直接用

    工作原因，微信小程序需要一個(gè)功能類似于elemenui中的tree組件，找了好多ui組件庫沒有能直接用的，最后自己寫了一套，封裝成組件，中心技術(shù)是組件本身遞歸，只需要在父級(jí)頁面?zhèn)鳌皹淞斜頂?shù)據(jù)”和“選中的節(jié)點(diǎn)id”就可以用了。 tree組件 tree.wxml tree.js tree.wxss tree.json 父級(jí)頁

    2024年02月01日
    瀏覽(92)

  • 微信小程序（原生）封裝彈框組件

    小程序封裝原生彈框組件（一個(gè)彈框，點(diǎn)擊確定關(guān)閉彈框，有需要的直接復(fù)制哦） 上面是組件的內(nèi)容，下面是引用方法 首先第一步在app.json或者單文件json文件引入 我用的比較多就在app.json引入的 下面是文件使用方法: 只需要子啊data中控制這兩個(gè)屬性就可以了，喜歡的點(diǎn)個(gè)贊

    2024年02月11日
    瀏覽(94)
  • [微信小程序] scroll-view組件下拉刷新，怎樣結(jié)束刷新(已解決)

    [微信小程序] scroll-view組件下拉刷新，怎樣結(jié)束刷新(已解決)

    官方文檔：scroll-view | 微信開放文檔 (qq.com) 這里就不贅述scroll-view的基本使用方法了，先看問題： ?代碼： ?由于在官方文檔中并沒有詳細(xì)說明如何在刷新完成之后關(guān)閉刷新，這里我給出的解決辦法就是，給組件綁定一個(gè)刷新數(shù)據(jù)，然后在觸發(fā)下拉刷新的函數(shù)中手動(dòng)將數(shù)據(jù)改

    2024年01月20日
    瀏覽(96)
  • 基于Element-ui 封裝帶分頁的下拉選擇器組件

    基于Element-ui 封裝帶分頁的下拉選擇器組件

    使用 Element-ui的 el-select組件時(shí)，如果下拉選項(xiàng)過多，一是查找選項(xiàng)困難，二是數(shù)據(jù)量超大（比如1w+）組件直接會(huì)卡死，所以考慮做一個(gè)帶分頁的下拉選擇器（樣式還可以再優(yōu)化）

    2024年02月11日
    瀏覽(25)
  • 微信小程序---微信授權(quán)彈窗實(shí)現(xiàn)（組件，需要地方直接調(diào)用即可）

    微信小程序---微信授權(quán)彈窗實(shí)現(xiàn)（組件，需要地方直接調(diào)用即可）

    ?在資源處下載后 在調(diào)用頁面 json： wxml： js： 1、先判斷是否已經(jīng)登錄，未登錄直接調(diào)用show_empower:true即可彈出登錄授權(quán)框 2、點(diǎn)擊授權(quán)會(huì)請(qǐng)求獲取手機(jī)號(hào)碼，通過手機(jī)號(hào)碼請(qǐng)求后臺(tái)數(shù)據(jù)，若登錄成功后 3、在頁面調(diào)用return_login(e)方法，判斷e攜帶的值是否請(qǐng)求成功。 4、若成

    2024年02月12日
    瀏覽(20)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包，優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包