<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</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">
<link rel="stylesheet" href="css/mui.min.css">
<style>
html,
body {
background-color: #efeff4;
}
.mui-views,
.mui-view,
.mui-pages,
.mui-page,
.mui-page-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #efeff4;
}
.mui-pages {
top: 46px;
height: auto;
}
.mui-scroll-wrapper,
.mui-scroll {
background-color: #efeff4;
}
.mui-page.mui-transitioning {
-webkit-transition: -webkit-transform 300ms ease;
transition: transform 300ms ease;
}
.mui-page-left {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mui-ios .mui-page-left {
-webkit-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0);
}
.mui-navbar {
position: fixed;
right: 0;
left: 0;
z-index: 10;
height: 44px;
background-color: #f7f7f8;
}
.mui-navbar .mui-bar {
position: absolute;
background: transparent;
text-align: center;
}
.mui-android .mui-navbar-inner.mui-navbar-left {
opacity: 0;
}
.mui-ios .mui-navbar-left .mui-left,
.mui-ios .mui-navbar-left .mui-center,
.mui-ios .mui-navbar-left .mui-right {
opacity: 0;
}
.mui-navbar .mui-btn-nav {
-webkit-transition: none;
transition: none;
-webkit-transition-duration: .0s;
transition-duration: .0s;
}
.mui-navbar .mui-bar .mui-title {
display: inline-block;
width: auto;
}
.mui-page-shadow {
position: absolute;
right: 100%;
top: 0;
width: 16px;
height: 100%;
z-index: -1;
content: '';
}
.mui-page-shadow {
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
}
.mui-navbar-inner.mui-transitioning,
.mui-navbar-inner .mui-transitioning {
-webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
transition: opacity 300ms ease, transform 300ms ease;
}
.mui-page {
display: none;
}
.mui-pages .mui-page {
display: block;
}
.mui-page .mui-table-view:first-child {
margin-top: 15px;
}
.mui-page .mui-table-view:last-child {
margin-bottom: 30px;
}
.mui-table-view {
margin-top: 20px;
}
.mui-table-view span.mui-pull-right {
color: #999;
}
.mui-table-view-divider {
background-color: #efeff4;
font-size: 14px;
}
.mui-table-view-divider:before,
.mui-table-view-divider:after {
height: 0;
}
.head {
height: 40px;
}
#head {
line-height: 40px;
}
.head-img {
width: 40px;
height: 40px;
}
#head-img1 {
position: absolute;
bottom: 10px;
right: 40px;
width: 40px;
height: 40px;
}
.update {
font-style: normal;
color: #999999;
margin-right: -25px;
font-size: 15px
}
.mui-fullscreen {
position: fixed;
z-index: 20;
background-color: #000;
}
.mui-ios .mui-navbar .mui-bar .mui-title {
position: static;
}
/*问题反馈在setting页面单独的css*/
#feedback .mui-popover{
position: fixed;
}
#feedback .mui-table-view:last-child {
margin-bottom: 0px;
}
#feedback .mui-table-view:first-child {
margin-top: 0px;
}
/*问题反馈在setting页面单独的css==end*/
</style>
<link rel="stylesheet" type="text/css" href="css/feedback.css" />
</head>
<body class="mui-fullscreen">
页面主结构开始
<div id="app" class="mui-views">
<div class="mui-view">
<div class="mui-navbar">
</div>
<div class="mui-pages">
</div>
</div>
</div>
页面主结构结束
单页面开始
<div id="setting" class="mui-page">
页面标题栏开始
<div class="mui-navbar-inner mui-bar mui-bar-nav">
<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
<span class="mui-icon mui-icon-left-nav"></span>
</button>
<h1 class="mui-center mui-title">设置</h1>
</div>
页面标题栏结束
页面主内容区开始
<div class="mui-page-content">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right" href="#account">
<img class="mui-media-object mui-pull-left head-img" id="head-img" src="img/1483878514_user.png">
<div class="mui-media-body">
管理员
<p class='mui-ellipsis'>账号:admin</p>
</div>
</a>
</li>
</ul>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell">
<a href="#notifications" class="mui-navigate-right">更改用户名和防区名称</a>
</li>
<li class="mui-table-view-cell">
<a href="#privacy" class="mui-navigate-right">更改控制密码</a>
</li>
</ul>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell">
<a href="" class="mui-navigate-right">清除30天前消息缓存</a>
</li>
</ul>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell">
<a href="#about" class="mui-navigate-right">关于<i class="mui-pull-right update">V1.0.0</i></a>
</li>
</ul>
<ul class="mui-table-view">
<li class="mui-table-view-cell" style="text-align: center;">
<a>退出登录</a>
</li>
</ul>
</div>
</div>
</div>
页面主内容区结束
</div>
单页面结束
<div id="account" class="mui-page">
<div class="mui-navbar-inner mui-bar mui-bar-nav">
<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
<span class="mui-icon mui-icon-left-nav"></span>设置
</button>
<h1 class="mui-center mui-title">账号与安全</h1>
</div>
<div class="mui-page-content">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<a id="head" class="mui-navigate-right">头像
<span class="mui-pull-right head">
<img class="head-img mui-action-preview" id="head-img1" src="img/1483878514_user.png"/>
</span>
</a>
</li>
<li class="mui-table-view-cell">
<a>姓名<span class="mui-pull-right">李白</span></a>
</li>
<li class="mui-table-view-cell">
<a>账号<span class="mui-pull-right">admin</span></a>
</li>
</ul>
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<div class="mui-input-row">
<label>新密码</label>
<input type="text" placeholder="输入新密码">
</li>
<li >
<div class="mui-input-row">
<label>确认密码</label>
<input type="text" placeholder="再次输入密码">
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-button-row">
<button class="mui-btn mui-btn-primary" type="button"
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
新建文件夹 (2).zip_TCP 调试助手_TCP调试助手_前端页面_网络助手_网络调试助手 (118个子文件)
.confirmed_dependencies 2KB
mui.min.css 74KB
mui.picker.all.css 6KB
mui.picker.min.css 5KB
mui.dtpicker.css 3KB
icons-extra.css 3KB
mui.imageviewer.css 2KB
feedback.css 2KB
mui.picker.css 2KB
mui.listpicker.css 2KB
mui.indexedlist.css 2KB
mui.poppicker.css 1KB
app.css 462B
.dependencies 4B
设置.html 25KB
编辑工单.html 22KB
报警中心.html 17KB
报修.html 12KB
工单列表.html 12KB
已完成工单.html 10KB
bjbb.html 9KB
bxbb.html 7KB
报警记录查询结果.html 5KB
首页.html 5KB
工单查询.html 5KB
报警记录查询.html 5KB
联系人查询.html 5KB
防区列表.html 4KB
消息.html 4KB
登录.html 3KB
报警详情.html 3KB
定位.html 3KB
weibao.ipa 10.45MB
H522F7327_0426094442.ipa 10.41MB
cbd.jpg 140KB
muwu.jpg 112KB
yuantiao.jpg 73KB
shuijiao.jpg 69KB
11 (1).jpg 41KB
11 (3).jpg 26KB
11 (2).jpg 22KB
echarts-all.js 950KB
mui.js 248KB
city.data-3.js 182KB
mui.min.js 119KB
mui.picker.all.js 30KB
mui.view.js 20KB
mui.picker.min.js 18KB
mui.dtpicker.js 14KB
mui.previewimage.js 13KB
mui.pullToRefresh.js 12KB
mui.listpicker.js 12KB
mui.pullToRefresh.material.js 12KB
mui.zoom.js 12KB
mui.picker.js 11KB
mui.locker.js 10KB
mui.imageViewer.js 9KB
mui.lazyload.js 8KB
webviewGroup.js 8KB
feedback.js 7KB
mui.indexedlist.js 6KB
mui.poppicker.js 4KB
arttmpl.js 4KB
beecloud.js 3KB
mui.lazyload.img.js 3KB
95516.js 1KB
update.js 1KB
ad.js 390B
city.data.js 343B
manifest.json 15KB
top.png 479KB
logoCloudLehova.png 117KB
user.png 67KB
top1.png 58KB
Tools_802px_1161568_easyicon.net.png 40KB
Message_.png 21KB
tools_6t.png 21KB
tools_624px_1205218_easyicon.net.png 21KB
tools_400.png 20KB
imga1.png 20KB
Administrative_Tools_256px_1120156_easyicon.net.png 14KB
1483878108_SEO_cogwheels_setting - 副本.png 11KB
lock_154.08287292818px_1201130_easyicon.net.png 8KB
lock_154.08287292818px_1201129_easyicon.net.png 8KB
logo-big.png 8KB
alarm_1301.709962169px_1207051_easyicon.net.png 7KB
bypass.png 7KB
ready.png 7KB
trouble.png 7KB
offline.png 6KB
1483877687_magnifying-glass-search.png 6KB
logo-err.png 6KB
256x256.png 6KB
1483878514_user.png 5KB
192x192.png 4KB
1483877415_icon-86-document-list2.png 4KB
180x180.png 4KB
152x152.png 3KB
144x144.png 3KB
120x120.png 3KB
共 118 条
- 1
- 2
资源评论
周楷雯
- 粉丝: 80
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功