ljj před 7 roky
rodič
revize
b2822eb3ae

+ 130 - 0
page/home/css/index.css

@ -0,0 +1,130 @@
.item img{
    height: 450px!important;
    width: 100%!important
}
.fc{
    display: flex;
    display: -webkit-flex; 
    align-items: center;
    justify-content: center
}
.fcolumn{
    display: flex;
    display: -webkit-flex; 
    align-items: center;
    justify-content: center;
    flex-direction: column
}
.carousel-indicators .active{
    width: 36px;
}
.box_container{
    overflow: hidden;
}
.box{
    width:414px;
    height: 366px;
    border: 1px solid #ccc;
    margin-top: 20px;
    float: left;
    margin-right: 20px
}
.box_head{
    padding: 20px 24px 0  20px
}
.box_title{
    color: #f9a821;
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px
}
.box_title_remark{
    color: #909090;
    font-size: 14px
}
.box_content{
    color: #666666;
    font-size: 16px;
    margin-top: 50px;
    padding: 0 20px;
    height: 84px;
    text-indent: 32px;
    line-height: 28px;
}
.box_bottom{
    padding:  0 20px;
    margin-top: 20px;
    display: flex;
    display: -webkit-flex; 
}
.box_bottom img{
    height: 150px;
}
.box_button{
    width:90px;
    height: 32px;
    border-radius: 2px;
    background: #0ad8c8;
    border: none;
    outline: none;
    color: #ececec;
    margin-right: 45px
}
.box_button:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.mt20{
    margin-top: 20px;
}
.box_largeBtn{
    width:336px;
    height: 44px;
    background: #0ad8c8;
    border: none;
    outline: none;
    color: #fefefe;
    border-radius: 2px;
    margin-top: 40px
}
.box_select{
    color: #c1c1c1;
    border: 1px solid #ccc;
    width: 336px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 20px;
    margin-top: 20px;
    border-radius: 2px
}
.frendBox{
    margin-top: 30px;
    width: 100%
}
.frendBox_head{
    font-size: 20px;
    color: #323232
}
.frendBox_content{
    font-size: 16px;
    color: #323232;
    overflow: hidden;
}
.frendBox_content_box{
    border: 1px solid #ccc;
    height: 60px;
    padding-left: 10px;
    margin-right: 20px;
    float: left;
    width:305px;
    margin-top: 20px;
}
.frendBox_content_box img{
    margin-right: 20px;
}
.mb60{
    margin-bottom: 60px
}

+ 154 - 0
page/home/html/index.html

@ -0,0 +1,154 @@
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>健康上饶</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="keywords" content="公众健康服务平台">
    <meta name="description" content="公众健康服务平台">
    <link rel="shortcut icon" href="../../favicon.ico">
    <link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../plugins/artDialog/6.0.5/api/css/ui-dialog.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../css/index.css" />
</head>
<body>
    <div id="main">
        <page-header></page-header>
        <div id="myCarousel" class="carousel slide">
            <!-- 轮播(Carousel)指标 -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>
            <!-- 轮播(Carousel)项目 -->
            <div class="carousel-inner">
                <div class="item active  fc">
                    <img src="../image/queshengye-.png" alt="First slide">
                </div>
                <div class="item fc">
                    <img src="../image/queshengye-.png" alt="Second slide">
                </div>
                <div class="item fc">
                    <img src="../image/queshengye-.png" alt="Third slide">
                </div>
            </div>
        </div>
        <div class="fc mb60">
            <div class="index_wrap">
                <div class="box_container">
                    <div class="box">
                        <div class="box_head">
                            <span class="box_title">我的就诊</span>
                            <span class="box_title_remark">就诊全程提醒</span>
                        </div>
                        <div class="box_content">下载APP已便获取提醒消息,我们诚邀您对每一次就诊进行评价,帮助我们提供更好的服务</div>
                        <div class="box_bottom">
                            <button class="box_button">查看详情</button>
                            <img src="../image/p1.png">
                        </div>
                    </div>
                    <div class="box">
                        <div class="box_head">
                            <span class="box_title">全息健康档案</span>
                            <span class="box_title_remark">360度了解您的健康情况</span>
                        </div>
                        <div class="box_content">基于医疗服务、公共卫生、医学影像体征设备以及个人日常健康保健信息大数据,提供全景式、全生命周期的居民健康档案信息调阅与查询</div>
                        <div class="box_bottom mt20">
                            <button class="box_button">查看详情</button>
                            <img src="../image/p2.png">
                        </div>
                    </div>
                    <div class="box" style="margin-right:0">
                        <div class="box_head">
                            <span class="box_title">快速节约</span>
                            <span class="box_title_remark">节省80%就医时间</span>
                        </div>
                        <div class="fcolumn">
                            <div class="dropdown" style="margin-top:30px">
                                <a type="button" class="btn dropdown-toggle box_select" id="dropdownMenu1" data-toggle="dropdown">{{yuYue.hospital || '请选择医院'}}
                                    <span class="caret"></span>
                                </a>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                    <li role="presentation" >
                                        <a role="menuitem" tabindex="-1"  @click="setYiYuan('Java')">Java</a>
                                    </li>
                                    
                                </ul>
                            </div>
                            <div class="dropdown">
                                <a type="button" class="btn dropdown-toggle box_select" id="dropdownMenu2" data-toggle="dropdown">{{yuYue.hospital || '请选择科室'}}
                                    <span class="caret"></span>
                                </a>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
                                    <li role="presentation" >
                                        <a role="menuitem" tabindex="-1"  @click="setYiYuan('Java')">Java</a>
                                    </li>
                                    
                                </ul>
                            </div>
                            <div class="dropdown">
                                <a type="button" class="btn dropdown-toggle box_select" id="dropdownMenu3" data-toggle="dropdown">{{yuYue.hospital || '请选择医生'}}
                                    <span class="caret"></span>
                                </a>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu3">
                                    <li role="presentation" >
                                        <a role="menuitem" tabindex="-1"  @click="setYiYuan('Java')">Java</a>
                                    </li>
                                    
                                </ul>
                            </div>
                            <button class="box_largeBtn">立即挂号</button>
                        </div>
        
                    </div>
                </div>
                <div class="frendBox">
                    <div class="frendBox_head">友情链接</div>
                    <div class="frendBox_content">
                        <div class="frendBox_content_box fc">
                            <img src="../image/frend_logo.png">
                            <span>国家卫生与计划生育委员会</span>
                        </div>
                        <div class="frendBox_content_box fc">
                            <img src="../image/frend_logo.png">
                            <span>国家卫生与计划生育委员会</span>
                        </div>
                        <div class="frendBox_content_box fc">
                            <img src="../image/frend_logo.png">
                            <span>国家卫生与计划生育委员会</span>
                        </div>
                        <div class="frendBox_content_box fc">
                            <img src="../image/frend_logo.png">
                            <span>国家卫生与计划生育委员会</span>
                        </div>
                    </div>       
                </div>
            </div>
        </div>
        
       
        <page-footer></page-footer>
    </div>
    <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/jquery-2.2.4.js"></script>
    <script src="../../../js/bootstrap.min.js"></script>
    <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
    <!--<script src="../../api/http-request.js" type="text/javascript" charset="utf-8"></script>-->
    <script src="../../../plugins/artDialog/6.0.5/api/js/dialog-plus.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../component/common/header.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../component/common/footer.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../component/common/event-bus.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/index.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>

binární
page/home/image/frend_logo.png


binární
page/home/image/p1.png


binární
page/home/image/p2.png


binární
page/home/image/queshengye-.png


+ 0 - 36
page/home/index.html

@ -1,36 +0,0 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>健康上饶</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="renderer" content="webkit">
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <meta name="keywords" content="公众健康服务平台">
        <meta name="description" content="公众健康服务平台">
        <link rel="shortcut icon" href="../../favicon.ico">
        <link rel="stylesheet" type="text/css" href="../../css/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../plugins/artDialog/6.0.5/api/css/ui-dialog.css"/>
        <link rel="stylesheet" type="text/css" href="../../css/style.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../css/cross.css"/>
    </head>
    <body>
        <div id="main">
            <page-header></page-header>
            <page-footer></page-footer>
        </div>
        <script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../js/jquery-2.2.4.js"></script>
        <script src="../../js/bootstrap.min.js"></script>
        <script src="../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../js/util.js" type="text/javascript" charset="utf-8"></script>
        <!--<script src="../../api/http-request.js" type="text/javascript" charset="utf-8"></script>-->
        <script src="../../plugins/artDialog/6.0.5/api/js/dialog-plus.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../component/common/header.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../component/common/footer.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../component/common/event-bus.js" type="text/javascript" charset="utf-8"></script>
        <script src="index.js" type="text/javascript" charset="utf-8"></script>
    </body>
</html>

+ 0 - 6
page/home/index.js

@ -1,6 +0,0 @@
new Vue({
    el: "#main",
    data: {
        
    }
})

+ 23 - 0
page/home/js/index.js

@ -0,0 +1,23 @@
$(function(){
  
    new Vue({
        el: "#main",
        data: {
            yuYue:{
               hospital:''
            }
        },
        mounted () {
            $("#myCarousel").carousel('cycle')
        },
        methods: {
            setYiYuan(value){
                this.yuYue.hospital = value
            }
        }
    })
})