更新记录

0.0.1（2025-04-01）

• init

平台兼容性

uni-app

uni-app x

lime-apple-button

• uniappx 苹果授权登录按钮，未测试勿下载

安装

插件市场导入

代码演示

基础使用

<l-apple-button style="height: 50px;" type="signIn"></l-apple-button>
<view style="height: 10px;"></view>
<l-apple-button style="height: 50px;" type="continue"></l-apple-button>
<view style="height: 10px;"></view>
<l-apple-button style="height: 50px;" type="signUp"></l-apple-button>
<view style="height: 10px;"></view>
<l-apple-button style="height: 50px;" theme="white"></l-apple-button>
<view style="height: 10px;"></view>
<l-apple-button style="height: 50px;" theme="whiteOutline"></l-apple-button>
<view style="height: 10px;"></view>
<l-apple-button style="height: 50px;" theme="black"></l-apple-button>

事件

<l-apple-button style="height: 50px;" 
    ref="appleButtonRef"
    @success="onsuccess"
    @fail="onfail"
    @check="oncheck">
</l-apple-button>

const appleButtonRef = ref<LAppleButtonComponentPublicInstance|null>(null)

// 授权成功 返回user token等信息
const onsuccess = (e: UTSJSONObject) => {
    console.log('onsuccess', e)
}
// 授权失败
const onfail = (e: UTSJSONObject) => {
    console.log('onfail', e)
}
// 调用appleButtonRef.value.checkExistingLogin() 检测授权状态
const oncheck = (e: UTSJSONObject) => {
    console.log('oncheck', e)
}

const check = ()=> {
    appleButtonRef.value.checkExistingLogin()
}