提示输入对话框prompt分享

类似JS的prompt() 

1. attachments-2017-03-YedsiVqP58b78d99729b
2.  
3. <view class="wxapp-prompt" style="{{wxapp_prompt_style}}">
4. <form bindsubmit="wxapp-prompt-formSubmit">
5. <view class="prompt-tip">请填写拒绝的原因？</view>
6. <view class="prompt-input">
7. <input type="text" placeholder="" />
8. </view>
9. <view class="prompt-btns">
10. <button size="mini" formType="submit" type="default" >确定</button>
11. <button size="mini" type="default" >取消</button>
12. </view>
13. </form>
14. </view>

1. /*提示输入框*/
2. .wxapp-prompt{
3. width: 80%;
4. height: 140px;
5. margin: auto;
6. background-color: #e7e7eb;
7. border: 1px #d2d2d3 solid;
8. border-radius: 5px;
9. position: fixed;
10. top: 30%;
11. }
12. .wxapp-prompt .prompt-tip{
13. height: 40px;
14. line-height: 40px;
15. padding-left: 10px;
16. font-size: 14PX;
17. }
18. .wxapp-prompt .prompt-input{
19. height: 40px;
20. line-height: 40px;
21. padding: 10px 10px 0px 10px;
22. background-color: #ffffff;
23. }
24. .wxapp-prompt .prompt-input input{
25. border: 1px #eee solid;
26. border-radius: 3px;
27. padding-left: 5px;
28. font-size: 14px;
29. }
30. .wxapp-prompt .prompt-input input:hover{
31. border: 1px #4d90fe solid;
32. }
33. .wxapp-prompt .prompt-btns{
34. height: 60px;
35. line-height: 60px;
36. padding-right: 10px;
37. text-align: right;
38. }