css - 如何使用 vue transition 實現 ios 按鈕一樣的平滑切換效果

問題描述

代碼部分

<template> <p class='register__user-wrapper font-size-default border-box relative'> /* register__user-active 表示當前頁面激活的 a 標簽 */<a id='register__personal-user'>個人用戶</a><a id='register__enterprise-user'>企業用戶</a> </p></template>

<style>.register__user-wrapper { width: 100%; height: 57px; margin-bottom: 31px; border-radius: 8px; padding: 3px; background-color: #ededed; } .register__user { width: 212px; height: 51px; line-height: 51px; border-radius: 8px; text-align: center; background-color: transparent; color: #4c4c4c; } .register__user-active { background-color: #fff; cursor: pointer; }</style>

問題解答

已經自己解決了。