main-address.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>地址</title>
  6. <meta name="viewport"
  7. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  8. <!-- 挂接mui样式 -->
  9. <link href="../css/mui.min.css" rel="stylesheet" />
  10. <!-- 挂接mui样式 -->
  11. <link href="../css/mui.min.css" rel="stylesheet" />
  12. <!-- 挂接app样式 -->
  13. <link rel="stylesheet" type="text/css" href="../css/app.css" />
  14. <!-- 引入字体 -->
  15. <link rel="stylesheet" type="text/css" href="../fonts/TTTGB-Medium.css" />
  16. <!-- 引入数字字体 -->
  17. <link rel="stylesheet" type="text/css" href="../fonts/font-time.css" />
  18. <!-- 独有样式 -->
  19. <style type="text/css">
  20. /* 标题样式 */
  21. h5 {
  22. color: rgb(100, 100, 100);
  23. height: 30px;
  24. line-height: 30px;
  25. margin-left: 8px;
  26. font-family: 'TTTGB-Medium' !important;
  27. }
  28. /* ul表样式 */
  29. .cr-table-view {
  30. background-color: rgb(255, 255, 255) !important;
  31. }
  32. /* 单元格样式 */
  33. .cr-table-view-cell {
  34. display: flex;
  35. flex-direction: row;
  36. align-items: center;
  37. padding: 8px 12px 8px 12px !important;
  38. }
  39. /* 按钮样式 */
  40. .cr-btn {
  41. width: 26px;
  42. height: 26px;
  43. line-height: 26px;
  44. border-radius: 15px;
  45. background-color: rgb(90, 151, 75);
  46. text-align: center;
  47. margin-left: 10px;
  48. }
  49. /* 按钮点击样式 */
  50. .cr-btn:active {
  51. background-color: rgb(230, 230, 230);
  52. }
  53. /* 文字图标样式 */
  54. .icon {
  55. display: inline-block;
  56. height: 26px;
  57. width: 26px;
  58. line-height: 26px;
  59. text-align: center;
  60. background-color: rgb(250, 250, 250);
  61. font-size: 13px;
  62. border: solid 1px rgb(230, 230, 230);
  63. border-radius: 20px;
  64. color: rgb(146, 139, 196);
  65. font-weight: bold;
  66. }
  67. /* 内部标题样式 */
  68. .title {
  69. font-size: 14px;
  70. color: rgb(121, 121, 121);
  71. font-family: 'TTTGB-Medium';
  72. flex: 1;
  73. margin-left: 8px;
  74. }
  75. /* 设置单元格点击背景色 */
  76. .mui-table-view-cell.mui-active{
  77. background-color: rgb(255,255,255);
  78. }
  79. </style>
  80. </head>
  81. <body>
  82. <div class="mui-content">
  83. <!-- <h5>审核员</h5>
  84. <ul class="mui-table-view cr-table-view">
  85. <li class="mui-table-view-cell cr-table-view-cell">
  86. <span class="icon">经</span>
  87. <span class="title">经济技术开发区</span>
  88. <div class="cr-btn"><span class="app-icon app-icon-address-phone"></span></div>
  89. <div class="cr-btn"><span class="app-icon app-icon-address-message"></span></div>
  90. </li>
  91. </ul> -->
  92. </div>
  93. </body>
  94. </html>
  95. <!-- 引入mui脚本 -->
  96. <script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
  97. <!-- 引入jQuery脚本 -->
  98. <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
  99. <!-- 引入webview脚本 -->
  100. <script src="../js/webview.js" type="text/javascript" charset="utf-8"></script>
  101. <!-- 引入存储脚本 -->
  102. <script src="../js/save.js" type="text/javascript" charset="utf-8"></script>
  103. <!-- 引入ajax脚本 -->
  104. <script src="../js/ajax.js" type="text/javascript" charset="utf-8"></script>
  105. <!-- 专用标本 -->
  106. <script src="../js/main.address.js" type="text/javascript" charset="utf-8"></script>