lemon_share

功能描述

使用Frame弹出的分享框，注此模块只是弹出的分享框布局，使用中用Frame方法，打开此页面即可

依赖的模块

  1. 无

快速使用

  1.     <style>
  2.         html,body { background: rgba(0,0,0,0); margin:0px; padding:0px;}
  4.         .app-share-box { width:100%; height:auto; float:left;}
  5.             .app-share-bj { width:100%; height:100%; float:left; background: rgba(0,0,0,0.5)}
  6.             .app-share-main { width:100%; height:145px; float:left; background: #fff; border-radius: 4px 4px 0px 0px; position: fixed; bottom:0px; left:0px;}
  7.             .app-share-main h2 { width:100%; height:50px; position:relative; float:left;margin:0px; padding:0px; text-align: center; line-height:50px; font-size:15px; color:#333;}
  8.             .app-share-main h2 span { float:right; position: absolute; right:15px; top:15px;}
  9.             .app-share-main h2 span img { width:22px; height:22px; float:right;}
  10.             .app-share-main ul { width:100%; height:80px; float:left; list-style: none; margin:0px; padding:0px;}
  11.             .app-share-main ul li { width:25%; height:auto; float:left; position:relative;}
  12.             .app-share-main ul li img { width:32px; height:32px; float:left;position: absolute; left:50%; top:10px; margin-left:-16px;}
  13.             .app-share-main ul li p { width:100%; height:20px; line-height:20px; text-align:center; float:left; font-size:12px; color:#8D909A; margin-top:50px;}
  14.     </style>
  15.     <div class="app-share-box">
  16.         <div class="app-share-bj app_close_win_1"></div>
  17.         <div class="app-share-main">
  18.             <h2>
  19.                 分享到
  20.                 <span class="app_close_win_2"><img src="./image/login_back_4.png"></span>
  21.             </h2>
  22.             <ul>
  23.                 <li id="app_share_wx">
  24.                     <img src="./image/share_wx.png">
  25.                     <p>微信好友</p>
  26.                 </li>
  27.                 <li id="app_share_wxline">
  28.                     <img src="./image/share_ws.png">
  29.                     <p>朋友圈</p>
  30.                 </li>
  31.                 <li id="app_share_qq">
  32.                     <img src="./image/share_qq.png">
  33.                     <p>QQ好友</p>
  34.                 </li>
  35.                 <li id="app_share_wb">
  36.                     <img src="./image/share_wb.png">
  37.                     <p>新浪微博</p>
  38.                 </li>
  39.             </ul>
  40.         </div>
  41.     </div>

特别说明

  1. 无