Skip to content

M
mui
Commit b15d09ba authored by hbcui1984's avatar hbcui1984
Browse files
Options

remove date button from dialog.html

parent d45e28c0
Show whitespace changes
Inline Side-by-side
Showing with 220 additions and 197 deletions
examples/hello-mui/examples/dialog.html
View file @ b15d09ba
...@@ -36,8 +36,6 @@ ...@@ -36,8 +36,6 @@
<button id='confirmBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">确认消息框</button> <button id='confirmBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">确认消息框</button>
<button id='promptBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">输入对话框</button> <button id='promptBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">输入对话框</button>
<button id='toastBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">自动消失提示框</button> <button id='toastBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">自动消失提示框</button>
<button id='pickDateBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">日期选择框</button>
<button id='pickTimeBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">时间选择框</button>
<div id="info"> <div id="info">
</div> </div>
......
snippets.rb
View file @ b15d09ba
=begin =begin
本文档是HBuilder预置的mui框架的HTML代码块。 本文档是HBuilder预置的mui代码块的文件。注意不要把其他语言的设置放到mui里来。
使用代码块可以快速构建App页面，比如输入mheader，可以直接生成mui导航代码块。 如果用户修改此文档，HBuilder升级后会覆盖用户的修改，建议进入菜单 工具→扩展代码块 扩展相应的代码块。
关于代码块的使用介绍，请参考：http://dcloud.io/readme/#title7 若修改本文档，需要重启才能生效。修改过程中注意备份。
脚本开源地址 https://github.com/dcloudio/HBuilderRubyBundle
=end =end
require 'ruble'
########## MUI代码块 begin ########## with_defaults :scope => 'text.html text' do |bundle| #=====mui标签代码块================================================================================
=begin
snippet '<!DOCTYPE html>' do |s| #显示名称，代码助手提示列表显示时可见
s.trigger = 'doctype' #激活字符，即按下doctype后会触发该代码块
s.expansion = '<!DOCTYPE HTML>'
#expansion是代码块的输出内容，其中$0、$1是光标的停留和切换位置。$1是第一个停留光标，$0是最后回车时停留的光标。
#如果输出涉及到换行和tab，也需严格在这里使用换行和tab。
#输出双引号在前面加\来转义，输出$使用\$(单引号中)或\\$(双引号中)转义
end
=end
snippet 'mBody' do |cmd| snippet 'mBody' do |cmd|
cmd.trigger = 'mbody' cmd.trigger = 'mbody'
...@@ -14,30 +26,35 @@ snippet 'mBody' do |cmd| ...@@ -14,30 +26,35 @@ snippet 'mBody' do |cmd|
</div>' </div>'
end end
snippet 'mButton' do |cmd| snippet 'mButton' do |cmd|
cmd.trigger = 'mbutton' cmd.trigger = 'mbutton'
cmd.expansion = "<button type=\"button\" class=\"mui-btn\">按钮$1</button>" cmd.expansion = "<button type=\"button\" class=\"mui-btn\">按钮$1</button>"
end end
snippet 'mButton-blue' do |cmd|
snippet 'mButton-blue' do |cmd|
cmd.trigger = 'mbuttonblue' cmd.trigger = 'mbuttonblue'
cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-blue\">按钮$1</button>" cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-blue\">按钮$1</button>"
end end
snippet 'mButton-green' do |cmd|
snippet 'mButton-green' do |cmd|
cmd.trigger = 'mbuttongreen' cmd.trigger = 'mbuttongreen'
cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-green\">按钮$1</button>" cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-green\">按钮$1</button>"
end end
snippet 'mButton-yellow' do |cmd|
snippet 'mButton-yellow' do |cmd|
cmd.trigger = 'mbuttonyellow' cmd.trigger = 'mbuttonyellow'
cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-yellow\">按钮$1</button>" cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-yellow\">按钮$1</button>"
end end
snippet 'mButton-red' do |cmd|
snippet 'mButton-red' do |cmd|
cmd.trigger = 'mbuttonred' cmd.trigger = 'mbuttonred'
cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-red\">按钮$1</button>" cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-red\">按钮$1</button>"
end end
snippet 'mButton-purple' do |cmd|
snippet 'mButton-purple' do |cmd|
cmd.trigger = 'mbuttonred' cmd.trigger = 'mbuttonred'
cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-purple\">按钮$1</button>" cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-purple\">按钮$1</button>"
end end
snippet 'mCheckbox' do |cmd| snippet 'mCheckbox' do |cmd|
cmd.trigger = 'mcheckbox' cmd.trigger = 'mcheckbox'
...@@ -46,6 +63,7 @@ snippet 'mCheckbox' do |cmd| ...@@ -46,6 +63,7 @@ snippet 'mCheckbox' do |cmd|
<input name=\"$2\" type=\"checkbox\"> <input name=\"$2\" type=\"checkbox\">
</div>" </div>"
end end
snippet 'mCheckbox_checked' do |cmd| snippet 'mCheckbox_checked' do |cmd|
cmd.trigger = 'mcheckboxchecked' cmd.trigger = 'mcheckboxchecked'
cmd.expansion = "<div class=\"mui-input-row mui-checkbox \"> cmd.expansion = "<div class=\"mui-input-row mui-checkbox \">
...@@ -54,31 +72,32 @@ snippet 'mCheckbox_checked' do |cmd| ...@@ -54,31 +72,32 @@ snippet 'mCheckbox_checked' do |cmd|
</div>" </div>"
end end
snippet 'mHeader' do |cmd| snippet 'mHeader' do |cmd|
cmd.trigger = 'mheader' cmd.trigger = 'mheader'
cmd.expansion = '<header class="mui-bar mui-bar-nav"> cmd.expansion = '<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">标题$1</h1> <h1 class="mui-title">标题$1</h1>
</header>' </header>'
end end
snippet 'mHeader_withoutBack' do |cmd| snippet 'mHeader_withoutBack' do |cmd|
cmd.trigger = 'mheaderwithoutback' cmd.trigger = 'mheaderwithoutback'
cmd.expansion = '<header class="mui-bar mui-bar-nav"> cmd.expansion = '<header class="mui-bar mui-bar-nav">
<h1 class="mui-title">标题$1</h1> <h1 class="mui-title">标题$1</h1>
</header>' </header>'
end end
snippet 'mText' do |cmd| snippet 'mText' do |cmd|
cmd.trigger = 'mtext' cmd.trigger = 'mtext'
cmd.expansion = "<input type=\"text\" class=\"mui-input-clear mui-input-speech\" placeholder=\"$1\">" cmd.expansion = "<input type=\"text\" class=\"mui-input-clear mui-input-speech\" placeholder=\"$1\">"
end end
snippet 'mSearch' do |cmd|
snippet 'mSearch' do |cmd|
cmd.trigger = 'msearch' cmd.trigger = 'msearch'
cmd.expansion = "<input type=\"search\" class=\"mui-input-clear mui-input-speech\" placeholder=\"$1\">" cmd.expansion = "<input type=\"search\" class=\"mui-input-clear mui-input-speech\" placeholder=\"$1\">"
end end
snippet 'mForm' do |cmd|
snippet 'mForm' do |cmd|
cmd.trigger = 'mform' cmd.trigger = 'mform'
cmd.expansion = "<form class=\"mui-input-group\"> cmd.expansion = "<form class=\"mui-input-group\">
<div class=\"mui-input-row\"> <div class=\"mui-input-row\">
...@@ -86,23 +105,23 @@ end ...@@ -86,23 +105,23 @@ end
<input type=\"text\" class=\"mui-input-clear\" placeholder=\"${1:请输入}\"> <input type=\"text\" class=\"mui-input-clear\" placeholder=\"${1:请输入}\">
</div> </div>
</form>" </form>"
end end
snippet 'mRadio' do |cmd| snippet 'mRadio' do |cmd|
cmd.trigger = 'mradio' cmd.trigger = 'mradio'
cmd.expansion = "<div class=\"mui-input-row mui-radio \"> cmd.expansion = "<div class=\"mui-input-row mui-radio \">
<label>${1:Radio}</label> <label>${1:Radio}</label>
<input name=\"$2\" type=\"radio\"> <input name=\"$2\" type=\"radio\">
</div>" </div>"
end end
snippet 'mRadio_checked' do |cmd|
snippet 'mRadio_checked' do |cmd|
cmd.trigger = 'mradiochecked' cmd.trigger = 'mradiochecked'
cmd.expansion = "<div class=\"mui-input-row mui-radio \"> cmd.expansion = "<div class=\"mui-input-row mui-radio \">
<label>${1:Radio}</label> <label>${1:Radio}</label>
<input name=\"$2\" type=\"radio\" checked> <input name=\"$2\" type=\"radio\" checked>
</div>" </div>"
end end
snippet 'mPopover' do |cmd| snippet 'mPopover' do |cmd|
cmd.trigger = 'mpopover' cmd.trigger = 'mpopover'
...@@ -113,9 +132,9 @@ snippet 'mPopover' do |cmd| ...@@ -113,9 +132,9 @@ snippet 'mPopover' do |cmd|
<li class="mui-table-view-cell"><a href="#">Item3</a></li> <li class="mui-table-view-cell"><a href="#">Item3</a></li>
</ul> </ul>
</div>' </div>'
end end
snippet 'mPopover-action-bottom' do |cmd| snippet 'mPopover-action-bottom' do |cmd|
cmd.trigger = 'mpopoveractionbottom' cmd.trigger = 'mpopoveractionbottom'
cmd.expansion = '<div class="mui-popover mui-popover-action mui-popover-bottom"> cmd.expansion = '<div class="mui-popover mui-popover-action mui-popover-bottom">
<ul class="mui-table-view"> <ul class="mui-table-view">
...@@ -124,17 +143,16 @@ snippet 'mPopover' do |cmd| ...@@ -124,17 +143,16 @@ snippet 'mPopover' do |cmd|
<li class="mui-table-view-cell"><a href="#">Item3</a></li> <li class="mui-table-view-cell"><a href="#">Item3</a></li>
</ul> </ul>
</div>' </div>'
end end
snippet 'mRange' do |cmd| snippet 'mRange' do |cmd|
cmd.trigger = 'mrange' cmd.trigger = 'mrange'
cmd.expansion = "<div class=\"mui-input-row mui-input-range\"> cmd.expansion = "<div class=\"mui-input-row mui-input-range\">
<label>Range</label> <label>Range</label>
<input type=\"range\" min=\"0\" max=\"100\"> <input type=\"range\" min=\"0\" max=\"100\">
</div>" </div>"
end end
snippet 'mSwitch' do |cmd| snippet 'mSwitch' do |cmd|
cmd.trigger = 'mswitch' cmd.trigger = 'mswitch'
cmd.expansion = "<div class=\"mui-input-row\"> cmd.expansion = "<div class=\"mui-input-row\">
...@@ -143,8 +161,9 @@ snippet 'mSwitch' do |cmd| ...@@ -143,8 +161,9 @@ snippet 'mSwitch' do |cmd|
<div class=\"mui-switch-handle\"></div> <div class=\"mui-switch-handle\"></div>
</div> </div>
</div>" </div>"
end end
snippet 'mSwitch_active' do |cmd|
snippet 'mSwitch_active' do |cmd|
cmd.trigger = 'mswitchactive' cmd.trigger = 'mswitchactive'
cmd.expansion = "<div class=\"mui-input-row\"> cmd.expansion = "<div class=\"mui-input-row\">
<label>Switch</label> <label>Switch</label>
...@@ -152,20 +171,22 @@ snippet 'mSwitch' do |cmd| ...@@ -152,20 +171,22 @@ snippet 'mSwitch' do |cmd|
<div class=\"mui-switch-handle\"></div> <div class=\"mui-switch-handle\"></div>
</div> </div>
</div>" </div>"
end end
snippet 'mSpeech' do |cmd|
snippet 'mSpeech' do |cmd|
cmd.trigger = 'mspecch' cmd.trigger = 'mspecch'
cmd.expansion = "<div class=\"mui-input-row\"> cmd.expansion = "<div class=\"mui-input-row\">
<label>${1:Input}</label> <label>${1:Input}</label>
<input type=\"text\" class=\"mui-input-clear mui-input-speech\" placeholder=\"请输入\"> <input type=\"text\" class=\"mui-input-clear mui-input-speech\" placeholder=\"请输入\">
</div>" </div>"
end end
snippet 'mBadge' do |cmd|
snippet 'mBadge' do |cmd|
cmd.trigger = 'mbadge' cmd.trigger = 'mbadge'
cmd.expansion = "<span class=\"mui-badge mui-badge-negative\">${1:1}</span>" cmd.expansion = "<span class=\"mui-badge mui-badge-negative\">${1:1}</span>"
end end
snippet 'mTab' do |cmd| snippet 'mTab' do |cmd|
cmd.trigger = 'mtab' cmd.trigger = 'mtab'
cmd.expansion = "<nav class=\"mui-bar mui-bar-tab\"> cmd.expansion = "<nav class=\"mui-bar mui-bar-tab\">
<a class=\"mui-tab-item mui-active\"> <a class=\"mui-tab-item mui-active\">
...@@ -185,8 +206,9 @@ snippet 'mSwitch' do |cmd| ...@@ -185,8 +206,9 @@ snippet 'mSwitch' do |cmd|
<span class=\"mui-tab-label\">设置</span> <span class=\"mui-tab-label\">设置</span>
</a> </a>
</nav>" </nav>"
end end
snippet 'mAccordion' do |cmd|
snippet 'mAccordion' do |cmd|
cmd.trigger = 'maccordion' cmd.trigger = 'maccordion'
cmd.expansion = '<ul class="mui-table-view"> cmd.expansion = '<ul class="mui-table-view">
<li class="mui-table-view-cell mui-collapse"> <li class="mui-table-view-cell mui-collapse">
...@@ -208,16 +230,17 @@ snippet 'mSwitch' do |cmd| ...@@ -208,16 +230,17 @@ snippet 'mSwitch' do |cmd|
</div> </div>
</li> </li>
</ul>' </ul>'
end end
snippet 'mTabSegmented' do |cmd|
snippet 'mTabSegmented' do |cmd|
cmd.trigger = 'mtabsegmented' cmd.trigger = 'mtabsegmented'
cmd.expansion = "<div class=\"mui-segmented-control\"> cmd.expansion = "<div class=\"mui-segmented-control\">
<a class=\"mui-control-item mui-active\" href=\"#item1\">${1:选项卡1}</a> <a class=\"mui-control-item mui-active\" href=\"#item1\">${1:选项卡1}</a>
<a class=\"mui-control-item\" href=\"#item2\">选项卡2</a> <a class=\"mui-control-item\" href=\"#item2\">选项卡2</a>
</div>" </div>"
end end
snippet 'mTabSegmented-ViewPageIndicator' do |cmd| snippet 'mTabSegmented-ViewPageIndicator' do |cmd|
cmd.trigger = 'mtabsegmentedviewpage' cmd.trigger = 'mtabsegmentedviewpage'
cmd.expansion = '<div class="mui-slider"> cmd.expansion = '<div class="mui-slider">
<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"> <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
...@@ -240,11 +263,9 @@ snippet 'mSwitch' do |cmd| ...@@ -240,11 +263,9 @@ snippet 'mSwitch' do |cmd|
</div> </div>
</div> </div>
</div>' </div>'
end end
snippet 'mPagination' do |cmd| snippet 'mPagination' do |cmd|
cmd.trigger = 'mpagination' cmd.trigger = 'mpagination'
cmd.expansion = "<ul class=\"mui-pagination\"> cmd.expansion = "<ul class=\"mui-pagination\">
<li class=\"mui-disabled\"> <li class=\"mui-disabled\">
...@@ -260,8 +281,9 @@ snippet 'mSwitch' do |cmd| ...@@ -260,8 +281,9 @@ snippet 'mSwitch' do |cmd|
<a href=\"#\">&raquo;</a> <a href=\"#\">&raquo;</a>
</li> </li>
</ul>" </ul>"
end end
snippet 'mList' do |cmd|
snippet 'mList' do |cmd|
cmd.trigger = 'mlist' cmd.trigger = 'mlist'
cmd.expansion = "<div class=\"mui-card\"> cmd.expansion = "<div class=\"mui-card\">
<ul class=\"mui-table-view\"> <ul class=\"mui-table-view\">
...@@ -282,8 +304,9 @@ snippet 'mSwitch' do |cmd| ...@@ -282,8 +304,9 @@ snippet 'mSwitch' do |cmd|
</li> </li>
</ul> </ul>
</div>" </div>"
end end
snippet 'mList-Media' do |cmd|
snippet 'mList-Media' do |cmd|
cmd.trigger = 'mlist-Media' cmd.trigger = 'mlist-Media'
cmd.expansion = "<ul class=\"mui-table-view\"> cmd.expansion = "<ul class=\"mui-table-view\">
<li class=\"mui-table-view-cell\"> <li class=\"mui-table-view-cell\">
...@@ -305,8 +328,9 @@ snippet 'mSwitch' do |cmd| ...@@ -305,8 +328,9 @@ snippet 'mSwitch' do |cmd|
</a> </a>
</li> </li>
</ul>" </ul>"
end end
snippet 'mGrid' do |cmd|
snippet 'mGrid' do |cmd|
cmd.trigger = 'mgrid' cmd.trigger = 'mgrid'
cmd.expansion = "<div class=\"mui-card\"> cmd.expansion = "<div class=\"mui-card\">
<ul class=\"mui-table-view mui-grid-view mui-grid-9\"> <ul class=\"mui-table-view mui-grid-view mui-grid-9\">
...@@ -348,8 +372,9 @@ snippet 'mSwitch' do |cmd| ...@@ -348,8 +372,9 @@ snippet 'mSwitch' do |cmd|
</li> </li>
</ul> </ul>
</div>" </div>"
end end
snippet 'mGallery-Table' do |cmd|
snippet 'mGallery-Table' do |cmd|
cmd.trigger = 'mgallerytable' cmd.trigger = 'mgallerytable'
cmd.expansion = "<ul class=\"mui-table-view mui-grid-view\"> cmd.expansion = "<ul class=\"mui-table-view mui-grid-view\">
<li class=\"mui-table-view-cell mui-media mui-col-xs-6\"> <li class=\"mui-table-view-cell mui-media mui-col-xs-6\">
...@@ -365,8 +390,9 @@ snippet 'mSwitch' do |cmd| ...@@ -365,8 +390,9 @@ snippet 'mSwitch' do |cmd|
</a> </a>
</li> </li>
</ul>" </ul>"
end end
snippet 'mGallery' do |cmd|
snippet 'mGallery' do |cmd|
cmd.trigger = 'mgallery' cmd.trigger = 'mgallery'
cmd.expansion = "<div class=\"mui-slider\"> cmd.expansion = "<div class=\"mui-slider\">
<div class=\"mui-slider-group\"> <div class=\"mui-slider-group\">
...@@ -388,7 +414,6 @@ snippet 'mSwitch' do |cmd| ...@@ -388,7 +414,6 @@ snippet 'mSwitch' do |cmd|
<div class=\"mui-indicator\"></div> <div class=\"mui-indicator\"></div>
</div> </div>
</div>" </div>"
end end
########## MUI代码块 end ########## end
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment