123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275 |
- <!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" />
- <!-- 挂接mui样式 -->
- <link href="../css/mui.css" rel="stylesheet" />
- <!-- 挂接app样式 -->
- <link rel="stylesheet" type="text/css" href="../css/app.css" />
- <link rel="stylesheet" type="text/css" href="../css/app.new.css" />
- <!-- 引入字体 -->
- <link rel="stylesheet" type="text/css" href="../fonts/TTTGB-Medium.css" />
- <link rel="stylesheet" type="text/css" href="../fonts/font-jt.css" />
- <!-- 引入数字字体 -->
- <link rel="stylesheet" type="text/css" href="../fonts/font-time.css" />
- <!-- 引入弹窗及选择器样式 -->
- <link rel="stylesheet" type="text/css" href="../css/mui.picker.css" />
- <link rel="stylesheet" type="text/css" href="../css/mui.poppicker.css" />
- <!-- 引入地图页面独有样式 -->
- <link rel="stylesheet" type="text/css" href="../css/cr.map.css" />
- <!-- 独有样式 -->
- <style type="text/css">
- /* 顶部容器样式 */
- .cr-top-big-panel {
- background-color: #243f6d;
- height: 160px;
- line-height: 160px;
- border-radius: 0px 0px 30px 30px;
- }
- /* 顶部子容器样式 */
- .cr-top-panel {
- width: 100%;
- height: 100px;
- line-height: 100px;
- display: flex;
- flex-direction: row;
- align-items: center;
- padding-left: 40px;
- padding-right: 40px;
- }
- /* 头像容器样式 */
- .cr-head-panel {
- width: 50px;
- height: 50px;
- line-height: 50px;
- background-color: rgb(255, 255, 255);
- border-radius: 25px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- /* 头像样式 */
- .cr-head-panel>img {
- width: 100%;
- height: 100%;
- }
- /* 用户详细信息容器 */
- .cr-head-content {
- line-height: 20px;
- display: flex;
- flex-direction: column;
- margin-left: 10px;
- color: rgb(255, 255, 255);
- font-family: 'TTTGB-Medium', sans-serif;
- }
- /* 用户详细信息 标题 */
- .cr-head-content>span {
- font-size: 16px;
- }
- /* 用户详细信息 具体值 */
- .cr-user-value {
- color: rgb(252, 170, 75);
- }
- /* 具体内容容器样式 */
- .cr-content {
- position: absolute;
- left: 20px;
- top: 100px;
- width: calc(100% - 40px);
- height: calc(100% - 100px);
- line-height: calc(100% - 100px);
- background-color: rgb(27, 38, 80);
- border-radius: 10px 10px 0px 0px;
- }
- /* 单元格图标样式 */
- .cr-table-view-cell-icon {
- background: linear-gradient(to bottom, rgb(86, 113, 235) 50%, rgb(99, 144, 231) 50%);
- -webkit-background-clip: text;
- color: transparent;
- font-weight: bold;
- display: inline-block;
- margin-right: 10px;
- font-size: 16px;
- }
- /* 干掉表格的背景色 */
- .mui-table-view {
- background-color: rgba(255, 0, 0, 0) !important;
- border-top-left-radius: 10px !important;
- border-top-right-radius: 10px !important;
- overflow: hidden;
- }
- /* 干掉table-view顶部的分隔线 */
- .mui-table-view::before {
- height: 0px;
- }
- /* 干掉table-view底部的分隔线 */
- .mui-table-view::after {
- height: 0px;
- }
- /* 功能项单元格样式 */
- .mui-table-view-cell {
- line-height: 15px;
- background-color: rgba(255, 0, 0, 0) !important;
- }
- /* 菜单文字颜色 */
- .mui-table-view-cell>a>span:nth-child(2) {
- color: rgb(255, 255, 255);
- font-size: 15px;
- }
- /* 标题项单元格样式 */
- .mui-table-view-divider {
- line-height: 24px;
- background-color: rgba(32, 46, 96, 1.0);
- color: rgb(147, 224, 212);
- font-weight: 400;
- }
- .mui-table-view-divider::after {
- height: 0px !important;
- }
- .mui-table-view-divider::before {
- height: 0px !important;
- }
- /* 输入行标题样式 */
- .wc-input-row>label {
- width: 80px;
- text-align: right;
- font-size: 14px !important;
- color: rgb(255, 255, 255);
- }
- /* 重置用户信息编辑输入框高度 */
- .wc-popover-coord-input {
- height: 260px !important;
- }
- </style>
- </head>
- <body>
- <div class="mui-content">
- <!-- 顶部内容容器 -->
- <div class="cr-top-big-panel">
- <div class="cr-top-panel">
- <div class="cr-head-panel">
- <img src="../img/user/icon_user_head.png" />
- </div>
- <!-- 用户信息 -->
- <div class="cr-head-content">
- </div>
- </div>
- </div>
- <!-- 具体内容容器 -->
- <div class="cr-content">
- <ul class="mui-table-view">
- <li class="mui-table-view-divider">常规</li>
- <li class="mui-table-view-cell" onclick="click_edituser()">
- <a class="mui-navigate-right">
- <span class="app-icon app-icon-set-edit cr-table-view-cell-icon"></span>
- <span>修改密码</span>
- </a>
- </li>
- <li class="mui-table-view-cell" onclick="click_version()">
- <a class="mui-navigate-right">
- <span class="app-icon app-icon-set-version cr-table-view-cell-icon"></span>
- <span>版本更新</span>
- </a>
- </li>
- <li class="mui-table-view-cell" onclick="click_about()">
- <a class="mui-navigate-right">
- <span class="app-icon app-icon-set-about cr-table-view-cell-icon"></span>
- <span>关于</span>
- </a>
- </li>
- <!-- <li class="mui-table-view-divider">通知</li>
- <li class="mui-table-view-cell" onclick="click_send_sms()">
- <a class="mui-navigate-right">
- <span class="app-icon app-icon-set-relogin cr-table-view-cell-icon"></span>
- <span>发送通知消息</span>
- </a>
- </li> -->
- <li class="mui-table-view-divider">系统</li>
- <li class="mui-table-view-cell" onclick="click_restart()">
- <a class="mui-navigate-right">
- <span class="app-icon app-icon-set-relogin cr-table-view-cell-icon"></span>
- <span>重新登录</span>
- </a>
- </li>
- </ul>
- </div>
- </div>
- <!-- 编辑用户信息弹出框 -->
- <div id="popoverEditUserInfo" class="mui-popover mui-popover-action mui-popover-bottom wc-popover-coord-input">
- <header class="mui-bar">密码修改</header>
- <div>
- <div class="mui-row wc-row wc-input-row">
- <label>用户姓名</label>
- <div class="mui-input-row">
- <input id="iUserName" type="text" class="mui-input-clear mui-input f-color"
- placeholder="输入用户姓名">
- </div>
- </div>
- <div class="mui-row wc-row wc-input-row">
- <label>联系电话</label>
- <div class="mui-input-row">
- <input id="iPhone" type="text" class="mui-input-clear mui-input f-color" placeholder="输入联系电话">
- </div>
- </div>
- <div class="mui-row wc-row wc-input-row">
- <label>密码</label>
- <div class="mui-input-row">
- <input id="iPassword" type="text" class="mui-input-clear mui-input f-color"
- placeholder="输入密码,不修改可无需输入">
- </div>
- </div>
- <div class="mui-row wc-row wc-input-row">
- <label>确认密码</label>
- <div class="mui-input-row">
- <input id="iTruePassword" type="text" class="mui-input-clear mui-input f-color"
- placeholder="再次输入密码">
- </div>
- </div>
- <div class="mui-row wc-row" style="justify-content: flex-end;">
- <button type="button" class="mui-btn mui-btn-primary wc-btn-location"
- onclick="EventClick_Submit()">提交</button>
- </div>
- </div>
- </div>
- </body>
- </html>
- <!-- 引入mui脚本 -->
- <script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
- <!-- 引入jQuery脚本 -->
- <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
- <!-- 引入通用脚本 -->
- <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
- <!-- 引入webview脚本 -->
- <script src="../js/webview.js" type="text/javascript" charset="utf-8"></script>
- <!-- 引入存储脚本 -->
- <script src="../js/save.js" type="text/javascript" charset="utf-8"></script>
- <!-- 引入ajax脚本 -->
- <script src="../js/ajax.js" type="text/javascript" charset="utf-8"></script>
- <!-- 引入app更新脚本 -->
- <script src="../js/app.upload.js"></script>
- <!-- 专用标本 -->
- <script src="../js/main.userset.js" type="text/javascript" charset="utf-8"></script>
|