自定義前端樣式
更新時間:
創建阿里云驗證碼配置后,您可以通過直接修改前端接入代碼的方式自定義驗證碼組件的顯示樣式。同時,阿里云驗證碼為您提供可視化的驗證碼組件樣式自定義功能,幫助您結合預覽效果快速設計驗證碼組件的顯示樣式,生成相應的前端接入代碼。
說明
對于自定義樣式配置項中的圖片資源,需要您自行準備可用的、可由Web訪問的資源。
對于無痕驗證方式中的刮刮卡二次驗證配置項中的正常狀態前景圖片項,必須使用base64格式的圖片數據流,不支持其它圖片資源。
對于自定義樣式功能無法滿足的特殊前端樣式配置,您可以參考該驗證方式對應的前端接入代碼集成文檔中的自定義樣式內容直接修改前端接入代碼中參數、樣式相關的代碼部分。
操作步驟
登錄阿里云驗證碼控制臺。
在驗證碼頁面,選擇配置管理頁簽。
選擇已創建的服務配置,單擊自定義樣式。
在樣式自定義頁面,系統將根據您所選的服務配置的驗證方式,展示對應的樣式配置、文案配置和效果預覽。
樣式配置:調整配置參數,自定義驗證碼組件的顯示樣式。
文案配置:調整配置參數,自定義組件各狀態的提示文案。
效果預覽:選擇驗證狀態,根據您設置的樣式配置和文案配置,展示驗證碼組件的顯示效果。
單擊生成代碼,系統將自動根據您設定的樣式配置和文案配置參數生成相應的前端接入代碼,您可直接將這些前端接入代碼集成到您的業務前端代碼中,即可在業務前端頁面中以您想要的樣式顯示驗證碼組件。
重要系統不會自動保存樣式自定義頁面生成的前端接入代碼。在生成代碼后,請您妥善保存該自定義樣式的前端接入代碼。
文檔內容是否對您有幫助?