尚医通-登录界面搭建和科室搭建

最新推荐文章于 2026-01-01 18:01:08 发布

原创

最新推荐文章于 2026-01-01 18:01:08 发布 · 420 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #javascript

<template>
    <div class="login_container">
        <!-- v-model控制对话框的显示与隐藏，title对话框左上角的标题 -->
        <el-dialog v-model="userStore.visiable" title="用户登录">
            <!-- 对话框身体部分结构 -->
            <el-row>
                <!-- 左侧结构：手机号码登录、微信扫一扫登录 -->
                <el-col :span="12">
                    <div>
                        <div class="login">
                            <div v-show="scene == 0">
                                <el-form-item>
                                    <el-input placeholder="请你输入手机号码" :prefix-icon="User"></el-input>
                                </el-form-item>
                                <el-form-item>
                                    <el-input placeholder="请输入手机验证码" :prefix-icon="Lock"></el-input>
                                </el-form-item>
                                <el-from-item>
                                    <el-button style="margin-bottom: 15px;">获取验证码</el-button>
                                </el-from-item>
                                <el-button style="width: 100%;" type="primary" size="default">用户登录</el-button>
                                <div class="bottom" @click="changeScene">                                
                                <p>微信扫码登录</p>
                                <svg t="1715073107559" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="4323" width="32" height="32">
                                    <path
                                        d="M337.387283 341.82659c-17.757225 0-35.514451 11.83815-35.514451 29.595375s17.757225 29.595376 35.514451 29.595376 29.595376-11.83815 29.595376-29.595376c0-18.49711-

最低0.47元/天解锁文章