mui样例

最新推荐文章于 2024-06-10 01:41:41 发布

Easonflowers

最新推荐文章于 2024-06-10 01:41:41 发布

阅读量42

点赞数

分类专栏： MUI前端样式文章标签：前端框架

本文链接：https://blog.csdn.net/weixin_44345433/article/details/132121882

版权

MUI前端样式专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>

        <head>
            <meta charset="UTF-8">
            <title>名字</title>
            <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
            <link href="../css/mui.min.css" rel="stylesheet" />
            <script src="../js/vue.min.js"></script>                
        </head>

        <body>
            <header class="mui-bar mui-bar-nav">
                <h1 class="mui-title">名字</h1>
				<br/>
				<h5 class="mui-smalltitle">名字</h5>
            </header>
            <div class="mui-content">
                <div class="mui-card">
                    <div class="mui-input-group">
                        <div class="mui-input-row">
                            <label class="title trequired"><span v-html="$tc('xingming',2)"></span></label>      
							<input type="text" v-model.trim="name" class="mui-input-clear mui-input" v-bind:placeholder="$t('qingshuru',[$tc('xingming',0)])">
                        </div>      
						<div class="mui-input-row">
						    <label class="title trequired"><span v-html="$tc('xingming',2)"></span></label>      
							<input type="text" v-model.trim="name" class="mui-input-clear mui-input" v-bind:placeholder="$t('qingshuru',[$tc('xingming',0)])">
						</div> 
                    </div>
                </div>                
            </div>
            <div id="__loading"></div>
            <script src="../js/spin.min.js"></script>
            <script src="../js/vue-i18n.min.js"></script>
            <script src="../js/language.js"></script>
            <script src="../js/mui.min.js"></script>
            <script src="../js/app.js"></script>
            <script src="../js/loginapp.js"></script>
            <script>
                (function() {
                    mui.init({
                                        
                    });

                    var vue = new Vue({
                        i18n: i18n,
                        el: ".mui-content",
                        data: {
                                                
                        }
                    }).$mount(".mui-content");                

                })();
            </script>
			<style type="text/css">
				.mui-bar{
					height: 60px;
				}
				h5{
					margin-top: 15px;
					text-align: center;
					color: #004974;
				}
				.mui-bar-nav~.mui-content{
					padding-top: 60px;
				}
			</style>
        </body>

</html>