Skip to content

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

remove date button from dialog.html

parent d45e28c0
Hide 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'
cmd.expansion = '<div class="mui-content"> cmd.expansion = '<div class="mui-content">
$1 $1
</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|
cmd.trigger = 'mbuttonblue' snippet 'mButton-blue' do |cmd|
cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-blue\">按钮$1</button>" cmd.trigger = 'mbuttonblue'
end cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-blue\">按钮$1</button>"
snippet 'mButton-green' do |cmd| end
cmd.trigger = 'mbuttongreen'
cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-green\">按钮$1</button>" snippet 'mButton-green' do |cmd|
end cmd.trigger = 'mbuttongreen'
snippet 'mButton-yellow' do |cmd| cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-green\">按钮$1</button>"
cmd.trigger = 'mbuttonyellow' end
cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-yellow\">按钮$1</button>"
end snippet 'mButton-yellow' do |cmd|
snippet 'mButton-red' do |cmd| cmd.trigger = 'mbuttonyellow'
cmd.trigger = 'mbuttonred' cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-yellow\">按钮$1</button>"
cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-red\">按钮$1</button>" end
end
snippet 'mButton-purple' do |cmd| snippet 'mButton-red' 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-red\">按钮$1</button>"
end end
snippet 'mButton-purple' do |cmd|
cmd.trigger = 'mbuttonred'
cmd.expansion = "<button type=\"button\" class=\"mui-btn mui-btn-purple\">按钮$1</button>"
end
snippet 'mCheckbox' do |cmd| snippet 'mCheckbox' do |cmd|
cmd.trigger = 'mcheckbox' cmd.trigger = 'mcheckbox'
cmd.expansion = "<div class=\"mui-input-row mui-checkbox \"> cmd.expansion = "<div class=\"mui-input-row mui-checkbox \">
<label>${1:Checkbox}</label> <label>${1:Checkbox}</label>
<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 \">
<label>${1:Checkbox}</label> <label>${1:Checkbox}</label>
<input name=\"$2\" type=\"checkbox\" checked> <input name=\"$2\" type=\"checkbox\" checked>
</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|
cmd.trigger = 'mtext'
cmd.expansion = "<input type=\"text\" class=\"mui-input-clear mui-input-speech\" placeholder=\"$1\">"
end
snippet 'mText' do |cmd| snippet 'mSearch' do |cmd|
cmd.trigger = 'mtext' cmd.trigger = 'msearch'
cmd.expansion = "<input type=\"text\" 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 'mSearch' do |cmd|
cmd.trigger = 'msearch' snippet 'mForm' do |cmd|
cmd.expansion = "<input type=\"search\" class=\"mui-input-clear mui-input-speech\" placeholder=\"$1\">" cmd.trigger = 'mform'
end cmd.expansion = "<form class=\"mui-input-group\">
snippet 'mForm' do |cmd|
cmd.trigger = 'mform'
cmd.expansion = "<form class=\"mui-input-group\">
<div class=\"mui-input-row\"> <div class=\"mui-input-row\">
<label>input</label> <label>input</label>
<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|
cmd.trigger = 'mradiochecked' snippet 'mRadio_checked' do |cmd|
cmd.expansion = "<div class=\"mui-input-row mui-radio \"> cmd.trigger = 'mradiochecked'
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'
cmd.expansion = '<div class="mui-popover"> cmd.expansion = '<div class="mui-popover">
<ul class="mui-table-view"> <ul class="mui-table-view">
<li class="mui-table-view-cell"><a href="#">Item1$1</a></li> <li class="mui-table-view-cell"><a href="#">Item1$1</a></li>
<li class="mui-table-view-cell"><a href="#">Item2</a></li> <li class="mui-table-view-cell"><a href="#">Item2</a></li>
<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">
<li class="mui-table-view-cell"><a href="#">Item1$1</a></li> <li class="mui-table-view-cell"><a href="#">Item1$1</a></li>
<li class="mui-table-view-cell"><a href="#">Item2</a></li> <li class="mui-table-view-cell"><a href="#">Item2</a></li>
<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\">
<label>Switch</label> <label>Switch</label>
<div class=\"mui-switch\"> <div class=\"mui-switch\">
<div class=\"mui-switch-handle\"></div> <div class=\"mui-switch-handle\"></div>
</div> </div>
</div>" </div>"
end end
snippet 'mSwitch_active' do |cmd|
cmd.trigger = 'mswitchactive' snippet 'mSwitch_active' do |cmd|
cmd.expansion = "<div class=\"mui-input-row\"> cmd.trigger = 'mswitchactive'
<label>Switch</label> cmd.expansion = "<div class=\"mui-input-row\">
<div class=\"mui-switch mui-active\"> <label>Switch</label>
<div class=\"mui-switch-handle\"></div> <div class=\"mui-switch mui-active\">
</div> <div class=\"mui-switch-handle\"></div>
</div>
</div>" </div>"
end end
snippet 'mSpeech' do |cmd|
cmd.trigger = 'mspecch' snippet 'mSpeech' do |cmd|
cmd.expansion = "<div class=\"mui-input-row\"> cmd.trigger = 'mspecch'
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|
cmd.trigger = 'mbadge'
cmd.expansion = "<span class=\"mui-badge mui-badge-negative\">${1:1}</span>"
end
snippet 'mTab' do |cmd| snippet 'mBadge' do |cmd|
cmd.trigger = 'mtab' cmd.trigger = 'mbadge'
cmd.expansion = "<nav class=\"mui-bar mui-bar-tab\"> cmd.expansion = "<span class=\"mui-badge mui-badge-negative\">${1:1}</span>"
end
snippet 'mTab' do |cmd|
cmd.trigger = 'mtab'
cmd.expansion = "<nav class=\"mui-bar mui-bar-tab\">
<a class=\"mui-tab-item mui-active\"> <a class=\"mui-tab-item mui-active\">
<span class=\"mui-icon mui-icon-home\"></span> <span class=\"mui-icon mui-icon-home\"></span>
<span class=\"mui-tab-label\">${1:首页}</span> <span class=\"mui-tab-label\">${1:首页}</span>
...@@ -185,68 +206,68 @@ snippet 'mSwitch' do |cmd| ...@@ -185,68 +206,68 @@ 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|
cmd.trigger = 'maccordion' snippet 'mAccordion' do |cmd|
cmd.expansion = '<ul class="mui-table-view"> cmd.trigger = 'maccordion'
<li class="mui-table-view-cell mui-collapse"> cmd.expansion = '<ul class="mui-table-view">
<a class="mui-navigate-right" href="#">面板1$1</a> <li class="mui-table-view-cell mui-collapse">
<div class="mui-collapse-content"> <a class="mui-navigate-right" href="#">面板1$1</a>
<p>面板1子内容</p> <div class="mui-collapse-content">
</div> <p>面板1子内容</p>
</li> </div>
<li class="mui-table-view-cell mui-collapse"> </li>
<a class="mui-navigate-right" href="#">面板2</a> <li class="mui-table-view-cell mui-collapse">
<div class="mui-collapse-content"> <a class="mui-navigate-right" href="#">面板2</a>
<p>面板2子内容</p> <div class="mui-collapse-content">
</div> <p>面板2子内容</p>
</li> </div>
<li class="mui-table-view-cell mui-collapse"> </li>
<a class="mui-navigate-right" href="#">面板3</a> <li class="mui-table-view-cell mui-collapse">
<div class="mui-collapse-content"> <a class="mui-navigate-right" href="#">面板3</a>
<p>面板3子内容</p> <div class="mui-collapse-content">
</div> <p>面板3子内容</p>
</li> </div>
</li>
</ul>' </ul>'
end end
snippet 'mTabSegmented' do |cmd|
cmd.trigger = 'mtabsegmented' snippet 'mTabSegmented' do |cmd|
cmd.expansion = "<div class=\"mui-segmented-control\"> cmd.trigger = 'mtabsegmented'
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">
<a class="mui-control-item" href="#item1">选项卡1</a> <a class="mui-control-item" href="#item1">选项卡1</a>
<a class="mui-control-item" href="#item2">选项卡2</a> <a class="mui-control-item" href="#item2">选项卡2</a>
</div> </div>
<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div> <div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
<div class="mui-slider-group"> <div class="mui-slider-group">
<div id="item1" class="mui-slider-item mui-control-content mui-active"> <div id="item1" class="mui-slider-item mui-control-content mui-active">
<ul class="mui-table-view"> <ul class="mui-table-view">
<li class="mui-table-view-cell">第1个选项卡子项</li> <li class="mui-table-view-cell">第1个选项卡子项</li>
<li class="mui-table-view-cell">第1个选项卡子项</li> <li class="mui-table-view-cell">第1个选项卡子项</li>
</ul> </ul>
</div> </div>
<div id="item2mobile" class="mui-slider-item mui-control-content"> <div id="item2mobile" class="mui-slider-item mui-control-content">
<ul class="mui-table-view"> <ul class="mui-table-view">
<li class="mui-table-view-cell">第2个选项卡子项</li> <li class="mui-table-view-cell">第2个选项卡子项</li>
<li class="mui-table-view-cell">第2个选项卡子项</li> <li class="mui-table-view-cell">第2个选项卡子项</li>
</ul> </ul>
</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\">
<span> &laquo; </span> <span> &laquo; </span>
</li> </li>
...@@ -260,10 +281,11 @@ snippet 'mSwitch' do |cmd| ...@@ -260,10 +281,11 @@ snippet 'mSwitch' do |cmd|
<a href=\"#\">&raquo;</a> <a href=\"#\">&raquo;</a>
</li> </li>
</ul>" </ul>"
end end
snippet 'mList' do |cmd|
cmd.trigger = 'mlist' snippet 'mList' do |cmd|
cmd.expansion = "<div class=\"mui-card\"> cmd.trigger = 'mlist'
cmd.expansion = "<div class=\"mui-card\">
<ul class=\"mui-table-view\"> <ul class=\"mui-table-view\">
<li class=\"mui-table-view-cell\"> <li class=\"mui-table-view-cell\">
<a class=\"mui-navigate-right\"> <a class=\"mui-navigate-right\">
...@@ -282,10 +304,11 @@ snippet 'mSwitch' do |cmd| ...@@ -282,10 +304,11 @@ snippet 'mSwitch' do |cmd|
</li> </li>
</ul> </ul>
</div>" </div>"
end end
snippet 'mList-Media' do |cmd|
cmd.trigger = 'mlist-Media' snippet 'mList-Media' do |cmd|
cmd.expansion = "<ul class=\"mui-table-view\"> cmd.trigger = 'mlist-Media'
cmd.expansion = "<ul class=\"mui-table-view\">
<li class=\"mui-table-view-cell\"> <li class=\"mui-table-view-cell\">
<a class=\"mui-navigate-right\"> <a class=\"mui-navigate-right\">
<img class=\"mui-media-object mui-pull-left\" src=\"img/hbuilder.png\"> <img class=\"mui-media-object mui-pull-left\" src=\"img/hbuilder.png\">
...@@ -305,10 +328,11 @@ snippet 'mSwitch' do |cmd| ...@@ -305,10 +328,11 @@ snippet 'mSwitch' do |cmd|
</a> </a>
</li> </li>
</ul>" </ul>"
end end
snippet 'mGrid' do |cmd|
cmd.trigger = 'mgrid' snippet 'mGrid' do |cmd|
cmd.expansion = "<div class=\"mui-card\"> cmd.trigger = 'mgrid'
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\">
<li class=\"mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3\"> <li class=\"mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3\">
<a href=\"#\"> <a href=\"#\">
...@@ -348,10 +372,11 @@ snippet 'mSwitch' do |cmd| ...@@ -348,10 +372,11 @@ snippet 'mSwitch' do |cmd|
</li> </li>
</ul> </ul>
</div>" </div>"
end end
snippet 'mGallery-Table' do |cmd|
cmd.trigger = 'mgallerytable' snippet 'mGallery-Table' do |cmd|
cmd.expansion = "<ul class=\"mui-table-view mui-grid-view\"> cmd.trigger = 'mgallerytable'
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\">
<a href=\"#\"> <a href=\"#\">
<img class=\"mui-media-object\" src=\"http://placehold.it/400x300\"> <img class=\"mui-media-object\" src=\"http://placehold.it/400x300\">
...@@ -365,10 +390,11 @@ snippet 'mSwitch' do |cmd| ...@@ -365,10 +390,11 @@ snippet 'mSwitch' do |cmd|
</a> </a>
</li> </li>
</ul>" </ul>"
end end
snippet 'mGallery' do |cmd|
cmd.trigger = 'mgallery' snippet 'mGallery' do |cmd|
cmd.expansion = "<div class=\"mui-slider\"> cmd.trigger = 'mgallery'
cmd.expansion = "<div class=\"mui-slider\">
<div class=\"mui-slider-group\"> <div class=\"mui-slider-group\">
<div class=\"mui-slider-item\"> <div class=\"mui-slider-item\">
<a href=\"#\"> <a href=\"#\">
...@@ -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
end
########## MUI代码块 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