<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8" />
|
<title>名片夹</title>
|
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
<!-- js引用 -->
|
<script src="../../js/config.js"></script>
|
<script src="../../js/h5toapp.js"></script>
|
<script src="../../js/h5to.js"></script>
|
|
<!-- 组件js引用 -->
|
<script src="../../js/mui.min.js"></script>
|
<!-- 组件标准css引用 -->
|
<link rel="stylesheet" href="../../css/mui.min.css">
|
<!-- css引用 -->
|
<link href="../../css/currency.css" rel="stylesheet">
|
<link href="../../css/spinkit.css" rel="stylesheet">
|
<link href="../../css/icon/iconfont.css" rel="stylesheet">
|
<!-- 界面本身css引用 -->
|
<link href="./cardcase.css" rel="stylesheet">
|
|
<style type="text/css">
|
.mui-slider-indicator {
|
bottom: 24px;
|
}
|
.mui-slider-indicator .mui-indicator {
|
width: 26px;
|
height: 9px;
|
border-radius: 6px;
|
background: #D0D0DB;
|
box-shadow: none;
|
}
|
.mui-slider-indicator .mui-active.mui-indicator {
|
background: #9393AA;
|
box-shadow: none;
|
}
|
.mui-slider .mui-slider-group .mui-slider-item img {
|
width: auto;
|
}
|
</style>
|
</head>
|
|
<body class="app_page">
|
<div style="background-color: #F9FAFC; height: 100vh; width: 100%; margin: 0; overflow: auto;">
|
<div id="loading" class="example">
|
<div class="sk-plane loading_location"></div>
|
</div>
|
|
<div class="mui-content">
|
|
<div style="margin: 16px; box-sizing: border-box;">
|
<div class="" style="text-align: center;height: 430px;">
|
<div id="slider" class="mui-slider" style="height: 430px;background: #FFFFFF;border-radius: 8px;">
|
<div class="mui-slider-group mui-slider-loop">
|
<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
|
<div class="mui-slider-item mui-slider-item-duplicate">
|
<a href="#">
|
<div class="z_menu_btn_row" onclick="click_row()" style="height: 113px;line-height: normal;border: 0;">
|
<div class="left_area">
|
<img src="../../img/head.png" class="head_portrait" />
|
</div>
|
<div class="left_area">
|
<div style="margin-top: 24px;text-align: left;">
|
<div class="doctor_name_txt">陈维</div>
|
<div class="doctor_message" style="margin: 8px 0;">主任医师</div>
|
<div class="doctor_message"><span>上海第十人民医院</span> <span>心内科</span></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="code_side">
|
<img src="../../img/head.png" class="Slideshow_img" style="height: 205px;width: 210px;" />
|
<div class="code_bottom">扫一扫上面的二维码，加我好友</div>
|
</div>
|
|
</a>
|
</div>
|
<!-- 第一张 -->
|
<div class="mui-slider-item">
|
<a href="#">
|
<div class="z_menu_btn_row" onclick="click_row()" style="height: 113px;line-height: normal;border: 0;">
|
<div class="left_area">
|
<img src="../../img/head.png" class="head_portrait" />
|
</div>
|
<div class="left_area">
|
<div style="margin-top: 24px;text-align: left;">
|
<div class="doctor_name_txt">陈维</div>
|
<div class="doctor_message" style="margin: 8px 0;">主任医师</div>
|
<div class="doctor_message"><span>上海第十人民医院</span> <span>心内科</span></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="code_side">
|
<img src="../../img/head1.jpg" class="Slideshow_img" style="height: 205px;width: 210px;" />
|
<div class="code_bottom">扫一扫上面的二维码，加我好友</div>
|
</div>
|
|
</a>
|
</div>
|
<!-- 第二张 -->
|
<div class="mui-slider-item">
|
<a href="#">
|
<div class="z_menu_btn_row" onclick="click_row()" style="height: 113px;line-height: normal;border: 0;">
|
<div class="left_area">
|
<img src="../../img/head.png" class="head_portrait" />
|
</div>
|
<div class="left_area">
|
<div style="margin-top: 24px;text-align: left;">
|
<div class="doctor_name_txt">陈维</div>
|
<div class="doctor_message" style="margin: 8px 0;">主任医师</div>
|
<div class="doctor_message"><span>上海第十人民医院</span> <span>心内科</span></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="code_side">
|
<img src="../../img/head.png" class="Slideshow_img" style="height: 205px;width: 210px;" />
|
<div class="code_bottom">扫一扫上面的二维码，加我好友</div>
|
</div>
|
</a>
|
</div>
|
|
<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
|
<div class="mui-slider-item mui-slider-item-duplicate">
|
<a href="#">
|
<div class="z_menu_btn_row" onclick="click_row()" style="height: 113px;line-height: normal;border: 0;">
|
<div class="left_area">
|
<img src="../../img/head.png" class="head_portrait" />
|
</div>
|
<div class="left_area">
|
<div style="margin-top: 24px;text-align: left;">
|
<div class="doctor_name_txt">陈维</div>
|
<div class="doctor_message" style="margin: 8px 0;">主任医师</div>
|
<div class="doctor_message"><span>上海第十人民医院</span> <span>心内科</span></div>
|
</div>
|
</div>
|
</div>
|
|
<div class="code_side">
|
<img src="../../img/head1.jpg" class="Slideshow_img" style="height: 205px;width: 210px;" />
|
<div class="code_bottom">扫一扫上面的二维码，加我好友</div>
|
</div>
|
</a>
|
</div>
|
</div>
|
<div class="mui-slider-indicator">
|
<div class="mui-indicator mui-active"></div>
|
<div class="mui-indicator"></div>
|
</div>
|
<div class="tip_txt">左右轻扫切换名片</div>
|
</div>
|
</div>
|
</div>
|
|
<div style="width: 100%;">
|
<button class="button_txt">保存到本地</button>
|
</div>
|
<div style="width: 100%;">
|
<button class="button_txt">分享给好友</button>
|
</div>
|
|
</div>
|
</div>
|
|
|
<script type="text/javascript">
|
mui.init({
|
swipeBack:true //启用右滑关闭功能
|
});
|
|
var menurows = [
|
{id: "1", name: "选择疾病类型", path: "./myzs",_id: 10},
|
{id: "2", name: "详细信息", path: "./ysxx"},
|
{id: "3", name: "门诊排班", path: "./mzpb"},
|
{id: "4", name: "共享的随访量表", path: "./sflb"},
|
];
|
|
setRouteParams({userId: 46454,params: {}});
|
|
function initPage() {
|
|
//获得slider插件对象
|
var gallery = mui('.mui-slider');
|
gallery.slider({
|
interval:0//自动轮播周期，若为0则不自动播放，默认为0；
|
});
|
}
|
|
function click_row(row) {
|
var pam = {
|
_id:row._id,
|
params:{
|
userId: login_data.userId
|
}
|
};
|
app_click("route",pam,callback);
|
}
|
|
function loadData() {
|
doLoadData();
|
hideloading("loading");
|
}
|
|
function doLoadData() {
|
|
}
|
|
mui.ready(function() {
|
onInitReady(function() {
|
initPage();
|
loadData();
|
});
|
});
|
</script>
|
</body>
|
</html>
|
