github.com/jincm/wesharechain@v0.0.0-20210122032815-1537409ce26a/app/html/near/near_update_detail_win.html (about)

     1  <!doctype html>
     2  <html>
     3  <head>
     4  <meta charset="UTF-8">
     5  <meta name="copyright" content="www.apicloud.com" />
     6  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
     7  <title>动态</title>
     8  <link rel="stylesheet" type="text/css" href="../../css/api.css" />
     9  <style>
    10  html,body {min-height: 100%;background-color: #f9f9f9;}
    11  .fr {float: right;}
    12  .fl {float: left;}
    13  .mt5 {margin-top: 5px;}
    14  .mt10 {margin-top: 10px;}
    15  .mt15 {margin-top: 15px;}
    16  .mt20 {margin-top: 20px;}
    17  .ml5 {margin-left: 0.5em;}
    18  .mr5 {margin-right: 0.5em;}
    19  .hdivider {width: 100%; height: 1px;background-color: #e0e0e0;}
    20  .br {border-right: 1px solid #e0e0e0;}
    21  .toRight {right: 0;}
    22  
    23  .row {display: -webkit-box;display: -webkit-flex;}
    24  .col {-webkit-box-flex:1; -webkit-flex:1; flex:1;margin: 0 5px; position: relative;}
    25  
    26  .swiper-container img {width: 100%;}
    27  
    28  /* 头部 */
    29  .topbar {background: #D43C33; height:50px; border-bottom: 1px solid #DDDFE3;position: relative;}
    30  
    31  .egret-header-box {height: 50px;}
    32  .egret-img {position: absolute;}
    33  .egret-img img {height: 30px;padding: 10px;vertical-align: top;}
    34  .egret-header-search {background-color: #fff; position: absolute; left: 60px; right: 20px; height: 34px; margin-top: 8px;border-radius: 4px;}
    35  .egret-header-search img {margin-left: 30px; height: 20px; margin-top: 7px;}
    36  .egret-header-search input {line-height: 24px;font-size: 14px;padding-top: 5px;}
    37  .egret-header-search input:focus {/*border:0;*/ outline:none;}
    38  
    39   /* 第二头部 */
    40  .egret-header-text {line-height: 50px;color: #fff;font-size: 16px;padding: 0 10px;}
    41  .egret-header-title {position: absolute;width: 100%;text-align: center;line-height: 50px;color: #fff;font-size: 20px;}
    42  
    43  
    44  /* 歌单标题 */
    45  .sectionTitle {height: 2em; line-height: 2em; font-size: 1.12em;}
    46  .sectionTitle .titleDivider {display: inline-block; height: 1.12em; width: 3px; vertical-align: top; background-color: #D43C33; margin-top: 0.44em; margin-left: 0.7em; margin-right: 0.3em;}
    47  /* 歌单 */
    48  .col .listcoverbar {position: absolute; top: 0; background-color: rgba(0,0,0,0.4); width: 100%;height: 1.2em;}
    49  .col .listcoverbar span {color: #fff;}
    50  .col .listcoverbar .earphone {width: 1em; margin-top: 0.2em; margin-right: 0.3em;}
    51  .col .listcover {width: 100%;}
    52  .col .listtitle {height: 2.4em; font-size: 1em; line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    53  
    54  /* item样式 */
    55  .egret-item {height: 4em;}
    56  .egret-item .egret-item-box-cover-center {display: table; height: inherit;}
    57  .egret-item .egret-item-box-cover-center .egret-item-box-abtc {display: table-cell; vertical-align: middle;}
    58  .egret-item .egret-item-box-cover-center .egret-item-box-abtc img {width: 3em; vertical-align: top;}
    59  /* 右侧箭头样式 */
    60  .egret-item .egret-item-arrow {display: table; height: inherit;}
    61  .egret-item .egret-item-arrow .egret-item-box-abtc {display: table-cell; vertical-align: middle;}
    62  .egret-item .egret-item-arrow .egret-item-box-abtc img {width: 0.8em; vertical-align: top;}
    63  /* 中间shelf  两个条目*/
    64  .egret-item .egret-item-shelf {height: inherit; }
    65  .egret-item .egret-item-shelf .egret-item-shelf-title {font-size: 1.1em; margin-top: 0.6em;}
    66  .egret-item .egret-item-shelf .egret-item-shelf-subtitle {font-size: 0.6em; color: #666; margin-top: 0.6em;}
    67  /* 中间shelf 一个条目 */
    68  .egret-item .egret-item-shelf-single {height: inherit; line-height: 4em;font-size: 1.1em;}
    69  .egret-item .egret-item-shelf-redclassify {color: #E03F40; border:1px solid #E03F40; font-size: inherit;padding: 0.1em;border-radius: 1px;margin-right: 5px;}
    70  
    71  
    72  /* 用flex重写框架 */
    73  .egret-flex-item {display: -webkit-box;-webkit-box-align:center;height: 3em;/*background-color: #fff;*/}
    74  /* 左部logo */
    75  .egret-flex-item-logo {max-width: 50px; min-width: 50px; margin-left: 0.5em; margin-right: 0.2em;-webkit-box-flex: 1; -webkit-box-align: center;}
    76  .egret-flex-item-logo img {height: 2em; width: 2em; -webkit-box-align: center;vertical-align: top;/*否则图片不会居中，底部仍然是会有空白*/}
    77  /* 中间文本信息 */
    78  .egret-flex-item-shelf {overflow: hidden; -webkit-box-flex:2; -webkit-box-align: center;}
    79  .egret-flex-item-shelf div {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    80  .egret-flex-item-shelf .egret-flex-item-shelf01 {font-size: 1.1em;}
    81  .egret-flex-item-shelf .egret-flex-item-shelf02 {font-size: 0.6em; color: #666; margin-top: 0.6em;}
    82  .egret-flex-item-shelf .egret-flex-item-redclassify {color: #E03F40; border: 1px solid #E03F40; font-size: inherit; padding: 0.1em; border-radius: 1px; margin-right: 5px;}
    83  
    84  /* 右部箭头 */
    85  .egret-flex-item-arrow {-webkit-box-flex: 1;max-width: 10px; min-width: 10px; margin-right: 15px;}
    86  .egret-flex-item-arrow img {width: 100%; max-width: 10px;}
    87  
    88  /* 暗头部 */
    89  .egret-dark-title {height: 1.4em; line-height: 1.4em; font-size: 0.8em; background-color: #e7e7e7; color: #666; padding-left: 10px;}
    90  
    91  /* special 对个别自定义 */
    92  .special {height: 4em;}
    93  .special .egret-flex-item-logo img  {height: 3em;width: 3em;}
    94  
    95  /* */
    96  .inputmusic {text-align: center;margin-top: 30px;}
    97  .inputmusic p {color: #6F6F6F;}
    98  .inputmusic p .inputbtn {color: #3A9DD3;text-decoration: underline;}
    99  
   100  /* 独立条目 */
   101  .isolateitem-top {margin-top: 10px; border-top: 1px solid #e0e0e0; }
   102  .isolateitem-bottom {border-bottom: 1px solid #e0e0e0; }
   103  
   104  /* 退出 */
   105  .exitbtn {margin: 15px 10px;border-radius: 4px;border: 1px solid #D33A31;background-color: #fff;color: #D33A31;text-align: center;height: 2em;line-height: 2em;}
   106  
   107  
   108  /* 个人用户标题 */
   109  .musiclistprofile {height: 7em; background-color: #fff; }
   110  .musiclistprofile .egret-flex-item-logo img {height: 6em; width: 6em; }
   111  .musiclistprofile .egret-flex-item-logo {max-width: 6em; min-width: 6em; margin-left: 0.5em; margin-right: 0.2em; -webkit-box-flex: 1; -webkit-box-align: center; }
   112  .musiclistprofile .egret-flex-item-shelf  {margin-left: 0.5em;}
   113  .musiclistprofile .egret-flex-item-shelf .egret-flex-item-shelf01 {font-size: 1.5em; }
   114  .musiclistprofile .egret-flex-item-shelf .egret-flex-item-shelf02 {margin-top: 1.6em;-webkit-box-align: center;display: -webkit-box;}
   115  .musiclistprofile .egret-flex-item-shelf .egret-flex-item-shelf02 .createrlogo {width: 2em;}
   116  .musiclistprofile .egret-flex-item-shelf .egret-flex-item-shelf02 .creatername {margin: 0 1em;}
   117  .userinfo {display: -webkit-box;background-color: #fff;padding: 10px 0;}
   118  .userinfo .userinfocol {/*-webkit-box-flex:1;*/text-align: center;width: 25%;box-sizing: border-box;}
   119  .userinfo .userinfocol .info {font-size: 0.8em;color: #999;}
   120  .userinfo .userinfocol .info img {width: 2em;}
   121  .userinfo .userinfocol .num {padding-top: 5px;}
   122  
   123  /* 播放全部*/
   124  .playall {background-color: #f9f9f9;}
   125  .playall .egret-flex-item-arrow {-webkit-box-flex: 1; max-width: 2.0em; min-width: 2.0em; margin-right: 15px;}
   126  .playall .egret-flex-item-arrow img {max-width: none;}
   127  .playall .egret-flex-item-logo img {width: 1.5em;height: 1.5em;}
   128  
   129  /* egret item 抽象右部 */
   130  .egret-flex-item-abright {display: -webkit-box; -webkit-box-flex: 1; border-bottom: 1px solid #e0e0e0; -webkit-box-align: center;height: 4em;}
   131  
   132  /* musiclist 特殊样式 */
   133  .musiclist-item {height: 4em;}
   134  .musiclist-item .egret-flex-item-logo {text-align: center;font-size: 1.2em;color: #999999;}
   135  .musiclist-item .egret-flex-item-shelf .egret-flex-item-shelf01 {font-size: 1em;}
   136  .musiclist-item .egret-flex-item-arrow {max-width: 24px; min-width: 24px;}
   137  .musiclist-item .egret-flex-item-arrow img {max-width: none;}
   138  
   139  /* 弹出工具条 */
   140  .musiclist-item-tool {background-color: #303030;color: #fff;display: -webkit-box;padding: 0 10px;display: none;}
   141  .musiclist-item-tool .userinfocol {-webkit-box-flex:1;text-align: center;padding: 5px 0;}
   142  .musiclist-item-tool .userinfocol .info img {width: 50%;}
   143  .musiclist-item-tool .userinfocol .num {color: #A8A8A8;font-size: 0.8em;}
   144  
   145  /* 悬浮 */
   146  .toRight img {height: 50px; padding: 0;}
   147  .exitbtnhover {background-color: #d33a31;color: #fff;}
   148  
   149  </style>
   150  </head>
   151  <body>
   152  	<!-- 第二头部 -->
   153      <div id="secHeader" class="titlebar">
   154          <div class="egret-header topbar">
   155              <div class="egret-header-title">有你有我</div>
   156              <div  class="egret-img"><img src="../../image/cm2_icn_back.png" alt="" onclick="goback()" ></div>
   157              <!-- <div  class="egret-img toRight"><img src="../../image/cm2_poplay_icn_reply.png" alt="" onclick="emptycache()" ></div> -->
   158          </div>
   159      </div>
   160  
   161  </body>
   162  <script type="text/javascript" src="../../script/api.js"></script>
   163  <script type="text/javascript">
   164  function goback () {
   165  	api.closeWin({name:'near_update_detail_win'});
   166  	//alert("往哪里回");
   167  }
   168  
   169  apiready = function (){
   170  	var header = $api.byId('secHeader');
   171      $api.fixIos7Bar(header); 
   172  
   173      var headerPos = $api.offset(header);
   174  
   175  	api.openFrame({
   176  		name: 'near_update_detail_frame',
   177  		url: './near_update_detail_frame.html',
   178  		bounces: false,
   179  		opaque: false,
   180  		rect: {
   181  			x: 0,
   182  			y: headerPos.h,
   183  			w: 'auto',
   184  			h: 'auto'
   185  		}
   186  	
   187  	});
   188  
   189  }
   190  </script>
   191  </html>