zoukankan      html  css  js  c++  java
  • ionic中自定义底部弹出框

    通用部分:
    <script>
         MY_FUNCTION = (function() {
            var upSheet = document.createElement('div');
            upSheet.setAttribute('style', 'display:none;position:absolute;left:0px;top:0px;z-index: 9999;');
            upSheet.style.width = document.documentElement.clientWidth + 'px';
            upSheet.style.height = document.documentElement.clientHeight + 'px';

            var sheet = document.createElement('div');
            sheet.setAttribute('style', 'display:block;100%;min-height:0px;position:absolute;left:0px;bottom:0px;z-index:10000;');
            upSheet.appendChild(sheet);
            document.body.appendChild(upSheet);
           return {
             scope : null,
             showUpSheet : function(o) {
               this.scope = o.scope;
               this.item=o.item;        
               sheet.innerHTML = o.template;
               upSheet.style.display = 'block';
             },
             hideUpSheet : function() {
               sheet.innerHTML = '';
               upSheet.style.display = 'none';
             }
           };
        })();
      </script>


    调用部分:
    $scope.showUpSheet = function() {
          MY_FUNCTION.showUpSheet({
            template: document.getElementById('templates/sheet.html').innerHTML
          });
        }

    html部分:
    <script id="templates/sheet.html" type="text/html">
      <div class="tabs-tanchu">
        11111111111
      </div>
    </script>

  • 相关阅读:
    Github开源人脸识别项目face_recognition
    yolo源码解析(3):进行简单跳帧
    [转]详细解读TrueSkill 排名系统
    yolo源码解析(3):视频检测流程
    Java中replace和replaceall的区别
    对input输入框日期显示格式化
    Eclipse修改编码字体
    Eclipse修改控制台字体
    Eclipse文档注释导出doc
    数组的定义方式及初始化
  • 原文地址:https://www.cnblogs.com/cutone/p/5780595.html
Copyright © 2011-2022 走看看