| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset=UTF-8> <meta name=viewport content="width=device-width,initial-scale=1,user-scalable=0">
- <title>weui.js</title>
- <link rel=stylesheet href=https://res.wx.qq.com/open/libs/weui/1.1.1/weui.min.css>
- <style>
- body,html{height:100%;background-color:#f8f8f8}
- body{font-family:-apple-system-font,Helvetica Neue,Helvetica,sans-serif}
- .item{padding:10px 0}
- .item__title{margin-bottom:5px;padding-left:15px;padding-right:15px;color:#999;font-weight:400;font-size:14px}
- .item__ctn{padding:0 15px}
- .page_feedback{padding:15px;overflow:auto;background-color:#FFF}
- label>*{pointer-events:none}
- .weui-picker__item{padding:0;height:34px;line-height:34px}
- </style>
- </head>
- <body ontouchstart>
- <p id=bear></p>
- <a href=javascript:; id=actionSheetBtn class="weui-btn weui-btn_default" onclick="removeMeun()">ActionSheet</a>
- <div class="custom-classname" hidden>
- <div class="weui-mask weui-animate-fade-in" onclick="addMeun()"></div>
- <div class="weui-actionsheet weui-animate-slide-up">
- <div class="weui-actionsheet__menu">
- {volist name="mintain" id="vo"}
- <div class="weui-actionsheet__cell" onclick="transferOrder('{$vo.openid}')"><img src="{$vo.headimgurl}" alt="" style="height: 40px;width: 40px; border-radius:50%;">{if condition="$vo.username eq null"}
- {$vo.nickname}
- {else/}
- {$vo.username}
- {/if}
- </div>
- {/volist}
- </div>
- <div class="weui-actionsheet__action" onclick="addMeun()">
- <div class="weui-actionsheet__cell" >取消</div>
- </div>
- </div>
- </div>
- </body>
- </html>
- <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
- <script type="text/javascript">
- function removeMeun() {
- $(".custom-classname").removeAttr("hidden");
- }
- function addMeun( ) {
- $(".custom-classname").attr("hidden",true);
- }
- function transferOrder(openid) {
- var openid = openid;
- }
- </script>
|
