在vue3模板里使用需要改動(dòng)的代碼：

（不會(huì)有人都用vue3了還不會(huì)將html改成模板吧？）

html:（從我這里復(fù)制粘貼找到對(duì)應(yīng)的替換即可）

<div class="register-box" :class="{hidden:!switchLogin}">

<div class="login-box" :class="{hidden:switchLogin}">

<button id="login" @click="switchLoginEvent">去登錄</button>

<button id="register" @click="switchLoginEvent">去注冊(cè)</button>

替換完成后在<script setup>那一欄里添加（不需要up主的js代碼）

const transRate = ref('80')

const switchLogin = ref(true)

const switchLoginEvent = () => {

switchLogin.value = !switchLogin.value

switchLogin.value ? transRate.value = '0' : transRate.value = '80'

}

然后css粘貼到<style scoped>那一欄就行