Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
M
mui
Project overview
Project overview
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
mui
Commits
b15d09ba
Commit
b15d09ba
authored
Jun 09, 2015
by
hbcui1984
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
remove date button from dialog.html
parent
d45e28c0
Changes
2
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
220 additions
and
197 deletions
+220
-197
examples/hello-mui/examples/dialog.html
examples/hello-mui/examples/dialog.html
+0
-2
snippets.rb
snippets.rb
+220
-195
No files found.
examples/hello-mui/examples/dialog.html
View file @
b15d09ba
...
...
@@ -36,8 +36,6 @@
<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=
'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>
...
...
snippets.rb
View file @
b15d09ba
=begin
本文档是HBuilder预置的mui框架的HTML代码块。
使用代码块可以快速构建App页面,比如输入mheader,可以直接生成mui导航代码块。
关于代码块的使用介绍,请参考:http://dcloud.io/readme/#title7
本文档是HBuilder预置的mui代码块的文件。注意不要把其他语言的设置放到mui里来。
如果用户修改此文档,HBuilder升级后会覆盖用户的修改,建议进入菜单 工具→扩展代码块 扩展相应的代码块。
若修改本文档,需要重启才能生效。修改过程中注意备份。
脚本开源地址 https://github.com/dcloudio/HBuilderRubyBundle
=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
|
cmd
.
trigger
=
'mbody'
...
...
@@ -14,30 +26,35 @@ snippet 'mBody' do |cmd|
</div>'
end
snippet
'mButton'
do
|
cmd
|
snippet
'mButton'
do
|
cmd
|
cmd
.
trigger
=
'mbutton'
cmd
.
expansion
=
"<button type=
\"
button
\"
class=
\"
mui-btn
\"
>按钮$1</button>"
end
snippet
'mButton-blue'
do
|
cmd
|
end
snippet
'mButton-blue'
do
|
cmd
|
cmd
.
trigger
=
'mbuttonblue'
cmd
.
expansion
=
"<button type=
\"
button
\"
class=
\"
mui-btn mui-btn-blue
\"
>按钮$1</button>"
end
snippet
'mButton-green'
do
|
cmd
|
end
snippet
'mButton-green'
do
|
cmd
|
cmd
.
trigger
=
'mbuttongreen'
cmd
.
expansion
=
"<button type=
\"
button
\"
class=
\"
mui-btn mui-btn-green
\"
>按钮$1</button>"
end
snippet
'mButton-yellow'
do
|
cmd
|
end
snippet
'mButton-yellow'
do
|
cmd
|
cmd
.
trigger
=
'mbuttonyellow'
cmd
.
expansion
=
"<button type=
\"
button
\"
class=
\"
mui-btn mui-btn-yellow
\"
>按钮$1</button>"
end
snippet
'mButton-red'
do
|
cmd
|
end
snippet
'mButton-red'
do
|
cmd
|
cmd
.
trigger
=
'mbuttonred'
cmd
.
expansion
=
"<button type=
\"
button
\"
class=
\"
mui-btn mui-btn-red
\"
>按钮$1</button>"
end
snippet
'mButton-purple'
do
|
cmd
|
end
snippet
'mButton-purple'
do
|
cmd
|
cmd
.
trigger
=
'mbuttonred'
cmd
.
expansion
=
"<button type=
\"
button
\"
class=
\"
mui-btn mui-btn-purple
\"
>按钮$1</button>"
end
end
snippet
'mCheckbox'
do
|
cmd
|
cmd
.
trigger
=
'mcheckbox'
...
...
@@ -46,6 +63,7 @@ snippet 'mCheckbox' do |cmd|
<input name=
\"
$2
\"
type=
\"
checkbox
\"
>
</div>"
end
snippet
'mCheckbox_checked'
do
|
cmd
|
cmd
.
trigger
=
'mcheckboxchecked'
cmd
.
expansion
=
"<div class=
\"
mui-input-row mui-checkbox
\"
>
...
...
@@ -54,31 +72,32 @@ snippet 'mCheckbox_checked' do |cmd|
</div>"
end
snippet
'mHeader'
do
|
cmd
|
snippet
'mHeader'
do
|
cmd
|
cmd
.
trigger
=
'mheader'
cmd
.
expansion
=
'<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">标题$1</h1>
</header>'
end
end
snippet
'mHeader_withoutBack'
do
|
cmd
|
snippet
'mHeader_withoutBack'
do
|
cmd
|
cmd
.
trigger
=
'mheaderwithoutback'
cmd
.
expansion
=
'<header class="mui-bar mui-bar-nav">
<h1 class="mui-title">标题$1</h1>
</header>'
end
end
snippet
'mText'
do
|
cmd
|
snippet
'mText'
do
|
cmd
|
cmd
.
trigger
=
'mtext'
cmd
.
expansion
=
"<input type=
\"
text
\"
class=
\"
mui-input-clear mui-input-speech
\"
placeholder=
\"
$1
\"
>"
end
snippet
'mSearch'
do
|
cmd
|
end
snippet
'mSearch'
do
|
cmd
|
cmd
.
trigger
=
'msearch'
cmd
.
expansion
=
"<input type=
\"
search
\"
class=
\"
mui-input-clear mui-input-speech
\"
placeholder=
\"
$1
\"
>"
end
snippet
'mForm'
do
|
cmd
|
end
snippet
'mForm'
do
|
cmd
|
cmd
.
trigger
=
'mform'
cmd
.
expansion
=
"<form class=
\"
mui-input-group
\"
>
<div class=
\"
mui-input-row
\"
>
...
...
@@ -86,23 +105,23 @@ end
<input type=
\"
text
\"
class=
\"
mui-input-clear
\"
placeholder=
\"
${1:请输入}
\"
>
</div>
</form>"
end
end
snippet
'mRadio'
do
|
cmd
|
cmd
.
trigger
=
'mradio'
cmd
.
expansion
=
"<div class=
\"
mui-input-row mui-radio
\"
>
<label>${1:Radio}</label>
<input name=
\"
$2
\"
type=
\"
radio
\"
>
</div>"
end
snippet
'mRadio_checked'
do
|
cmd
|
end
snippet
'mRadio_checked'
do
|
cmd
|
cmd
.
trigger
=
'mradiochecked'
cmd
.
expansion
=
"<div class=
\"
mui-input-row mui-radio
\"
>
<label>${1:Radio}</label>
<input name=
\"
$2
\"
type=
\"
radio
\"
checked>
</div>"
end
end
snippet
'mPopover'
do
|
cmd
|
cmd
.
trigger
=
'mpopover'
...
...
@@ -113,9 +132,9 @@ snippet 'mPopover' do |cmd|
<li class="mui-table-view-cell"><a href="#">Item3</a></li>
</ul>
</div>'
end
end
snippet
'mPopover-action-bottom'
do
|
cmd
|
snippet
'mPopover-action-bottom'
do
|
cmd
|
cmd
.
trigger
=
'mpopoveractionbottom'
cmd
.
expansion
=
'<div class="mui-popover mui-popover-action mui-popover-bottom">
<ul class="mui-table-view">
...
...
@@ -124,17 +143,16 @@ snippet 'mPopover' do |cmd|
<li class="mui-table-view-cell"><a href="#">Item3</a></li>
</ul>
</div>'
end
end
snippet
'mRange'
do
|
cmd
|
snippet
'mRange'
do
|
cmd
|
cmd
.
trigger
=
'mrange'
cmd
.
expansion
=
"<div class=
\"
mui-input-row mui-input-range
\"
>
<label>Range</label>
<input type=
\"
range
\"
min=
\"
0
\"
max=
\"
100
\"
>
</div>"
end
end
snippet
'mSwitch'
do
|
cmd
|
cmd
.
trigger
=
'mswitch'
cmd
.
expansion
=
"<div class=
\"
mui-input-row
\"
>
...
...
@@ -143,8 +161,9 @@ snippet 'mSwitch' do |cmd|
<div class=
\"
mui-switch-handle
\"
></div>
</div>
</div>"
end
snippet
'mSwitch_active'
do
|
cmd
|
end
snippet
'mSwitch_active'
do
|
cmd
|
cmd
.
trigger
=
'mswitchactive'
cmd
.
expansion
=
"<div class=
\"
mui-input-row
\"
>
<label>Switch</label>
...
...
@@ -152,20 +171,22 @@ snippet 'mSwitch' do |cmd|
<div class=
\"
mui-switch-handle
\"
></div>
</div>
</div>"
end
snippet
'mSpeech'
do
|
cmd
|
end
snippet
'mSpeech'
do
|
cmd
|
cmd
.
trigger
=
'mspecch'
cmd
.
expansion
=
"<div class=
\"
mui-input-row
\"
>
<label>${1:Input}</label>
<input type=
\"
text
\"
class=
\"
mui-input-clear mui-input-speech
\"
placeholder=
\"
请输入
\"
>
</div>"
end
snippet
'mBadge'
do
|
cmd
|
end
snippet
'mBadge'
do
|
cmd
|
cmd
.
trigger
=
'mbadge'
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
.
expansion
=
"<nav class=
\"
mui-bar mui-bar-tab
\"
>
<a class=
\"
mui-tab-item mui-active
\"
>
...
...
@@ -185,8 +206,9 @@ snippet 'mSwitch' do |cmd|
<span class=
\"
mui-tab-label
\"
>设置</span>
</a>
</nav>"
end
snippet
'mAccordion'
do
|
cmd
|
end
snippet
'mAccordion'
do
|
cmd
|
cmd
.
trigger
=
'maccordion'
cmd
.
expansion
=
'<ul class="mui-table-view">
<li class="mui-table-view-cell mui-collapse">
...
...
@@ -208,16 +230,17 @@ snippet 'mSwitch' do |cmd|
</div>
</li>
</ul>'
end
snippet
'mTabSegmented'
do
|
cmd
|
end
snippet
'mTabSegmented'
do
|
cmd
|
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
\"
href=
\"
#item2
\"
>选项卡2</a>
</div>"
end
end
snippet
'mTabSegmented-ViewPageIndicator'
do
|
cmd
|
snippet
'mTabSegmented-ViewPageIndicator'
do
|
cmd
|
cmd
.
trigger
=
'mtabsegmentedviewpage'
cmd
.
expansion
=
'<div class="mui-slider">
<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
...
...
@@ -240,11 +263,9 @@ snippet 'mSwitch' do |cmd|
</div>
</div>
</div>'
end
end
snippet
'mPagination'
do
|
cmd
|
snippet
'mPagination'
do
|
cmd
|
cmd
.
trigger
=
'mpagination'
cmd
.
expansion
=
"<ul class=
\"
mui-pagination
\"
>
<li class=
\"
mui-disabled
\"
>
...
...
@@ -260,8 +281,9 @@ snippet 'mSwitch' do |cmd|
<a href=
\"
#
\"
>»</a>
</li>
</ul>"
end
snippet
'mList'
do
|
cmd
|
end
snippet
'mList'
do
|
cmd
|
cmd
.
trigger
=
'mlist'
cmd
.
expansion
=
"<div class=
\"
mui-card
\"
>
<ul class=
\"
mui-table-view
\"
>
...
...
@@ -282,8 +304,9 @@ snippet 'mSwitch' do |cmd|
</li>
</ul>
</div>"
end
snippet
'mList-Media'
do
|
cmd
|
end
snippet
'mList-Media'
do
|
cmd
|
cmd
.
trigger
=
'mlist-Media'
cmd
.
expansion
=
"<ul class=
\"
mui-table-view
\"
>
<li class=
\"
mui-table-view-cell
\"
>
...
...
@@ -305,8 +328,9 @@ snippet 'mSwitch' do |cmd|
</a>
</li>
</ul>"
end
snippet
'mGrid'
do
|
cmd
|
end
snippet
'mGrid'
do
|
cmd
|
cmd
.
trigger
=
'mgrid'
cmd
.
expansion
=
"<div class=
\"
mui-card
\"
>
<ul class=
\"
mui-table-view mui-grid-view mui-grid-9
\"
>
...
...
@@ -348,8 +372,9 @@ snippet 'mSwitch' do |cmd|
</li>
</ul>
</div>"
end
snippet
'mGallery-Table'
do
|
cmd
|
end
snippet
'mGallery-Table'
do
|
cmd
|
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
\"
>
...
...
@@ -365,8 +390,9 @@ snippet 'mSwitch' do |cmd|
</a>
</li>
</ul>"
end
snippet
'mGallery'
do
|
cmd
|
end
snippet
'mGallery'
do
|
cmd
|
cmd
.
trigger
=
'mgallery'
cmd
.
expansion
=
"<div class=
\"
mui-slider
\"
>
<div class=
\"
mui-slider-group
\"
>
...
...
@@ -388,7 +414,6 @@ snippet 'mSwitch' do |cmd|
<div class=
\"
mui-indicator
\"
></div>
</div>
</div>"
end
end
########## MUI代码块 end ##########
end
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment