LiangChengweb
6/26/2017 - 10:37 AM
MySublimeBackup
MySublimeBackup
[
{ "keys": ["ctrl+shift+c"], "command": "copy_path" },
//chrome
{ "keys": ["f1"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C://Program Files (x86)//Google//Chrome//Application//chrome.exe",
"extensions":".*" //匹配任何文件类型
}
},
//360
{ "keys": ["f2"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Users\\Administrator\\AppData\\Roaming\\360se6\\Application\\360se.exe",
"extensions":".*" //匹配任何文件类型
}
},
//ie
{ "keys": ["f3"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Program Files (x86)\\Internet Explorer\\iexplore.exe",
"extensions":".*" //匹配任何文件类型
}
},
// firefox
{ "keys": ["f4"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "D:\\Program Files\\Mozilla Firefox\\firefox.exe",
"extensions":".*" //匹配任何文件类型
}
}
]
{
"syntaxProfiles": {
// Enable XHTML dialect for HTML syntax
"html": "xhtml"
}
}// These settings override both User and Default settings for the HTML syntax
{
"font_size": 11,
"word_wrap": "auto",
"auto_complete_selector": "source - comment,text,html, meta.tag - punctuation.definition.tag.begin",
"auto_complete_triggers":[{"characters": "","selector": "text.html"}],
}
{
// save before running commands
"save_first": true,
// if present, use this command instead of plain "node"
// e.g. "/usr/bin/node" or "C:\bin\node.exe"
"node_command": "D:/Program Files/nodeJS", //node.exe 的位置
// Same for NPM command
"npm_command": "D:/Program Files/nodeJS/npm.cmd", //npm.cmd 的位置
// as 'NODE_PATH' environment variable for node runtime
"node_path":true,
"expert_mode": false,
"ouput_to_new_tab": false,
}// These settings override both User and Default settings for the PHP syntax
{
"word_wrap":false,
"auto_complete_selector": "source - comment,text,html, meta.tag - punctuation.definition.tag.begin",
"auto_complete_triggers":[{"characters": "","selector": "text.html"}],
}
{
"bootstrapped": true,
"in_process_packages":
[
],
"installed_packages":
[
"1337 Color Scheme",
"AdvancedNewFile",
"Alignment",
"AngularJS",
"AutoFileName",
"Autoprefixer",
"BracketHighlighter",
"ColorPicker",
"Compass",
"CSS3",
"DocBlockr",
"Emmet",
"Emmet Css Snippets",
"Emmet Style Reflector",
"HTML-CSS-JS Prettify",
"HTML5",
"IMESupport",
"JavaScript & NodeJS Snippets",
"JavaScript Completions",
"jQuery",
"JSHint Gutter",
"Libsass Build",
"Node Completions",
"Nodejs",
"Package Control",
"Sass",
"SASS Build",
"SassSolution",
"SCSS",
"SCSS Compiler",
"SCSS Expander",
"SCSS Snippets",
"SFTP",
"SideBarEnhancements",
"SublimeLinter",
"SublimeLinter-annotations",
"SublimeLinter-contrib-eslint",
"SublimeLinter-jshint",
"SublimeTmpl",
"Sync Settings",
"Terminal",
"Thinkphp",
"View In Browser"
]
}
{
"auto_complete_selector": true,
"color_scheme": "Packages/User/SublimeLinter/Monokai (SL).tmTheme",
"font_size": 12,
"ignored_packages":
[
"JSHint Gutter",
"Vintage"
]
}
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>name</key>
<string>Monokai</string>
<key>settings</key>
<array>
<dict>
<key>settings</key>
<dict>
<key>background</key>
<string>#272822</string>
<key>caret</key>
<string>#F8F8F0</string>
<key>foreground</key>
<string>#F8F8F2</string>
<key>invisibles</key>
<string>#3B3A32</string>
<key>lineHighlight</key>
<string>#3E3D32</string>
<key>selection</key>
<string>#49483E</string>
<key>findHighlight</key>
<string>#FFE792</string>
<key>findHighlightForeground</key>
<string>#000000</string>
<key>selectionBorder</key>
<string>#222218</string>
<key>activeGuide</key>
<string>#9D550FB0</string>
<key>bracketsForeground</key>
<string>#F8F8F2A5</string>
<key>bracketsOptions</key>
<string>underline</string>
<key>bracketContentsForeground</key>
<string>#F8F8F2A5</string>
<key>bracketContentsOptions</key>
<string>underline</string>
<key>tagsOptions</key>
<string>stippled_underline</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Comment</string>
<key>scope</key>
<string>comment</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#75715E</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>String</string>
<key>scope</key>
<string>string</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#E6DB74</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Number</string>
<key>scope</key>
<string>constant.numeric</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#AE81FF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Built-in constant</string>
<key>scope</key>
<string>constant.language</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#AE81FF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>User-defined constant</string>
<key>scope</key>
<string>constant.character, constant.other</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#AE81FF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Variable</string>
<key>scope</key>
<string>variable</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
</dict>
</dict>
<dict>
<key>name</key>
<string>Keyword</string>
<key>scope</key>
<string>keyword - (source.c keyword.operator | source.c++ keyword.operator | source.objc keyword.operator | source.objc++ keyword.operator), keyword.operator.word</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#F92672</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>JavaScript Dollar</string>
<key>scope</key>
<string>variable.other.dollar.only.js</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#F92672</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Storage</string>
<key>scope</key>
<string>storage</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
<key>foreground</key>
<string>#F92672</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Storage type</string>
<key>scope</key>
<string>storage.type</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string>italic</string>
<key>foreground</key>
<string>#66D9EF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Entity name</string>
<key>scope</key>
<string>entity.name - (entity.name.filename | entity.name.section | entity.name.tag | entity.name.label)</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
<key>foreground</key>
<string>#A6E22E</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Inherited class</string>
<key>scope</key>
<string>entity.other.inherited-class</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string>italic underline</string>
<key>foreground</key>
<string>#A6E22E</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Function argument</string>
<key>scope</key>
<string>variable.parameter - (source.c | source.c++ | source.objc | source.objc++)</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string>italic</string>
<key>foreground</key>
<string>#FD971F</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Language variable</string>
<key>scope</key>
<string>variable.language</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string>italic</string>
<key>foreground</key>
<string>#FD971F</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Tag name</string>
<key>scope</key>
<string>entity.name.tag</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
<key>foreground</key>
<string>#F92672</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Tag attribute</string>
<key>scope</key>
<string>entity.other.attribute-name</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
<key>foreground</key>
<string>#A6E22E</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Function call</string>
<key>scope</key>
<string>variable.function</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
<key>foreground</key>
<string>#66D9EF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Library function</string>
<key>scope</key>
<string>support.function</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
<key>foreground</key>
<string>#66D9EF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Library constant</string>
<key>scope</key>
<string>support.constant</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
<key>foreground</key>
<string>#66D9EF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Library class/type</string>
<key>scope</key>
<string>support.type, support.class</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string>italic</string>
<key>foreground</key>
<string>#66D9EF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Library variable</string>
<key>scope</key>
<string>support.other.variable</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
</dict>
</dict>
<dict>
<key>name</key>
<string>Invalid</string>
<key>scope</key>
<string>invalid</string>
<key>settings</key>
<dict>
<key>background</key>
<string>#F92672</string>
<key>fontStyle</key>
<string />
<key>foreground</key>
<string>#F8F8F0</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Invalid deprecated</string>
<key>scope</key>
<string>invalid.deprecated</string>
<key>settings</key>
<dict>
<key>background</key>
<string>#AE81FF</string>
<key>foreground</key>
<string>#F8F8F0</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>JSON String</string>
<key>scope</key>
<string>meta.structure.dictionary.json string.quoted.double.json</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#CFCFC2</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>YAML String</string>
<key>scope</key>
<string>string.unquoted.yaml</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#F8F8F2</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>diff.header</string>
<key>scope</key>
<string>meta.diff, meta.diff.header</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#75715E</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>diff.deleted</string>
<key>scope</key>
<string>markup.deleted</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#F92672</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>diff.inserted</string>
<key>scope</key>
<string>markup.inserted</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#A6E22E</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>diff.changed</string>
<key>scope</key>
<string>markup.changed</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#E6DB74</string>
</dict>
</dict>
<dict>
<key>scope</key>
<string>constant.numeric.line-number.find-in-files - match</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#AE81FFA0</string>
</dict>
</dict>
<dict>
<key>scope</key>
<string>entity.name.filename</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#E6DB74</string>
</dict>
</dict>
<dict>
<key>scope</key>
<string>message.error</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#F83333</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>SublimeLinter Warning</string>
<key>scope</key>
<string>sublimelinter.mark.warning</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#EDBA00</string>
</dict>
</dict><dict>
<key>name</key>
<string>SublimeLinter Gutter Mark</string>
<key>scope</key>
<string>sublimelinter.gutter-mark</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#FFFFFF</string>
</dict>
</dict><dict>
<key>name</key>
<string>SublimeLinter Error</string>
<key>scope</key>
<string>sublimelinter.mark.error</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#DA2000</string>
</dict>
</dict><dict><key>name</key><string>Comparison modified_addition</string><key>scope</key><string>comparison.modified_addition</string><key>settings</key><dict><key>background</key><string>#7fa3c7</string><key>foreground</key><string>#2b303b</string></dict></dict><dict><key>name</key><string>Comparison removed</string><key>scope</key><string>comparison.removed</string><key>settings</key><dict><key>background</key><string>#bf616a</string><key>foreground</key><string>#2b303b</string></dict></dict><dict><key>name</key><string>Comparison added</string><key>scope</key><string>comparison.added</string><key>settings</key><dict><key>background</key><string>#a3be8c</string><key>foreground</key><string>#2b303b</string></dict></dict><dict><key>name</key><string>Comparison modified_deletion</string><key>scope</key><string>comparison.modified_deletion</string><key>settings</key><dict><key>background</key><string>#7fa3c7</string><key>foreground</key><string>#2b303b</string></dict></dict></array>
<key>uuid</key>
<string>D8D5E82E-3D5B-46B5-B38E-8C841C21347D</string>
</dict>
</plist>// {
// "type": "ftp",
// "sync_down_on_open": true,
// "sync_same_age": true,
// "host": "114.55.96.109",
// "user": "liangcheng",
// "password": "liangcheng",
// "port": "21",
// "remote_path": "/appDerictory/sublime_text_ftp/",
// "connect_timeout": 30,
// }[
{"id": "side-bar-files-open-with",
"children":
[
//application 1
{
"caption": "Photoshop",
"id": "side-bar-files-open-with-photoshop",
"command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "Adobe Photoshop CS5.app", // OSX
"extensions":"psd|png|jpg|jpeg", //any file with these extensions
"args":[]
},
"open_automatically" : false // will close the view/tab and launch the application
},
//separator
{"caption":"-"},
//application 2
{
"caption": "SeaMonkey",
"id": "side-bar-files-open-with-seamonkey",
"command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Archivos de programa\\SeaMonkey\\seamonkey.exe", // WINNT
"extensions":"", //open all even folders
"args":[]
},
"open_automatically" : false // will close the view/tab and launch the application
},
//application n
{
"caption": "Chrome",
"id": "side-bar-files-open-with-chrome",
"command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Documents and Settings\\tito\\local\\Datos de programa\\Google\\Chrome\\Application\\chrome.exe",
"extensions":".*", //any file with extension
"args":[]
},
"open_automatically" : false // will close the view/tab and launch the application
},
{"caption":"-"}
]
}
]<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>name</key>
<string>Monokai</string>
<key>settings</key>
<array>
<dict>
<key>settings</key>
<dict>
<key>background</key>
<string>#272822</string>
<key>caret</key>
<string>#F8F8F0</string>
<key>foreground</key>
<string>#F8F8F2</string>
<key>invisibles</key>
<string>#3B3A32</string>
<key>lineHighlight</key>
<string>#3E3D32</string>
<key>selection</key>
<string>#49483E</string>
<key>findHighlight</key>
<string>#FFE792</string>
<key>findHighlightForeground</key>
<string>#000000</string>
<key>selectionBorder</key>
<string>#222218</string>
<key>activeGuide</key>
<string>#9D550FB0</string>
<key>bracketsForeground</key>
<string>#F8F8F2A5</string>
<key>bracketsOptions</key>
<string>underline</string>
<key>bracketContentsForeground</key>
<string>#F8F8F2A5</string>
<key>bracketContentsOptions</key>
<string>underline</string>
<key>tagsOptions</key>
<string>stippled_underline</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Comment</string>
<key>scope</key>
<string>comment</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#75715E</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>String</string>
<key>scope</key>
<string>string</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#E6DB74</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Number</string>
<key>scope</key>
<string>constant.numeric</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#AE81FF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Built-in constant</string>
<key>scope</key>
<string>constant.language</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#AE81FF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>User-defined constant</string>
<key>scope</key>
<string>constant.character, constant.other</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#AE81FF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Variable</string>
<key>scope</key>
<string>variable</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
</dict>
</dict>
<dict>
<key>name</key>
<string>Keyword</string>
<key>scope</key>
<string>keyword - (source.c keyword.operator | source.c++ keyword.operator | source.objc keyword.operator | source.objc++ keyword.operator), keyword.operator.word</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#F92672</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>JavaScript Dollar</string>
<key>scope</key>
<string>variable.other.dollar.only.js</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#F92672</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Storage</string>
<key>scope</key>
<string>storage</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
<key>foreground</key>
<string>#F92672</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Storage type</string>
<key>scope</key>
<string>storage.type</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string>italic</string>
<key>foreground</key>
<string>#66D9EF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Entity name</string>
<key>scope</key>
<string>entity.name - (entity.name.filename | entity.name.section | entity.name.tag | entity.name.label)</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
<key>foreground</key>
<string>#A6E22E</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Inherited class</string>
<key>scope</key>
<string>entity.other.inherited-class</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string>italic underline</string>
<key>foreground</key>
<string>#A6E22E</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Function argument</string>
<key>scope</key>
<string>variable.parameter - (source.c | source.c++ | source.objc | source.objc++)</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string>italic</string>
<key>foreground</key>
<string>#FD971F</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Language variable</string>
<key>scope</key>
<string>variable.language</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string>italic</string>
<key>foreground</key>
<string>#FD971F</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Tag name</string>
<key>scope</key>
<string>entity.name.tag</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
<key>foreground</key>
<string>#F92672</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Tag attribute</string>
<key>scope</key>
<string>entity.other.attribute-name</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
<key>foreground</key>
<string>#A6E22E</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Function call</string>
<key>scope</key>
<string>variable.function</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
<key>foreground</key>
<string>#66D9EF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Library function</string>
<key>scope</key>
<string>support.function</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
<key>foreground</key>
<string>#66D9EF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Library constant</string>
<key>scope</key>
<string>support.constant</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
<key>foreground</key>
<string>#66D9EF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Library class/type</string>
<key>scope</key>
<string>support.type, support.class</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string>italic</string>
<key>foreground</key>
<string>#66D9EF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Library variable</string>
<key>scope</key>
<string>support.other.variable</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string />
</dict>
</dict>
<dict>
<key>name</key>
<string>Invalid</string>
<key>scope</key>
<string>invalid</string>
<key>settings</key>
<dict>
<key>background</key>
<string>#F92672</string>
<key>fontStyle</key>
<string />
<key>foreground</key>
<string>#F8F8F0</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Invalid deprecated</string>
<key>scope</key>
<string>invalid.deprecated</string>
<key>settings</key>
<dict>
<key>background</key>
<string>#AE81FF</string>
<key>foreground</key>
<string>#F8F8F0</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>JSON String</string>
<key>scope</key>
<string>meta.structure.dictionary.json string.quoted.double.json</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#CFCFC2</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>YAML String</string>
<key>scope</key>
<string>string.unquoted.yaml</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#F8F8F2</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>diff.header</string>
<key>scope</key>
<string>meta.diff, meta.diff.header</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#75715E</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>diff.deleted</string>
<key>scope</key>
<string>markup.deleted</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#F92672</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>diff.inserted</string>
<key>scope</key>
<string>markup.inserted</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#A6E22E</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>diff.changed</string>
<key>scope</key>
<string>markup.changed</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#E6DB74</string>
</dict>
</dict>
<dict>
<key>scope</key>
<string>constant.numeric.line-number.find-in-files - match</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#AE81FFA0</string>
</dict>
</dict>
<dict>
<key>scope</key>
<string>entity.name.filename</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#E6DB74</string>
</dict>
</dict>
<dict>
<key>scope</key>
<string>message.error</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#F83333</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>SublimeLinter Warning</string>
<key>scope</key>
<string>sublimelinter.mark.warning</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#EDBA00</string>
</dict>
</dict><dict>
<key>name</key>
<string>SublimeLinter Gutter Mark</string>
<key>scope</key>
<string>sublimelinter.gutter-mark</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#FFFFFF</string>
</dict>
</dict><dict>
<key>name</key>
<string>SublimeLinter Error</string>
<key>scope</key>
<string>sublimelinter.mark.error</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#DA2000</string>
</dict>
</dict></array>
<key>uuid</key>
<string>D8D5E82E-3D5B-46B5-B38E-8C841C21347D</string>
</dict>
</plist>{
"user":
{
"debug": false,
"delay": 0.25,
"error_color": "D02000",
"gutter_theme": "Packages/SublimeLinter/gutter-themes/Default/Default.gutter-theme",
"gutter_theme_excludes":
[
],
"lint_mode": "background",
"linters":
{
"annotations":
{
"@disable": false,
"args":
[
],
"errors":
[
"FIXME"
],
"excludes":
[
],
"warnings":
[
"NOTE",
"README",
"TODO",
"XXX",
"@todo"
]
},
"eslint":
{
"@disable": false,
"args":
[
],
"excludes":
[
]
},
"jshint":
{
"@disable": true,
"args":
[
],
"excludes":
[
]
}
},
"mark_style": "outline",
"no_column_highlights_line": false,
"passive_warnings": false,
"paths":
{
"linux":
[
],
"osx":
[
],
"windows":
[
]
},
"python_paths":
{
"linux":
[
],
"osx":
[
],
"windows":
[
]
},
"rc_search_limit": 3,
"shell_timeout": 10,
"show_errors_on_save": false,
"show_marks_in_minimap": true,
"syntax_map":
{
"html (django)": "html",
"html (rails)": "html",
"html 5": "html",
"javascript (babel)": "javascript",
"magicpython": "python",
"php": "html",
"python django": "python",
"pythonimproved": "python"
},
"tooltip_fontsize": "1rem",
"tooltip_theme": "Packages/SublimeLinter/tooltip-themes/Default/Default.tooltip-theme",
"tooltip_theme_excludes":
[
],
"tooltips": false,
"warning_color": "DDB700",
"wrap_find": true
}
}
{
"terminal": "D:/solfPath/cmder/Cmder.exe",
"parameters": ["/START", "%CWD%"]
}
<snippet>
<content><![CDATA[
/* 两列定宽布局 */
.g-bd{width:950px;margin:0 auto;}
.g-sd{float:right;width:230px;}
.g-mn{float:left;width:710px;}]]></content>
<tabTrigger>g-bd</tabTrigger>
<scope>source.css</scope>
<description>[兼容]两列定宽布局</description>
</snippet><snippet>
<content><![CDATA[
/* 两列右侧自适应布局 */
.g-bd1{margin:0 0 10px;}
.g-sd1{position:relative;float:left;width:190px;margin-right:-190px;}
.g-mn1{float:right;width:100%;}
.g-mn1c{margin-left:200px;}]]></content>
<tabTrigger>g-bd1</tabTrigger>
<scope>source.css</scope>
<description>[兼容]两列右侧自适应布局</description>
</snippet><snippet>
<content><![CDATA[
/* 两列左侧自适应布局 */
.g-bd2{margin:0 0 10px;}
.g-sd2{position:relative;float:right;width:230px;margin-left:-230px}
.g-mn2{float:left;width:100%;;}
.g-mn2c{margin-right:240px;}]]></content>
<tabTrigger>g-bd2</tabTrigger>
<scope>source.css</scope>
<description>[兼容]两列左侧自适应布局</description>
</snippet><snippet>
<content><![CDATA[
/* 三列右侧自适应布局 */
.g-bd3{margin:0 0 10px;}
.g-sd31,.g-sd32{position:relative;float:left;width:230px;}
.g-sd31{width:190px;margin-right:10px;}
.g-mn3{float:right;width:100%;margin-left:-430px;}
.g-mn3c{margin-left:440px;}]]></content>
<tabTrigger>g-bd3</tabTrigger>
<scope>source.css</scope>
<description>[兼容]三列右侧自适应布局</description>
</snippet><snippet>
<content><![CDATA[
/* 三列左侧自适应布局 */
.g-bd4{margin:0 0 10px;}
.g-sd41,.g-sd42{position:relative;float:right;width:190px;}
.g-sd41{width:230px;margin-left:10px;}
.g-mn4{float:left;width:100%;margin-right:-430px;}
.g-mn4c{margin-right:440px;}]]></content>
<tabTrigger>g-bd4</tabTrigger>
<scope>source.css</scope>
<description>[兼容]三列左侧自适应布局</description>
</snippet><snippet>
<content><![CDATA[
/* 三列中间自适应布局 */
.g-bd5{margin:0 0 10px;}
.g-sd51,.g-sd52{position:relative;float:left;width:230px;margin:0 -230px 0 0;}
.g-sd52{float:right;width:190px;margin:0 0 0 -190px;}
.g-mn5{float:left;width:100%;}
.g-mn5c{margin:0 200px 0 240px;}]]></content>
<tabTrigger>g-bd5</tabTrigger>
<scope>source.css</scope>
<description>[兼容]三列中间自适应布局</description>
</snippet><snippet>
<content><![CDATA[
/* 多行式面包屑导航 */
.m-crumb{overflow:hidden;line-height:1.5;zoom:1;}
.m-crumb ul{margin-left:-20px;}
.m-crumb li{float:left;word-wrap:normal;white-space:nowrap;}
.m-crumb li i{display:inline-block;*display:inline;*zoom:1;width:20px;text-align:center;font-size:12px;color:#ccc;font-family:\5b8b\4f53;}
/* 空白分隔 */
.m-crumb-blank ul{margin-left:-10px;}
.m-crumb-blank li{display:inline;margin-left:10px;}]]></content>
<tabTrigger>m-crumb</tabTrigger>
<scope>source.css</scope>
<description>[兼容]多行式面包屑导航</description>
</snippet><snippet>
<content><![CDATA[
/* 多行式面包屑导航-默认竖线分隔 */
.m-crumb{overflow:hidden;line-height:1.5;}
.m-crumb ul{margin-left:-20px;}
.m-crumb li{float:left;word-wrap:normal;white-space:nowrap;}
.m-crumb li:before{display:inline-block;width:20px;text-align:center;content:'|';font-size:12px;color:#ccc;font-family:\5b8b\4f53;}
/* 箭头分隔 */
.m-crumb-arr li:before{content:'\3E';}
/* 空白分隔 */
.m-crumb-blank ul{margin-left:-10px;}
.m-crumb-blank li:before{width:10px;content:'';}]]></content>
<tabTrigger>m-crumb</tabTrigger>
<scope>source.css</scope>
<description>[高级]多行式面包屑导航</description>
</snippet><snippet>
<content><![CDATA[
/* 简易表单 */
.m-form{line-height:29px;color:#555;}
.m-form legend{font-size:14px;font-weight:bold;}
.m-form .formitm{padding:20px 0 0;line-height:30px;}
.m-form .formitm-1{padding-left:100px;}
.m-form .lab{float:left;width:90px;margin-right:-90px;text-align:right;font-weight:bold;}
.m-form .ipt{margin-left:100px;}
.m-form .ipt *{vertical-align:middle;}
.m-form .ipt a,.m-form .ipt a:hover{text-decoration:none;color:#3891eb;}
.m-form .ipt img{height:32px;margin:0 15px 0 5px;}
.m-form .ipt .domain{margin:0 0 0 5px;font-weight:bold;color:#777;}
.m-form .ipt p{height:22px;line-height:22px;color:#999;}
.m-form .tip{padding-top:10px;}
.m-form .tip input{margin:0 5px 3px 0;}]]></content>
<tabTrigger>m-form</tabTrigger>
<scope>source.css</scope>
<description>[兼容]简易表单</description>
</snippet><snippet>
<content><![CDATA[
/* 操作型弹出浮层-默认居中 */
.m-layer,.m-layer .lymask{top:0;left:0;width:100%;height:100%;}
.m-layer{display:none;position:fixed;_position:absolute;z-index:999;}
.m-layer .lymask{position:absolute;background:#000;opacity:0.6;filter:alpha(opacity=60);}
.m-layer .lytable{table-layout:fixed;width:100%;height:100%;}
.m-layer .lytd{width:100%;height:100%;vertical-align:middle;}
.m-layer .lywrap{position:relative;width:400px;margin:0 auto;border:5px solid #aaa;border:5px solid rgba(0,0,0,0.3);border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.2);}
.m-layer .lytt{position:relative;padding:10px;height:20px;margin:0 0 -1px;line-height:20px;border-bottom:1px solid #ddd;border-radius:5px 5px 0 0;background:#fafafa;}
.m-layer .lytt h2{float:left;font-size:16px;}
.m-layer .lyclose{float:right;font-weight:bold;font-family:arial;font-size:24px;_font-size:16px;color:#ccc;text-shadow:0 1px #fff;cursor:pointer;}
.m-layer .lyclose:hover{color:#aaa;}
.m-layer .lyct:last-child,.m-layer .lybt{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.m-layer .lyct:first-child{border-top-left-radius:5px;border-top-right-radius:5px;}
.m-layer .lyct{padding:20px;background:#fff;}
.m-layer .lybt{height:30px;line-height:30px;padding:10px;margin:-1px 0 0;border-top:1px solid #ddd;background:#f7f7f7;}
.m-layer .lyother{float:left;color:#999;}
.m-layer .lybtns{float:right;}
.m-layer .lybtns button{float:left;margin-left:10px;}
/* 显示 */
.m-layer-show{display:block;}]]></content>
<tabTrigger>m-layer</tabTrigger>
<scope>source.css</scope>
<description>[优雅]操作型弹出浮层</description>
</snippet><snippet>
<content><![CDATA[
/* 操作型弹出浮层-默认居中 */
.m-layer,.m-layer .lymask{top:0;left:0;width:100%;height:100%;}
.m-layer{display:none;position:fixed;_position:absolute;z-index:999;}
.m-layer .lymask{position:absolute;background:#000;opacity:0.6;filter:alpha(opacity=60);}
.m-layer .lytable{table-layout:fixed;width:100%;height:100%;}
.m-layer .lytd{width:100%;height:100%;vertical-align:middle;}
.m-layer .lywrap{position:relative;width:400px;margin:0 auto;border:5px solid #aaa;}
.m-layer .lytt{position:relative;padding:10px;height:20px;margin:0 0 -1px;line-height:20px;border-bottom:1px solid #ddd;background:#fafafa;}
.m-layer .lytt h2{float:left;font-size:16px;}
.m-layer .lyclose{float:right;font-weight:bold;font-family:arial;font-size:24px;_font-size:16px;color:#ccc;text-shadow:0 1px #fff;cursor:pointer;}
.m-layer .lyclose:hover{color:#aaa;}
.m-layer .lyct{padding:20px;background:#fff;}
.m-layer .lybt{height:30px;line-height:30px;padding:10px;margin:-1px 0 0;border-top:1px solid #ddd;background:#f7f7f7;}
.m-layer .lyother{float:left;color:#999;}
.m-layer .lybtns{float:right;}
.m-layer .lybtns button{float:left;margin-left:10px;}
/* 显示 */
.m-layer-show{display:block;}]]></content>
<tabTrigger>m-layer</tabTrigger>
<scope>source.css</scope>
<description>[兼容]操作型弹出浮层</description>
</snippet><snippet>
<content><![CDATA[
/* 操作型弹出浮层-默认居中 */
.m-layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.m-layer > table{table-layout:fixed;width:100%;height:100%;}
.m-layer > table > tbody > tr > td{vertical-align:middle;}
.m-layer .lywrap{position:relative;width:400px;margin:0 auto;border:5px solid rgba(0,0,0,0.3);border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.2);}
.m-layer .lytt{position:relative;padding:10px;height:20px;margin:0 0 -1px;line-height:20px;border-bottom:1px solid #ddd;border-radius:5px 5px 0 0;background:#fafafa;}
.m-layer .lytt h2{float:left;font-size:16px;}
.m-layer .lyclose{float:right;font-weight:bold;font-family:arial;font-size:24px;color:#ccc;text-shadow:0 1px #fff;cursor:pointer;}
.m-layer .lyclose:hover{color:#aaa;}
.m-layer .lyct:last-child,.m-layer .lybt{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.m-layer .lyct:first-child{border-top-left-radius:5px;border-top-right-radius:5px;}
.m-layer .lyct{padding:20px;background:#fff;}
.m-layer .lybt{height:30px;line-height:30px;padding:10px;margin:-1px 0 0;border-top:1px solid #ddd;background:#f7f7f7;}
.m-layer .lyother{float:left;color:#999;}
.m-layer .lybtns{float:right;}
.m-layer .lybtns button{float:left;margin-left:10px;}
/* 显示 */
.m-layer.z-show{display:block;}]]></content>
<tabTrigger>m-layer</tabTrigger>
<scope>source.css</scope>
<description>[高级]操作型弹出浮层</description>
</snippet><snippet>
<content><![CDATA[
/* 简易文字链接列表 */
.m-list{line-height:21px;}
.m-list a,.m-list a:hover{text-decoration:none;color:#777;}]]></content>
<tabTrigger>m-list</tabTrigger>
<scope>source.css</scope>
<description>[兼容]简易文字链接列表</description>
</snippet><snippet>
<content><![CDATA[
/* 水平文字链接列表 */
.m-list1{line-height:23px;}
.m-list1 ul{margin-left:-10px;}
.m-list1 li{float:left;padding-left:10px;}
.m-list1 a,.m-list1 a:hover{text-decoration:none;color:#333;}
/* 水平文字链接列表-颜色1 */
.m-list1-c1 a,.m-list1-c1 a:hover{color:#3891eb;}]]></content>
<tabTrigger>m-list1</tabTrigger>
<scope>source.css</scope>
<description>[兼容]水平文字链接列表</description>
</snippet><snippet>
<content><![CDATA[
/* 带点文字链接列表-默认方点 */
.m-list2{padding-top:1px;line-height:1.5;}
.m-list2 ul{margin-top:-6px;}
.m-list2 li{position:relative;padding-left:10px;margin-top:5px;zoom:1;}
.m-list2 li i.dot{position:absolute;top:0.75em;left:0;width:0;height:0;overflow:hidden;margin-top:-3px;border:2px solid;}
/* 固定文字较大 */
.m-list2-lg{font-size:14px;}]]></content>
<tabTrigger>m-list2</tabTrigger>
<scope>source.css</scope>
<description>[兼容]带点文字链接列表</description>
</snippet><snippet>
<content><![CDATA[
/* 带点文字链接列表-默认方点 */
.m-list2{line-height:1.5;}
.m-list2 li{padding-left:10px;margin-top:5px;}
.m-list2 li:first-child{margin-top:0;}
.m-list2 li:before{display:inline-block;margin:0 6px 2px -10px;border:2px solid;vertical-align:middle;content:'';}
/* 圆点 */
.m-list2-rds li:before{border-radius:50%;}
/* 固定文字较大 */
.m-list2-lg{font-size:14px;}]]></content>
<tabTrigger>m-list2</tabTrigger>
<scope>source.css</scope>
<description>[高级]带点文字链接列表</description>
</snippet><snippet>
<content><![CDATA[
/* 左图右文图文列表-默认竖排 */
.m-list3{padding:1px 0 0;zoom:1;}
.m-list3 ul{margin:-11px 0 0;}
.m-list3 li{display:inline;float:left;width:100%;margin:10px 0 0;}
.m-list3 .txt{float:right;width:100%;height:95px;overflow:hidden;margin-left:-110px;}
.m-list3 h3,.m-list3 p{margin-left:110px;overflow:hidden;line-height:18px;}
.m-list3 h3{margin-bottom:5px;}
.m-list3 h3 a,.m-list3 h3 a:hover{color:#333;}
.m-list3 .u-img{float:left;width:100px;height:100px;}
.m-list3 .u-img2{float:left;width:94px;height:94px;}
/* 横排 */
.m-list3-x ul{margin:-11px 0 0 -10px;}
.m-list3-x li{width:230px;margin:10px 0 0 10px;}]]></content>
<tabTrigger>m-list3</tabTrigger>
<scope>source.css</scope>
<description>[兼容]左图右文图文列表</description>
</snippet><snippet>
<content><![CDATA[
/* 上图下文图文列表 */
.m-list4{padding:1px 0 0;zoom:1;}
.m-list4 ul{margin:-11px 0 0 -10px;}
.m-list4 li{display:inline;float:left;width:150px;margin:10px 0 0 10px;}
.m-list4 h3,.m-list4 p {width:100%;height:18px;overflow:hidden;margin:5px 0 0;line-height:18px;}
.m-list4 h3 a,.m-list4 h3 a:hover{color:#333;}
.m-list4 .u-img,.m-list4 .u-img2{width:auto;height:120px;}]]></content>
<tabTrigger>m-list4</tabTrigger>
<scope>source.css</scope>
<description>[兼容]上图下文图文列表</description>
</snippet><snippet>
<content><![CDATA[
/* 文本型圆角背景导航 */
.m-nav,.m-nav li,.m-nav li a,.m-nav .corner{height:40px;line-height:40px;}
.m-nav,.m-nav li,.m-nav .corner{background:url(nav.png) no-repeat -9999px -9999px;}
.m-nav{position:relative;margin:0 6px;text-align:center;font-size:0;letter-spacing:-0.307em;*letter-spacing:normal;*word-spacing:-1px;color:#fff;background-repeat:repeat-x;background-position:0 0;}
.m-nav li,.m-nav li a{display:inline-block;*display:inline;*zoom:1;}
.m-nav li{padding:0 0 0 1px;font-size:14px;letter-spacing:normal;word-spacing:normal;background-position:0 -150px;}
.m-nav li.first{background:none;}
.m-nav li a,.m-nav li a:hover{text-decoration:none;color:#fff;}
.m-nav li a{padding:0 20px;font-weight:bold;}
.m-nav .corner{position:absolute;top:0;width:6px;overflow:hidden;}
.m-nav .corner-l{left:-6px;background-position:0 -50px;}
.m-nav .corner-r{left:100%;background-position:0 -100px;}
/* 文本型圆角背景导航-居左 */
.m-nav-1{text-align:left;}
/* 文本型圆角背景导航-居右 */
.m-nav-2{text-align:right;}]]></content>
<tabTrigger>m-nav</tabTrigger>
<scope>source.css</scope>
<description>[兼容]文本型圆角背景导航</description>
</snippet><snippet>
<content><![CDATA[
/* 普通翻页器-默认居中 */
.m-page{margin:10px 0 0;text-align:center;line-height:32px;font-size:0;letter-spacing:-0.307em;*letter-spacing:normal;*word-spacing:-1px;word-wrap:normal;white-space:nowrap;color:#999;}
.m-page a,.m-page i{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding:0 12px;margin-left:-1px;border:1px solid #ddd;font-size:12px;letter-spacing:normal;word-spacing:normal;text-shadow:0 1px #fff;background:#fff;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;-ms-transition:background-color 0.3s;transition:background-color 0.3s;}
.m-page a,.m-page a:hover{text-decoration:none;color:#39c;}
.m-page a.first{margin-left:0;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.m-page a.last{margin-right:0;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.m-page a .pagearr{font-weight:bold;font-family:\5b8b\4f53;vertical-align:top;*vertical-align:middle;}
.m-page a.pageprv .pagearr{margin-right:3px;}
.m-page a.pagenxt .pagearr{margin-left:3px;}
.m-page a:hover{background:#f5f5f5;}
.m-page a:active{background:#f0f0f0;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#999;background:#f5f5f5;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{cursor:default;color:#ccc;background:#fff;}
/* 居左 */
.m-page-lt{text-align:left;}
/* 居右 */
.m-page-rt{text-align:right;}
/* 较小 */
.m-page-sm{line-height:22px;}
.m-page-sm a,.m-page-sm i{padding:0 8px;}
/* 分离 */
.m-page-sr a,.m-page-sr i{margin:0 3px;border-radius:5px;}
.m-page-sr i{border:0;}
.m-page-sr a.first,.m-page-sr a.last{border-radius:5px;}]]></content>
<tabTrigger>m-page</tabTrigger>
<scope>source.css</scope>
<description>[优雅]简易翻页器</description>
</snippet><snippet>
<content><![CDATA[
/* 普通翻页器-默认居中 */
.m-page{margin:10px 0 0;text-align:center;line-height:32px;font-size:0;letter-spacing:-0.307em;*letter-spacing:normal;*word-spacing:-1px;word-wrap:normal;white-space:nowrap;color:#999;}
.m-page a,.m-page i{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding:0 12px;margin-left:-1px;border:1px solid #ddd;font-size:12px;letter-spacing:normal;word-spacing:normal;background:#fff;}
.m-page a,.m-page a:hover{text-decoration:none;color:#39c;}
.m-page a.first{margin-left:0;}
.m-page a.last{margin-right:0;}
.m-page a .pagearr{font-weight:bold;font-family:\5b8b\4f53;vertical-align:top;*vertical-align:middle;}
.m-page a.pageprv .pagearr{margin-right:3px;}
.m-page a.pagenxt .pagearr{margin-left:3px;}
.m-page a:hover{background:#f5f5f5;}
.m-page a:active{background:#f0f0f0;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#999;background:#f5f5f5;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{cursor:default;color:#ccc;background:#fff;}
/* 居左 */
.m-page-lt{text-align:left;}
/* 居右 */
.m-page-rt{text-align:right;}
/* 较小 */
.m-page-sm{line-height:22px;}
.m-page-sm a,.m-page-sm i{padding:0 8px;}
/* 分离 */
.m-page-sr a,.m-page-sr i{margin:0 3px;}
.m-page-sr i{border:0;}]]></content>
<tabTrigger>m-page</tabTrigger>
<scope>source.css</scope>
<description>[兼容]简易翻页器</description>
</snippet><snippet>
<content><![CDATA[
/* 普通翻页器-默认居中 */
.m-page{margin:10px 0 0;text-align:center;line-height:32px;font-size:0;letter-spacing:-0.307em;word-wrap:normal;white-space:nowrap;color:#999;}
.m-page a,.m-page i{display:inline-block;vertical-align:top;padding:0 12px;margin-left:-1px;border:1px solid #ddd;font-size:12px;letter-spacing:normal;text-shadow:0 1px #fff;background:#fff;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;-ms-transition:background-color 0.3s;transition:background-color 0.3s;}
.m-page a,.m-page a:hover{text-decoration:none;color:#39c;}
.m-page a:first-child{margin-left:0;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.m-page a:last-child{margin-right:0;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.m-page a.pageprv:before,.m-page a.pagenxt:after{font-weight:bold;font-family:\5b8b\4f53;vertical-align:top;}
.m-page a.pageprv:before{margin-right:3px;content:'\3C';}
.m-page a.pagenxt:after{margin-left:3px;content:'\3E';}
.m-page a:hover{background:#f5f5f5;}
.m-page a:active{background:#f0f0f0;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#999;background:#f5f5f5;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{cursor:default;color:#ccc;background:#fff;}
/* 居左 */
.m-page-lt{text-align:left;}
/* 居右 */
.m-page-rt{text-align:right;}
/* 较小 */
.m-page-sm{line-height:22px;}
.m-page-sm a,.m-page-sm i{padding:0 8px;}
/* 分离 */
.m-page-sr a,.m-page-sr i{margin:0 3px;border-radius:5px;}
.m-page-sr i{border:0;}
.m-page-sr a:first-child,.m-page-sr a:last-child{border-radius:5px;}]]></content>
<tabTrigger>m-page</tabTrigger>
<scope>source.css</scope>
<description>[高级]简易翻页器</description>
</snippet><snippet>
<content><![CDATA[
/* 单片式幻灯-默认淡入淡出 */
.m-slide{position:relative;width:400px;height:250px;overflow:hidden;}
.m-slide ol,.m-slide li{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;}
.m-slide li{opacity:0;-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-ms-transition:0.5s ease-out;transition:0.5s ease-out;-webkit-transition-property:opacity,left,top;-moz-transition-property:opacity,left,top;-ms-transition-property:opacity,left,top;transition-property:opacity,left,top;}
.m-slide li.z-crt{z-index:21;opacity:1;}]]></content>
<tabTrigger>m-slide</tabTrigger>
<scope>source.css</scope>
<description>[优雅]单片式幻灯</description>
</snippet><snippet>
<content><![CDATA[
/* 单片式幻灯-默认淡入淡出 */
.m-slide{position:relative;width:400px;height:250px;overflow:hidden;}
.m-slide ol,.m-slide li{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;}
.m-slide li.z-crt{z-index:21;}]]></content>
<tabTrigger>m-slide</tabTrigger>
<scope>source.css</scope>
<description>[兼容]单片式幻灯</description>
</snippet><snippet>
<content><![CDATA[
/* 单片式幻灯-默认淡入淡出 */
.m-slide{position:relative;width:400px;height:250px;overflow:hidden;}
.m-slide ol,.m-slide li{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;}
.m-slide li{opacity:0;-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-ms-transition:0.5s ease-out;transition:0.5s ease-out;-webkit-transition-property:opacity,left,top;-moz-transition-property:opacity,left,top;-ms-transition-property:opacity,left,top;transition-property:opacity,left,top;}
.m-slide li.z-crt{z-index:21;opacity:1;}
/* 水平滚动 */
.m-slide-x li{left:-100%;}
.m-slide-x li.z-crt{left:0;}
.m-slide-x li.z-crt ~ li{left:100%;}
/* 垂直滚动 */
.m-slide-y li{top:-100%;}
.m-slide-y li.z-crt{top:0;}
.m-slide-y li.z-crt ~ li{top:100%;}]]></content>
<tabTrigger>m-slide</tabTrigger>
<scope>source.css</scope>
<description>[高级]单片式幻灯</description>
</snippet><snippet>
<content><![CDATA[
/* 含标题和Tab的模块头部-默认不定宽 */
.m-hd{height:35px;line-height:35px;padding:1px 0 0;border-bottom:1px solid #ddd;}
.m-hd h2,.m-hd ul,.m-hd li{float:left;display:inline;}
.m-hd h2{margin:0 20px 0 0;font-size:16px;}
.m-hd ul{margin-left:-2px;}
.m-hd li{position:relative;margin:-1px 0 0 2px;}
.m-hd li a,.m-hd li a:hover{text-decoration:none;color:#666;}
.m-hd li a{float:left;padding:0 15px;border:1px solid #ddd;border-bottom:0;border-radius:5px 5px 0 0;text-align:center;font-size:14px;background:#f8f8f8;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fdfdfd),to(#f8f8f8));background:-webkit-linear-gradient(#fdfdfd,#f8f8f8);background:-moz-linear-gradient(#fdfdfd,#f8f8f8);background:-ms-linear-gradient(#fdfdfd,#f8f8f8);background:linear-gradient(#fdfdfd,#f8f8f8);}
.m-hd li a:hover{background:#fff;}
.m-hd li.z-crt a{position:relative;padding-bottom:1px;margin-bottom:-1px;background:#fff;}
.m-hd .more{float:right;margin-left:10px;}
/* 有背景 */
.m-hd-bg{padding:11px 10px 0;border-radius:5px 5px 0 0;background:#f7f7f7;}
/* tab无缝 */
.m-hd-sl li{margin-left:-1px;}
.m-hd-sl li a{border-radius:0;}
.m-hd-sl li:first-child a{border-top-left-radius:5px;}
.m-hd-sl li:last-child a{border-top-right-radius:5px;}
/* tab居右 */
.m-hd-rt h2{margin-right:0;}
.m-hd-rt ul{float:right;}
/* tab较小 */
.m-hd-sm{height:25px;line-height:25px;}
.m-hd-sm h2{font-size:14px;}
.m-hd-sm li a{padding:0 10px;font-size:12px;}
/* tab定宽 */
.m-hd-fw li a{width:78px;padding:0;}
/* tab直角 */
.m-hd-ra,.m-hd-ra li a,.m-hd-ra li:first-child a,.m-hd-ra li:last-child a{border-radius:0;}]]></content>
<tabTrigger>m-tab</tabTrigger>
<scope>source.css</scope>
<description>[优雅]含标题和Tab的模块头部</description>
</snippet><snippet>
<content><![CDATA[
/* 含标题和Tab的模块头部-默认不定宽 */
.m-hd{height:35px;line-height:35px;padding:1px 0 0;border-bottom:1px solid #ddd;}
.m-hd h2,.m-hd ul,.m-hd li{float:left;display:inline;}
.m-hd h2{margin:0 20px 0 0;font-size:16px;}
.m-hd ul{margin-left:-2px;}
.m-hd li{position:relative;margin:-1px 0 0 2px;}
.m-hd li a,.m-hd li a:hover{text-decoration:none;color:#666;}
.m-hd li a{float:left;padding:0 15px;border:1px solid #ddd;border-bottom:0;text-align:center;font-size:14px;background:#f8f8f8;}
.m-hd li a:hover{background:#fff;}
.m-hd li.z-crt a{position:relative;padding-bottom:1px;margin-bottom:-1px;background:#fff;}
.m-hd .more{float:right;margin-left:10px;}
/* 有背景 */
.m-hd-bg{padding:11px 10px 0;background:#f7f7f7;}
/* tab无缝 */
.m-hd-sl li{margin-left:-1px;}
.m-hd-sl li a{border-radius:0;}
/* tab居右 */
.m-hd-rt h2{margin-right:0;}
.m-hd-rt ul{float:right;}
/* tab较小 */
.m-hd-sm{height:25px;line-height:25px;}
.m-hd-sm h2{font-size:14px;}
.m-hd-sm li a{padding:0 10px;font-size:12px;}
/* tab定宽 */
.m-hd-fw li a{width:78px;padding:0;}]]></content>
<tabTrigger>m-tab</tabTrigger>
<scope>source.css</scope>
<description>[兼容]含标题和Tab的模块头部</description>
</snippet><snippet>
<content><![CDATA[
/* 含标题和Tab的模块头部-默认不定宽 */
.m-hd{height:35px;line-height:35px;padding:1px 0 0;border-bottom:1px solid #ddd;}
.m-hd h2,.m-hd ul,.m-hd li{float:left;}
.m-hd h2{margin:0 20px 0 0;font-size:16px;}
.m-hd li{position:relative;margin:-1px 0 0 2px;}
.m-hd li:first-child{margin-left:0;}
.m-hd li a,.m-hd li a:hover{text-decoration:none;color:#666;}
.m-hd li a{display:block;padding:0 15px;border:1px solid #ddd;border-bottom:0;border-radius:5px 5px 0 0;text-align:center;font-size:14px;background:#f8f8f8;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fdfdfd),to(#f8f8f8));background:-webkit-linear-gradient(#fdfdfd,#f8f8f8);background:-moz-linear-gradient(#fdfdfd,#f8f8f8);background:-ms-linear-gradient(#fdfdfd,#f8f8f8);background:linear-gradient(#fdfdfd,#f8f8f8);}
.m-hd li a:hover{background:#fff;}
.m-hd li.z-crt a{padding-bottom:1px;margin-bottom:-1px;background:#fff;}
.m-hd .more{float:right;margin-left:10px;}
/* 有背景 */
.m-hd-bg{padding:11px 10px 0;border-radius:5px 5px 0 0;background:#f7f7f7;}
/* tab无缝 */
.m-hd-sl li{margin-left:-1px;}
.m-hd-sl li a{border-radius:0;}
.m-hd-sl li:first-child a{border-top-left-radius:5px;}
.m-hd-sl li:last-child a{border-top-right-radius:5px;}
/* tab居右 */
.m-hd-rt h2{margin-right:0;}
.m-hd-rt ul{float:right;}
/* tab较小 */
.m-hd-sm{height:25px;line-height:25px;}
.m-hd-sm h2{font-size:14px;}
.m-hd-sm li a{padding:0 10px;font-size:12px;}
/* tab定宽 */
.m-hd-fw li{width:80px;}
.m-hd-fw li a{padding:0;}
/* tab直角 */
.m-hd-ra,.m-hd-ra li a,.m-hd-ra li:first-child a,.m-hd-ra li:last-child a{border-radius:0;}]]></content>
<tabTrigger>m-tab</tabTrigger>
<scope>source.css</scope>
<description>[高级]含标题和Tab的模块头部</description>
</snippet><snippet>
<content><![CDATA[
/* 简易数据表格-格边框 */
.m-table{table-layout:fixed;width:100%;line-height:1.5;}
.m-table th,.m-table td{padding:10px;border:1px solid #ddd;}
.m-table th{font-weight:bold;}
.m-table tbody tr.even{background:#fafafa;}
.m-table tbody tr:hover{background:#f0f0f0;}
.m-table .cola{width:100px;}
.m-table .colb{width:200px;}
/* 简易数据表格-行边框*/
.m-table-row th,.m-table-row td{border-width:0 0 1px;}]]></content>
<tabTrigger>m-table</tabTrigger>
<scope>source.css</scope>
<description>[兼容]简易数据表格</description>
</snippet><snippet>
<content><![CDATA[
/* 简易数据表格-格边框 */
.m-table{table-layout:fixed;width:100%;line-height:1.5;}
.m-table th,.m-table td{padding:10px;border:1px solid #ddd;}
.m-table th{font-weight:bold;}
.m-table tbody tr:nth-child(2n){background:#fafafa;}
.m-table tbody tr:hover{background:#f0f0f0;}
.m-table .cola{width:100px;}
.m-table .colb{width:200px;}
/* 简易数据表格-行边框*/
.m-table-row th,.m-table-row td{border-width:0 0 1px;}
/* 简易数据表格-圆角*/
.m-table-rds{border-collapse:separate;border:1px solid #ddd;border-width:0 1px 1px 0;border-radius:5px;}
.m-table-rds th,.m-table-rds td{border-width:1px 0 0 1px;}
.m-table-rds > :first-child > :first-child > :first-child{border-top-left-radius:5px;}
.m-table-rds > :first-child > :first-child > :last-child{border-top-right-radius:5px;}
.m-table-rds > :last-child > :last-child > :first-child{border-bottom-left-radius:5px;}
.m-table-rds > :last-child > :last-child > :last-child{border-bottom-right-radius:5px;}]]></content>
<tabTrigger>m-table</tabTrigger>
<scope>source.css</scope>
<description>[高级]简易数据表格</description>
</snippet><snippet>
<content><![CDATA[
/* 通用自定义按钮-默认蓝色 */
.u-btn{display:inline-block;*display:inline;*zoom:1;*overflow:visible;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:0 12px;height:28px;line-height:28px;border:1px solid #2d88bf;border-radius:5px;font-size:12px;letter-spacing:1px;word-spacing:normal;text-align:center;vertical-align:middle;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);text-shadow:0 -1px rgba(0,0,0,0.2);background:#54aede;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#6dbde4),to(#399dd8));background:-webkit-linear-gradient(#6dbde4,#399dd8);background:-moz-linear-gradient(#6dbde4,#399dd8);background:-ms-linear-gradient(#6dbde4,#399dd8);background:linear-gradient(#6dbde4,#399dd8);}
button.u-btn{*height:30px;_line-height:25px;}
.u-btn,.u-btn:hover{color:#fff;text-decoration:none;}
.u-btn:hover,.u-btn:focus{background:#399dd8;}
.u-btn:active{box-shadow:inset 0 1px 4px rgba(0,0,0,0.2);}
.u-btn::-moz-focus-inner{padding:0;margin:0;border:0;}
.u-btn .btntxt{margin-right:3px;_vertical-align:middle;}
.u-btn .btnsel{display:inline-block;*display:inline;*zoom:1;width:0;height:0;overflow:hidden;vertical-align:middle;border-style:solid dashed dashed;border-width:4px 4px 0;border-color:rgba(255,255,255,0.8) transparent transparent;}
.u-btn:hover .btnsel,.u-btn:focus .btnsel{border-top-color:rgba(255,255,255,1);}
/* 较大 */
.u-btn-lg{padding:0 15px;height:36px;line-height:36px;font-size:18px;}
button.u-btn-lg{*height:38px;_line-height:33px;}
.u-btn-lg .btnsel{border-width:5px 5px 0;}
/* 较小 */
.u-btn-sm{padding:0 10px;height:22px;line-height:22px;}
button.u-btn-sm{*height:24px;_line-height:19px;}
/* 红色 */
.u-btn-c1{border-color:#9f161b;background:#de2027;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#ee232a),to(#cc1c23));background:-webkit-linear-gradient(#ee232a,#cc1c23);background:-moz-linear-gradient(#ee232a,#cc1c23);background:-ms-linear-gradient(#ee232a,#cc1c23);background:linear-gradient(#ee232a,#cc1c23);}
.u-btn-c1:hover,.u-btn-c1:focus{background:#cc1c23;}
/* 黄色 */
.u-btn-c2{border-color:#e1962d;background:#faa42b;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fbb149),to(#f8960a));background:-webkit-linear-gradient(#fbb149,#f8960a);background:-moz-linear-gradient(#fbb149,#f8960a);background:-ms-linear-gradient(#fbb149,#f8960a);background:linear-gradient(#fbb149,#f8960a);}
.u-btn-c2:hover,.u-btn-c2:focus{background:#f8960a;}
/* 绿色 */
.u-btn-c3{border-color:#52a552;background:#5cbc5c;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#68c668),to(#50b150));background:-webkit-linear-gradient(#68c668,#50b150);background:-moz-linear-gradient(#68c668,#50b150);background:-ms-linear-gradient(#68c668,#50b150);background:linear-gradient(#68c668,#50b150);}
.u-btn-c3:hover,.u-btn-c3:focus{background:#50b150;}
/* 灰色 */
.u-btn-c4{border-color:#d0d0d0;text-shadow:0 1px rgba(255,255,255,0.8);background:#f3f3f3;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fefefe),to(#e7e7e7));background:-webkit-linear-gradient(#fefefe,#e7e7e7);background:-moz-linear-gradient(#fefefe,#e7e7e7);background:-ms-linear-gradient(#fefefe,#e7e7e7);background:linear-gradient(#fefefe,#e7e7e7);}
.u-btn-c4,.u-btn-c4:hover{color:#333;}
.u-btn-c4:hover,.u-btn-c4:focus{background:#e7e7e7;}
.u-btn-c4 .btnsel{border-top-color:rgba(0,0,0,0.6);}
.u-btn-c4:hover .btnsel,.u-btn-c4:focus .btnsel{border-top-color:rgba(0,0,0,1);}]]></content>
<tabTrigger>u-btn</tabTrigger>
<scope>source.css</scope>
<description>[优雅]通用自定义按钮</description>
</snippet><snippet>
<content><![CDATA[
/* 通用自定义按钮-默认蓝色 */
.u-btn{display:inline-block;*display:inline;*zoom:1;*overflow:visible;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:0 12px;height:28px;line-height:28px;border:1px solid #2d88bf;font-size:12px;letter-spacing:1px;word-spacing:normal;text-align:center;vertical-align:middle;cursor:pointer;background:#54aede;}
button.u-btn{*height:30px;_line-height:25px;}
.u-btn,.u-btn:hover{color:#fff;text-decoration:none;}
.u-btn:hover,.u-btn:focus{background:#399dd8;}
.u-btn::-moz-focus-inner{padding:0;margin:0;border:0;}
.u-btn .btntxt{margin-right:3px;_vertical-align:middle;}
.u-btn .btnsel{display:inline-block;*display:inline;*zoom:1;width:0;height:0;overflow:hidden;vertical-align:middle;border-style:solid dashed dashed;border-width:4px 4px 0;border-color:#fff transparent transparent;}
/* 较大 */
.u-btn-lg{padding:0 15px;height:36px;line-height:36px;font-size:18px;}
button.u-btn-lg{*height:38px;_line-height:33px;}
.u-btn-lg .btnsel{border-width:5px 5px 0;}
/* 较小 */
.u-btn-sm{padding:0 10px;height:22px;line-height:22px;}
button.u-btn-sm{*height:24px;_line-height:19px;}
/* 红色 */
.u-btn-c1{border-color:#9f161b;background:#de2027;}
.u-btn-c1:hover,.u-btn-c1:focus{background:#cc1c23;}
/* 黄色 */
.u-btn-c2{border-color:#e1962d;background:#faa42b;}
.u-btn-c2:hover,.u-btn-c2:focus{background:#f8960a;}
/* 绿色 */
.u-btn-c3{border-color:#52a552;background:#5cbc5c;}
.u-btn-c3:hover,.u-btn-c3:focus{background:#50b150;}
/* 灰色 */
.u-btn-c4{border-color:#d0d0d0;background:#f3f3f3;}
.u-btn-c4,.u-btn-c4:hover{color:#333;}
.u-btn-c4:hover,.u-btn-c4:focus{background:#e7e7e7;}
.u-btn-c4 .btnsel{border-top-color:#555;}
.u-btn-c4:hover .btnsel,.u-btn-c4:focus .btnsel{border-top-color:#000;}]]></content>
<tabTrigger>u-btn</tabTrigger>
<scope>source.css</scope>
<description>[兼容]通用自定义按钮</description>
</snippet><snippet>
<content><![CDATA[
/* 通用自定义按钮-默认蓝色 */
.u-btn{display:inline-block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:0 12px;height:28px;line-height:28px;border:1px solid #2d88bf;border-radius:5px;font-size:12px;letter-spacing:1px;text-align:center;vertical-align:middle;cursor:pointer;word-wrap:normal;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);text-shadow:0 -1px rgba(0,0,0,0.2);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#6dbde4),to(#399dd8));background:-webkit-linear-gradient(#6dbde4,#399dd8);background:-moz-linear-gradient(#6dbde4,#399dd8);background:-ms-linear-gradient(#6dbde4,#399dd8);background:linear-gradient(#6dbde4,#399dd8);}
.u-btn,.u-btn:hover{color:#fff;text-decoration:none;}
.u-btn:hover,.u-btn:focus{background:#399dd8;}
.u-btn:active{box-shadow:inset 0 1px 4px rgba(0,0,0,0.2);}
.u-btn::-moz-focus-inner{padding:0;margin:0;border:0;}
.u-btn .btnsel{display:inline-block;vertical-align:middle;border-style:solid;border-width:4px 4px 0;border-color:rgba(255,255,255,0.8) transparent transparent;}
.u-btn:hover .btnsel,.u-btn:focus .btnsel{border-top-color:rgba(255,255,255,1);}
/* 较大 */
.u-btn-lg{padding:0 15px;height:36px;line-height:36px;font-size:18px;}
.u-btn-lg .btnsel{border-width:5px 5px 0;}
/* 较小 */
.u-btn-sm{padding:0 10px;height:22px;line-height:22px;}
/* 红色 */
.u-btn-c1{border-color:#9f161b;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#ee232a),to(#cc1c23));background:-webkit-linear-gradient(#ee232a,#cc1c23);background:-moz-linear-gradient(#ee232a,#cc1c23);background:-ms-linear-gradient(#ee232a,#cc1c23);background:linear-gradient(#ee232a,#cc1c23);}
.u-btn-c1:hover,.u-btn-c1:focus{background:#cc1c23;}
/* 黄色 */
.u-btn-c2{border-color:#e1962d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fbb149),to(#f8960a));background:-webkit-linear-gradient(#fbb149,#f8960a);background:-moz-linear-gradient(#fbb149,#f8960a);background:-ms-linear-gradient(#fbb149,#f8960a);background:linear-gradient(#fbb149,#f8960a);}
.u-btn-c2:hover,.u-btn-c2:focus{background:#f8960a;}
/* 绿色 */
.u-btn-c3{border-color:#52a552;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#68c668),to(#50b150));background:-webkit-linear-gradient(#68c668,#50b150);background:-moz-linear-gradient(#68c668,#50b150);background:-ms-linear-gradient(#68c668,#50b150);background:linear-gradient(#68c668,#50b150);}
.u-btn-c3:hover,.u-btn-c3:focus{background:#50b150;}
/* 灰色 */
.u-btn-c4{border-color:#d0d0d0;text-shadow:0 1px rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fefefe),to(#e7e7e7));background:-webkit-linear-gradient(#fefefe,#e7e7e7);background:-moz-linear-gradient(#fefefe,#e7e7e7);background:-ms-linear-gradient(#fefefe,#e7e7e7);background:linear-gradient(#fefefe,#e7e7e7);}
.u-btn-c4,.u-btn-c4:hover{color:#333;}
.u-btn-c4:hover,.u-btn-c4:focus{background:#e7e7e7;}
.u-btn-c4 .btnsel{border-top-color:rgba(0,0,0,0.6);}
.u-btn-c4:hover .btnsel,.u-btn-c4:focus .btnsel{border-top-color:rgba(0,0,0,1);}]]></content>
<tabTrigger>u-btn</tabTrigger>
<scope>source.css</scope>
<description>[高级]通用自定义按钮</description>
</snippet><snippet>
<content><![CDATA[
/* 通用自定义按钮组合 */
.u-btns{display:inline-block;*display:inline;*zoom:1;position:relative;padding-left:1px;}
.u-btns .u-btn{float:left;margin-left:-1px;border-radius:0;}
.u-btns .u-btn:first-child{border-radius:5px 0 0 5px;}
.u-btns .u-btn:nth-last-of-type(1){border-radius:0 5px 5px 0;}
.u-btns .u-btn:only-of-type{border-radius:5px;}]]></content>
<tabTrigger>u-btns</tabTrigger>
<scope>source.css</scope>
<description>[优雅]通用自定义按钮组合</description>
</snippet><snippet>
<content><![CDATA[
/* 通用自定义按钮组合 */
.u-btns{display:inline-block;*display:inline;*zoom:1;position:relative;padding-left:1px;}
.u-btns .u-btn{float:left;margin-left:-1px;border-radius:0;}]]></content>
<tabTrigger>u-btns</tabTrigger>
<scope>source.css</scope>
<description>[兼容]通用自定义按钮组合</description>
</snippet><snippet>
<content><![CDATA[
/* 通用自定义按钮组合 */
.u-btns{display:inline-block;position:relative;}
.u-btns .u-btn{float:left;margin-left:-1px;border-radius:0;}
.u-btns .u-btn:first-child{margin-left:0;border-radius:5px 0 0 5px;}
.u-btns .u-btn:nth-last-of-type(1){border-radius:0 5px 5px 0;}
.u-btns .u-btn:only-of-type{border-radius:5px;}]]></content>
<tabTrigger>u-btns</tabTrigger>
<scope>source.css</scope>
<description>[高级]通用自定义按钮组合</description>
</snippet><snippet>
<content><![CDATA[
/* 无边图片容器-默认定宽定高、图片拉伸 */
.u-img{display:block;position:relative;width:110px;height:110px;}
.u-img,.u-img img{border-radius:5px;}
.u-img img{display:block;width:100%;height:100%;}
/* 图片高适应 */
.u-img-ha,.u-img-ha img{height:auto;}]]></content>
<tabTrigger>u-img</tabTrigger>
<scope>source.css</scope>
<description>[优雅]无边图片容器</description>
</snippet><snippet>
<content><![CDATA[
/* 无边图片容器-默认定宽定高、图片拉伸 */
.u-img{display:block;position:relative;width:110px;height:110px;}
.u-img img{display:block;width:100%;height:100%;}
/* 图片高适应 */
.u-img-ha,.u-img-ha img{height:auto;}]]></content>
<tabTrigger>u-img</tabTrigger>
<scope>source.css</scope>
<description>[兼容]无边图片容器</description>
</snippet><snippet>
<content><![CDATA[
/* 有边图片容器-默认定宽定高、图片拉伸 */
.u-img2{display:block;position:relative;width:104px;height:104px;padding:2px;border:1px solid #ddd;}
.u-img2,.u-img2 img{border-radius:5px;}
.u-img2 img{display:block;width:100%;height:100%;}
/* 图片高适应 */
.u-img2-ha,.u-img2-ha img{height:auto;}]]></content>
<tabTrigger>u-img2</tabTrigger>
<scope>source.css</scope>
<description>[优雅]有边图片容器</description>
</snippet><snippet>
<content><![CDATA[
/* 有边图片容器-默认定宽定高、图片拉伸 */
.u-img2{display:block;position:relative;width:104px;height:104px;padding:2px;border:1px solid #ddd;}
.u-img2 img{display:block;width:100%;height:100%;}
/* 图片高适应 */
.u-img2-ha,.u-img2-ha img{height:auto;}]]></content>
<tabTrigger>u-img2</tabTrigger>
<scope>source.css</scope>
<description>[兼容]有边图片容器</description>
</snippet><snippet>
<content><![CDATA[
/* 文本输入框 */
.u-ipt{width:180px;padding:5px;height:17px;border:1px solid #D9D9D9;border-top-color:#c0c0c0;line-height:17px;font-size:14px;color:#777;background:#fff;}
/* 文本输入框-窄 */
.u-ipt-1{width:90px;}
/* 文本输入框-出错 */
.u-ipt-err{border-color:#c00 #e00 #e00;}]]></content>
<tabTrigger>u-ipt</tabTrigger>
<scope>source.css</scope>
<description>[兼容]简易单行文本输入框</description>
</snippet><snippet>
<content><![CDATA[
/* 下拉式菜单-默认左对齐 */
.u-menu{display:none;position:absolute;z-index:100;top:100%;left:0;*zoom:1;*width:100px;margin:1px 0 0;overflow:hidden;border:1px solid #d0d0d0;border-width:1px 0;border-radius:5px;line-height:1.5;font-size:12px;box-shadow:0 5px 15px rgba(0,0,0,0.05);background:#fff;}
.u-menu li{border:1px solid #d0d0d0;border-width:0 1px;*vertical-align:top;}
.u-menu li a{display:block;*zoom:1;padding:7px 12px 6px;margin:-1px 0;border-top:1px solid #e8e8e8;overflow:hidden;*vertical-align:top;word-wrap:normal;white-space:nowrap;_white-space:normal;text-overflow:ellipsis;color:#333;}
.u-menu li:first-child,.u-menu li:first-child a{border-top:0;border-radius:5px 5px 0 0;}
.u-menu li:last-child,.u-menu li:last-child a{border-radius:0 0 5px 5px;}
.u-menu li a:hover{color:#333;background:#f7f7f7;}
.u-menu li a:active{background:#f0f0f0;}
/* 显示 */
.u-menu-show{display:block;}
/* 分组 */
.u-menu-gp li.menusep,.u-menu-gp li.menusep .menuline{height:0;line-height:0;font-size:0;overflow:hidden;}
.u-menu-gp li.menusep{padding:5px 0;}
.u-menu-gp li.menusep .menuline{display:block;border:0;border-top:1px solid #e8e8e8;}
.u-menu-gp li a{border:0;}
/* 宽度限制 */
.u-menu-min{min-width:100%;}
.u-menu-max{max-width:100%;}
/* 右对齐 */
.u-menu-rt{left:auto;right:0;}]]></content>
<tabTrigger>u-menu</tabTrigger>
<scope>source.css</scope>
<description>[优雅]下拉式菜单</description>
</snippet><snippet>
<content><![CDATA[
/* 下拉式菜单-默认左对齐 */
.u-menu{display:none;position:absolute;z-index:100;top:100%;left:0;*zoom:1;*width:100px;margin:1px 0 0;overflow:hidden;border:1px solid #d0d0d0;border-width:1px 0;line-height:1.5;font-size:12px;background:#fff;}
.u-menu li{border:1px solid #d0d0d0;border-width:0 1px;*vertical-align:top;}
.u-menu li a{display:block;*zoom:1;padding:7px 12px 6px;margin:-1px 0;border-top:1px solid #e8e8e8;overflow:hidden;*vertical-align:top;word-wrap:normal;white-space:nowrap;_white-space:normal;text-overflow:ellipsis;color:#333;}
.u-menu li a:hover{color:#333;background:#f7f7f7;}
.u-menu li a:active{background:#f0f0f0;}
/* 显示 */
.u-menu-show{display:block;}
/* 分组 */
.u-menu-gp li.menusep,.u-menu-gp li.menusep .menuline{height:0;line-height:0;font-size:0;overflow:hidden;}
.u-menu-gp li.menusep{padding:5px 0;}
.u-menu-gp li.menusep .menuline{display:block;border:0;border-top:1px solid #e8e8e8;}
.u-menu-gp li a{border:0;}
/* 宽度限制 */
.u-menu-min{min-width:100%;}
.u-menu-max{max-width:100%;}
/* 右对齐 */
.u-menu-rt{left:auto;right:0;}]]></content>
<tabTrigger>u-menu</tabTrigger>
<scope>source.css</scope>
<description>[兼容]下拉式菜单</description>
</snippet><snippet>
<content><![CDATA[
/* 下拉式菜单-默认左对齐 */
.u-menu{display:none;position:absolute;z-index:100;top:100%;left:0;margin:1px 0 0;border:1px solid #d0d0d0;border-radius:5px;line-height:1.5;font-size:12px;letter-spacing:normal;word-spacing:normal;box-shadow:0 5px 15px rgba(0,0,0,0.05);background:#fff;}
.u-menu li a{display:block;padding:6px 12px;border-top:1px solid #e8e8e8;overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;color:#333;}
.u-menu li:first-child a{border:0;border-radius:5px 5px 0 0;}
.u-menu li:last-child a{border-radius:0 0 5px 5px;}
.u-menu li a:hover{color:#333;background:#f7f7f7;}
.u-menu li a:active{background:#f0f0f0;}
/* 显示 */
.u-menu.z-show{display:block;}
/* 分组 */
.u-menu-gp li:empty{border-top:1px solid #ddd;margin:5px 0;}
.u-menu-gp li a{border:0;}
/* 宽度限制 */
.u-menu-min,.u-menu-max{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.u-menu-min{min-width:100%;}
.u-menu-max{max-width:100%;}
/* 右对齐 */
.u-menu-rt{left:auto;right:0;}]]></content>
<tabTrigger>u-menu</tabTrigger>
<scope>source.css</scope>
<description>[高级]下拉式菜单</description>
</snippet><snippet>
<content><![CDATA[
/* 多点式幻灯指示控制器-默认底部居中 */
.u-pointer{position:absolute;bottom:10px;left:0;width:100%;z-index:50;text-align:center;line-height:0;}
.u-pointer i{display:inline-block;*display:inline;*zoom:1;width:10px;height:10px;overflow:hidden;margin:0 0 0 5px;border-radius:50%;box-shadow:inset 0 1px 0 rgba(0,0,0,0.5);cursor:pointer;background:#ccc;}
.u-pointer i.first{margin-left:0;}
.u-pointer i:hover{background:#999;}
.u-pointer i.z-crt{background:#40a1d9;}
/* 居右 */
.u-pointer-rt{right:10px;left:auto;width:auto;}]]></content>
<tabTrigger>u-pointer</tabTrigger>
<scope>source.css</scope>
<description>[优雅]多点式幻灯指示器</description>
</snippet><snippet>
<content><![CDATA[
/* 多点式幻灯指示控制器-默认底部居中 */
.u-pointer{position:absolute;bottom:10px;left:0;width:100%;z-index:50;text-align:center;line-height:0;}
.u-pointer i{display:inline-block;*display:inline;*zoom:1;width:10px;height:10px;overflow:hidden;margin:0 0 0 5px;cursor:pointer;background:#ccc;}
.u-pointer i.first{margin-left:0;}
.u-pointer i:hover{background:#999;}
.u-pointer i.z-crt{background:#40a1d9;}
/* 居右 */
.u-pointer-rt{right:10px;left:auto;width:auto;}]]></content>
<tabTrigger>u-pointer</tabTrigger>
<scope>source.css</scope>
<description>[兼容]多点式幻灯指示器</description>
</snippet><snippet>
<content><![CDATA[
/* 多点式幻灯指示控制器-默认底部居中 */
.u-pointer{position:absolute;bottom:10px;left:0;right:0;z-index:50;text-align:center;line-height:0;}
.u-pointer i{display:inline-block;width:10px;height:10px;margin:0 0 0 5px;border-radius:50%;box-shadow:inset 0 1px 0 rgba(0,0,0,0.5);cursor:pointer;background:#ccc;}
.u-pointer i:first-child{margin-left:0;}
.u-pointer i:hover{background:#999;}
.u-pointer i.z-crt{background:#40a1d9;}
/* 居右 */
.u-pointer-rt{right:10px;left:auto;}]]></content>
<tabTrigger>u-pointer</tabTrigger>
<scope>source.css</scope>
<description>[高级]多点式幻灯指示器</description>
</snippet><snippet>
<content><![CDATA[
/* 水平进度条-默认蓝色 */
.u-progress{width:200px;height:12px;overflow:hidden;border-radius:3px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);background:#f7f7f7;}
.u-progress .pgtrack,.u-progress .pgbar{display:block;overflow:hidden;}
.u-progress .pgtrack{height:10px;border-width:1px;border-style:solid;border-color:#ddd #eee #f5f5f5;}
.u-progress .pgtrack:nth-child(1){display:none;}
.u-progress .pgbar{width:100%;height:100%;margin-top:-12px;background:#3a9ed8;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#6fbee5),to(#3a9ed8));background:-webkit-linear-gradient(#6fbee5,#3a9ed8);background:-moz-linear-gradient(#6fbee5,#3a9ed8);background:-ms-linear-gradient(#6fbee5,#3a9ed8);background:linear-gradient(#6fbee5,#3a9ed8);-webkit-transition:width 0.5s linear;-moz-transition:width 0.5s linear;-ms-transition:width 0.5s linear;transition:width 0.5s linear;}
.u-progress .pgbar:nth-last-child(1){margin-top:0;}
/* 较佳，绿色 */
.u-progress-c1 .pgbar{background:#50b050;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#69c769),to(#50b050));background:-webkit-linear-gradient(#69c769,#50b050);background:-moz-linear-gradient(#69c769,#50b050);background:-ms-linear-gradient(#69c769,#50b050);background:linear-gradient(#69c769,#50b050);}
/* 中等，黄色 */
.u-progress-c2 .pgbar{background:#f8960b;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fbb24c),to(#f8960b));background:-webkit-linear-gradient(#fbb24c,#f8960b);background:-moz-linear-gradient(#fbb24c,#f8960b);background:-ms-linear-gradient(#fbb24c,#f8960b);background:linear-gradient(#fbb24c,#f8960b);}
/* 较差，红色 */
.u-progress-c3 .pgbar{background:#cc1c23;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#f0232b),to(#cc1c23));background:-webkit-linear-gradient(#f0232b,#cc1c23);background:-moz-linear-gradient(#f0232b,#cc1c23);background:-ms-linear-gradient(#f0232b,#cc1c23);background:linear-gradient(#f0232b,#cc1c23);}]]></content>
<tabTrigger>u-progress</tabTrigger>
<scope>source.css</scope>
<description>[优雅]水平进度条</description>
</snippet><snippet>
<content><![CDATA[
/* 水平进度条-默认蓝色 */
.u-progress{width:200px;height:12px;overflow:hidden;background:#f7f7f7;}
.u-progress .pgtrack,.u-progress .pgbar{display:block;overflow:hidden;}
.u-progress .pgtrack{height:10px;border-width:1px;border-style:solid;border-color:#ddd #eee #f5f5f5;}
.u-progress .pgbar{width:100%;height:100%;margin-top:-12px;background:#3a9ed8;}
/* 较佳，绿色 */
.u-progress-c1 .pgbar{background:#50b050;}
/* 中等，黄色 */
.u-progress-c2 .pgbar{background:#f8960b;}
/* 较差，红色 */
.u-progress-c3 .pgbar{background:#cc1c23;}]]></content>
<tabTrigger>u-progress</tabTrigger>
<scope>source.css</scope>
<description>[兼容]水平进度条</description>
</snippet><snippet>
<content><![CDATA[
/* 水平进度条-默认蓝色 */
.u-progress{width:200px;height:12px;overflow:hidden;border-radius:3px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);background:#f7f7f7;}
.u-progress .pgbar,.u-progress .pging{display:block;width:100%;height:100%;}
.u-progress .pgbar{background:#3a9ed8;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#6fbee5),to(#3a9ed8));background:-webkit-linear-gradient(#6fbee5,#3a9ed8);background:-moz-linear-gradient(#6fbee5,#3a9ed8);background:-ms-linear-gradient(#6fbee5,#3a9ed8);background:linear-gradient(#6fbee5,#3a9ed8);-webkit-transition:width 0.5s linear;-moz-transition:width 0.5s linear;-ms-transition:width 0.5s linear;transition:width 0.5s linear;}
.u-progress .pging{background:-webkit-gradient(linear,0% 0%,100% 100%,from(rgba(0,0,0,0)),to(rgba(255,255,255,0.2)),color-stop(25%,rgba(0,0,0,0)),color-stop(25%,rgba(255,255,255,0.2)),color-stop(50%,rgba(255,255,255,0.2)),color-stop(50%,rgba(0,0,0,0)),color-stop(75%,rgba(0,0,0,0)),color-stop(75%,rgba(255,255,255,0.2)));background:-webkit-linear-gradient(-45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 25%,rgba(255,255,255,0.2) 25%,rgba(255,255,255,0.2) 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 75%,rgba(255,255,255,0.2) 75%,rgba(255,255,255,0.2));background:-moz-linear-gradient(-45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 25%,rgba(255,255,255,0.2) 25%,rgba(255,255,255,0.2) 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 75%,rgba(255,255,255,0.2) 75%,rgba(255,255,255,0.2));background:-ms-linear-gradient(-45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 25%,rgba(255,255,255,0.2) 25%,rgba(255,255,255,0.2) 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 75%,rgba(255,255,255,0.2) 75%,rgba(255,255,255,0.2));background:linear-gradient(-45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 25%,rgba(255,255,255,0.2) 25%,rgba(255,255,255,0.2) 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 75%,rgba(255,255,255,0.2) 75%,rgba(255,255,255,0.2));-webkit-background-size:30px 30px;-moz-background-size:30px 30px;-ms-background-size:30px 30px;background-size:30px 30px;-webkit-animation:pging 1s linear infinite;-moz-animation:pging 1s linear infinite;-ms-animation:pging 1s linear infinite;animation:pging 1s linear infinite;}
@-webkit-keyframes pging{0%{background-position:0 0;}100%{background-position:30px 0;}}
@-moz-keyframes pging{0%{background-position:0 0;}100%{background-position:30px 0;}}
@-ms-keyframes pging{0%{background-position:0 0;}100%{background-position:30px 0;}}
@keyframes pging{0%{background-position:0 0;}100%{background-position:30px 0;}}
/* 较佳，绿色 */
.u-progress-c1 .pgbar{background:#50b050;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#69c769),to(#50b050));background:-webkit-linear-gradient(#69c769,#50b050);background:-moz-linear-gradient(#69c769,#50b050);background:-ms-linear-gradient(#69c769,#50b050);background:linear-gradient(#69c769,#50b050);}
/* 中等，黄色 */
.u-progress-c2 .pgbar{background:#f8960b;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fbb24c),to(#f8960b));background:-webkit-linear-gradient(#fbb24c,#f8960b);background:-moz-linear-gradient(#fbb24c,#f8960b);background:-ms-linear-gradient(#fbb24c,#f8960b);background:linear-gradient(#fbb24c,#f8960b);}
/* 较差，红色 */
.u-progress-c3 .pgbar{background:#cc1c23;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#f0232b),to(#cc1c23));background:-webkit-linear-gradient(#f0232b,#cc1c23);background:-moz-linear-gradient(#f0232b,#cc1c23);background:-ms-linear-gradient(#f0232b,#cc1c23);background:linear-gradient(#f0232b,#cc1c23);}]]></content>
<tabTrigger>u-progress</tabTrigger>
<scope>source.css</scope>
<description>[高级]水平进度条</description>
</snippet><snippet>
<content><![CDATA[
/* 标题文本-默认大小继承 */
.u-tt{font-family:'microsoft yahei',sans-serif;}
/* 较小 */
.u-tt-sm{font-size:12px;}
/* 中等 */
.u-tt-md{font-size:14px;}
/* 较大 */
.u-tt-lg{font-size:16px;}
/* 很大 */
.u-tt-xl{font-size:18px;}]]></content>
<tabTrigger>u-tt</tabTrigger>
<scope>source.css</scope>
<description>[兼容]标题文本</description>
</snippet><snippet>
<content><![CDATA[
<div class="g-bd f-cb">
<div class="g-mn">
<p>左侧定宽</p>
</div>
<div class="g-sd">
<p>右侧定宽</p>
</div>
</div>
]]></content>
<tabTrigger>g-bd</tabTrigger>
<scope>text.html</scope>
<description>[兼容]两列定宽布局</description>
</snippet><snippet>
<content><![CDATA[
<div class="g-bd1 f-cb">
<div class="g-sd1">
<p>左侧定宽</p>
</div>
<div class="g-mn1">
<div class="g-mn1c">
<p>右侧自适应</p>
</div>
</div>
</div>
]]></content>
<tabTrigger>g-bd1</tabTrigger>
<scope>text.html</scope>
<description>[兼容]两列右侧自适应布局</description>
</snippet><snippet>
<content><![CDATA[
<div class="g-bd2 f-cb">
<div class="g-mn2">
<div class="g-mn2c">
<p>左侧自适应</p>
</div>
</div>
<div class="g-sd2">
<p>右侧定宽</p>
</div>
</div>
]]></content>
<tabTrigger>g-bd2</tabTrigger>
<scope>text.html</scope>
<description>[兼容]两列左侧自适应布局</description>
</snippet><snippet>
<content><![CDATA[
<div class="g-bd3 f-cb">
<div class="g-sd31">
<p>左侧定宽</p>
</div>
<div class="g-sd32">
<p>左侧定宽</p>
</div>
<div class="g-mn3">
<div class="g-mn3c">
<p>右侧自适应</p>
</div>
</div>
</div>
]]></content>
<tabTrigger>g-bd3</tabTrigger>
<scope>text.html</scope>
<description>[兼容]三列右侧自适应布局</description>
</snippet><snippet>
<content><![CDATA[
<div class="g-bd4 f-cb">
<div class="g-mn4">
<div class="g-mn4c">
<p>左侧自适应</p>
</div>
</div>
<div class="g-sd41">
<p>右侧定宽</p>
</div>
<div class="g-sd42">
<p>右侧定宽</p>
</div>
</div>
]]></content>
<tabTrigger>g-bd4</tabTrigger>
<scope>text.html</scope>
<description>[兼容]三列左侧自适应布局</description>
</snippet><snippet>
<content><![CDATA[
<div class="g-bd5 f-cb">
<div class="g-sd51">
<p>左侧定宽</p>
</div>
<div class="g-mn5">
<div class="g-mn5c">
<p>中间自适应</p>
</div>
</div>
<div class="g-sd52">
<p>右侧定宽</p>
</div>
</div>
]]></content>
<tabTrigger>g-bd5</tabTrigger>
<scope>text.html</scope>
<description>[兼容]三列中间自适应布局</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-crumb">
<ul class="f-cb">
<li><i>|</i><a href="#">面包屑导航，竖线分隔</a></li>
<li><i>|</i><a href="#">面包屑，可多行</a></li>
<li><i>|</i><a href="#">面包屑</a></li>
<li><i>|</i>文字</li>
</ul>
</div>
<div class="m-crumb">
<ul class="f-cb">
<li><i>></i><a href="#">面包屑导航，箭头分隔</a></li>
<li><i>></i><a href="#">面包屑，可多行</a></li>
<li><i>></i><a href="#">面包屑</a></li>
<li><i>></i>文字</li>
</ul>
</div>
<div class="m-crumb m-crumb-blank">
<ul class="f-cb">
<li><a href="#">面包屑导航，空白分隔</a></li>
<li><a href="#">面包屑，可多行</a></li>
<li><a href="#">面包屑</a></li>
<li>文字</li>
</ul>
</div>
]]></content>
<tabTrigger>m-crumb</tabTrigger>
<scope>text.html</scope>
<description>[兼容]多行式面包屑导航</description>
</snippet><snippet>
<content><![CDATA[
<nav class="m-crumb">
<ul class="f-cb">
<li><a href="#">面包屑导航，竖线分隔</a></li>
<li><a href="#">面包屑，可多行</a></li>
<li><a href="#">面包屑</a></li>
<li>文字</li>
</ul>
</nav>
<nav class="m-crumb m-crumb-arr">
<ul class="f-cb">
<li><a href="#">面包屑导航，箭头分隔</a></li>
<li><a href="#">面包屑，可多行</a></li>
<li><a href="#">面包屑</a></li>
<li>文字</li>
</ul>
</nav>
<nav class="m-crumb m-crumb-blank">
<ul class="f-cb">
<li><a href="#">面包屑导航，空白分隔</a></li>
<li><a href="#">面包屑，可多行</a></li>
<li><a href="#">面包屑</a></li>
<li>文字</li>
</ul>
</nav>
]]></content>
<tabTrigger>m-crumb</tabTrigger>
<scope>text.html</scope>
<description>[高级]多行式面包屑导航</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-form">
<form name="" action="#" method="get">
<fieldset>
<legend>欢迎注册账户</legend>
<div class="formitm">
<label class="lab">账号：</label>
<div class="ipt">
<input type="text" class="u-ipt"/><span class="domain">@163.com</span>
<p>6~8个字符，包括字母，数字，下划线以字母开头，字母或数字结尾</p>
</div>
</div>
<div class="formitm">
<label class="lab">初始密码：</label>
<div class="ipt">
<input type="text" class="u-ipt"/>
<p>6~8个字符，区分大小写</p>
</div>
</div>
<div class="formitm">
<label class="lab">确认密码：</label>
<div class="ipt">
<input type="text" class="u-ipt"/>
<p>再次输入密码</p>
</div>
</div>
<div class="formitm">
<label class="lab">验证码：</label>
<div class="ipt">
<input type="text" class="u-ipt"/><img class="code-img" src="http://reg.email.163.com/mailregAll/regvf1/verifyCodeImgF.jsp?env=488381217144&type=en&t=1333003692444" alt="验证码"/><a href="#" class="f-ib">换一张</a>
<p class="tip"><input type="checkbox" id="agree"/><label for="agree">同意“服务条款”和“隐私权保护和个人信息利用政策”</label></p>
</div>
</div>
<div class="formitm formitm-1"><button class="u-btn" type="button">立即注册</button></div>
</fieldset>
</form>
</div>
]]></content>
<tabTrigger>m-form</tabTrigger>
<scope>text.html</scope>
<description>[兼容]简易表单</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-layer m-layer-show">
<div class="lymask"></div>
<table class="lytable"><tbody><tr><td class="lytd">
<div class="lywrap">
<div class="lytt"><h2 class="u-tt">标题</h2><span class="lyclose">×</span></div>
<div class="lyct">
<p>默认固定居中，有遮罩，按钮区标题区都可删</p>
<p>内容区：其他模块</p>
</div>
<div class="lybt">
<div class="lyother">
<p>其他信息，比如提示</p>
</div>
<div class="lybtns">
<button type="button" class="u-btn">确定</button>
<button type="button" class="u-btn u-btn-c4">取消</button>
</div>
</div>
</div></td></tr></tbody></table>
</div>
]]></content>
<tabTrigger>m-layer</tabTrigger>
<scope>text.html</scope>
<description>[优雅]操作型弹出浮层</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-layer m-layer-show">
<div class="lymask"></div>
<table class="lytable"><tbody><tr><td class="lytd">
<div class="lywrap">
<div class="lytt"><h2 class="u-tt">标题</h2><span class="lyclose">×</span></div>
<div class="lyct">
<p>默认固定居中，有遮罩，按钮区标题区都可删</p>
<p>内容区：其他模块</p>
</div>
<div class="lybt">
<div class="lyother">
<p>其他信息，比如提示</p>
</div>
<div class="lybtns">
<button type="button" class="u-btn">确定</button>
<button type="button" class="u-btn u-btn-c4">取消</button>
</div>
</div>
</div></td></tr></tbody></table>
</div>
]]></content>
<tabTrigger>m-layer</tabTrigger>
<scope>text.html</scope>
<description>[兼容]操作型弹出浮层</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-layer z-show"><table><tbody><tr><td>
<article class="lywrap">
<header class="lytt"><h2 class="u-tt">标题</h2><span class="lyclose">×</span></header>
<section class="lyct">
<p>默认固定居中，有遮罩，按钮区标题区都可删</p>
<p>内容区：其他模块</p>
</section>
<footer class="lybt">
<div class="lyother">
<p>其他信息，比如提示</p>
</div>
<div class="lybtns">
<button type="button" class="u-btn">确定</button>
<button type="button" class="u-btn u-btn-c4">取消</button>
</div>
</footer>
</article></td></tr></tbody></table>
</div>
]]></content>
<tabTrigger>m-layer</tabTrigger>
<scope>text.html</scope>
<description>[高级]操作型弹出浮层</description>
</snippet><snippet>
<content><![CDATA[
<ul class="m-list">
<li><a href="#">列表项文字</a></li>
<li><a href="#">列表项文字或链接</a></li>
<li><a href="#">列表项文字</a></li>
<li><a href="#">列表项列表项列表项文字</a></li>
</ul>
]]></content>
<tabTrigger>m-list</tabTrigger>
<scope>text.html</scope>
<description>[兼容]简易文字链接列表</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-list1">
<ul class="f-cb">
<li><a href="#">列表文字</a></li>
<li><a href="#">文字或链接</a></li>
<li><a href="#">文字或链接</a></li>
<li><a href="#">文字</a></li>
</ul>
</div>
<div class="m-list1 m-list1-c1">
<ul class="f-cb">
<li><a href="#">文字</a></li>
<li><a href="#">文字或链接</a></li>
<li><a href="#">文字或链接</a></li>
<li><a href="#">文字</a></li>
</ul>
</div>
]]></content>
<tabTrigger>m-list1</tabTrigger>
<scope>text.html</scope>
<description>[兼容]水平文字链接列表</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-list2">
<ul>
<li><a href="#">带点文字链接列表，方点，颜色继承文字</a><i class="dot"></i></li>
<li><a href="#">列表项文字</a><i class="dot"></i></li>
<li><a href="#">列表项文字</a><i class="dot"></i></li>
<li><a href="#">列表项文字</a><i class="dot"></i></li>
</ul>
</div>
<div class="m-list2 m-list2-lg">
<ul>
<li><a href="#">带点文字链接列表，方点，颜色继承文字,固定文字较大</a><i class="dot"></i></li>
<li><a href="#">列表项文字</a><i class="dot"></i></li>
<li><a href="#">列表项文字</a><i class="dot"></i></li>
<li><a href="#">列表项文字</a><i class="dot"></i></li>
</ul>
</div>
]]></content>
<tabTrigger>m-list2</tabTrigger>
<scope>text.html</scope>
<description>[兼容]带点文字链接列表</description>
</snippet><snippet>
<content><![CDATA[
<ul class="m-list2">
<li><a href="#">带点文字链接列表，方点，颜色继承文字</a></li>
<li><a href="#">列表项文字</a></li>
<li><a href="#">列表项文字</a></li>
<li><a href="#">列表项文字</a></li>
</ul>
<ul class="m-list2 m-list2-rds">
<li><a href="#">带点文字链接列表，圆点，颜色继承文字</a></li>
<li><a href="#">列表项文字</a></li>
<li><a href="#">列表项文字</a></li>
<li><a href="#">列表项文字</a></li>
</ul>
<ul class="m-list2 m-list2-rds m-list2-lg">
<li><a href="#">带点文字链接列表，圆点，颜色继承文字,固定文字较大</a></li>
<li><a href="#">列表项文字</a></li>
<li><a href="#">列表项文字</a></li>
<li><a href="#">列表项文字</a></li>
</ul>
]]></content>
<tabTrigger>m-list2</tabTrigger>
<scope>text.html</scope>
<description>[高级]带点文字链接列表</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-list3">
<ul class="f-cb">
<li>
<div class="u-img"><a href="#"><img src="http://nec.netease.com/img/s/3.jpg" alt="" /></a></div>
<div class="txt">
<h3><a href="#">标题</a></h3>
<p>内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述</p>
</div>
</li>
<li>
<div class="u-img"><a href="#"><img src="http://nec.netease.com/img/s/3.jpg" alt="" /></a></div>
<div class="txt">
<h3><a href="#">标题</a></h3>
<p>内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述</p>
</div>
</li>
<li>
<div class="u-img"><a href="#"><img src="http://nec.netease.com/img/s/3.jpg" alt="" /></a></div>
<div class="txt">
<h3><a href="#">标题</a></h3>
<p>内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述</p>
</div>
</li>
</ul>
</div>
<div class="m-list3 m-list3-x">
<ul class="f-cb">
<li>
<div class="u-img2"><a href="#"><img src="http://nec.netease.com/img/s/3.jpg" alt="" /></a></div>
<div class="txt">
<h3><a href="#">标题</a></h3>
<p>内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述</p>
</div>
</li>
<li>
<div class="u-img2"><a href="#"><img src="http://nec.netease.com/img/s/3.jpg" alt="" /></a></div>
<div class="txt">
<h3><a href="#">标题</a></h3>
<p>内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述</p>
</div>
</li>
<li>
<div class="u-img2"><a href="#"><img src="http://nec.netease.com/img/s/3.jpg" alt="" /></a></div>
<div class="txt">
<h3><a href="#">标题标题标题标题标题标题标题</a></h3>
<p>内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述</p>
</div>
</li>
</ul>
</div>
]]></content>
<tabTrigger>m-list3</tabTrigger>
<scope>text.html</scope>
<description>[兼容]左图右文图文列表</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-list4">
<ul class="f-cb">
<li>
<div class="u-img"><a href="#"><img src="http://nec.netease.com/img/s/3.jpg" alt="" /></a></div>
<h3><a href="#">有标题</a></h3>
<p class="f-toe">有内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述</p>
</li>
<li>
<div class="u-img"><a href="#"><img src="http://nec.netease.com/img/s/3.jpg" alt="" /></a></div>
<h3><a href="#">有标题</a></h3>
<p class="f-toe">有内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述</p>
</li>
<li>
<div class="u-img"><a href="#"><img src="http://nec.netease.com/img/s/3.jpg" alt="" /></a></div>
<h3><a href="#">有标题</a></h3>
<p class="f-toe">有内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述</p>
</li>
</ul>
</div>
<div class="m-list4">
<ul class="f-cb">
<li>
<div class="u-img"><a href="#"><img src="http://nec.netease.com/img/s/2.jpg" alt="" /></a></div>
<h3><a href="#">有标题</a></h3>
</li>
<li>
<div class="u-img"><a href="#"><img src="http://nec.netease.com/img/s/2.jpg" alt="" /></a></div>
<h3><a href="#">有标题</a></h3>
</li>
<li>
<div class="u-img"><a href="#"><img src="http://nec.netease.com/img/s/2.jpg" alt="" /></a></div>
<h3><a href="#">有标题</a></h3>
</li>
</ul>
</div>
<div class="m-list4">
<ul class="f-cb">
<li>
<div class="u-img2"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></div>
</li>
<li>
<div class="u-img2"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></div>
</li>
<li>
<div class="u-img2"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></div>
</li>
</ul>
</div>
]]></content>
<tabTrigger>m-list4</tabTrigger>
<scope>text.html</scope>
<description>[兼容]上图下文图文列表</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-nav">
<ul>
<li class="first"><a href="#">首页</a></li>
<li><a href="#">栏目1</a></li>
<li><a href="#">栏目2</a></li>
<li><a href="#">栏目3</a></li>
</ul>
<span class="corner corner-l"></span><span class="corner corner-r"></span>
</div>
<div class="m-nav m-nav-1">
<ul>
<li class="first"><a href="#">首页</a></li>
<li><a href="#">栏目1</a></li>
<li><a href="#">栏目2</a></li>
<li><a href="#">栏目3</a></li>
</ul>
<span class="corner corner-l"></span><span class="corner corner-r"></span>
</div>
<div class="m-nav m-nav-2">
<ul>
<li class="first"><a href="#">首页</a></li>
<li><a href="#">栏目1</a></li>
<li><a href="#">栏目2</a></li>
<li><a href="#">栏目3</a></li>
</ul>
<span class="corner corner-l"></span><span class="corner corner-r"></span>
</div>
]]></content>
<tabTrigger>m-nav</tabTrigger>
<scope>text.html</scope>
<description>[兼容]文本型圆角背景导航</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-page">
<a href="#" class="first pageprv z-dis"><span class="pagearr"><</span></a>
<a href="#">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#">10</a>
<a href="#" class="last pagenxt"><span class="pagearr">></span></a>
</div>
<div class="m-page">
<a href="#" class="first">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#" class="last">10</a>
</div>
<div class="m-page">
<a href="#" class="first pageprv z-dis"><span class="pagearr"><</span>上一页</a>
<a href="#" class="last pagenxt">下一页<span class="pagearr">></span></a>
</div>
<div class="m-page m-page-lt">
<a href="#" class="first pageprv"><span class="pagearr"><</span>上一页</a>
<a href="#">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#">10</a>
<a href="#" class="last pagenxt z-dis">下一页<span class="pagearr">></span></a>
</div>
<div class="m-page m-page-rt">
<a href="#" class="first pageprv z-dis"><span class="pagearr"><</span>上一页</a>
<a href="#">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#">10</a>
<a href="#" class="last pagenxt">下一页<span class="pagearr">></span></a>
</div>
<div class="m-page m-page-rt m-page-sr">
<a href="#" class="first pageprv z-dis"><span class="pagearr"><</span>上一页</a>
<a href="#">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#">10</a>
<a href="#" class="last pagenxt">下一页<span class="pagearr">></span></a>
</div>
<div class="m-page m-page-sr m-page-sm">
<a href="#" class="first pageprv z-dis"><span class="pagearr"><</span>上一页</a>
<a href="#">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#">10</a>
<a href="#" class="last pagenxt">下一页<span class="pagearr">></span></a>
</div>
]]></content>
<tabTrigger>m-page</tabTrigger>
<scope>text.html</scope>
<description>[优雅]简易翻页器</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-page">
<a href="#" class="first pageprv z-dis"><span class="pagearr"><</span></a>
<a href="#">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#">10</a>
<a href="#" class="last pagenxt"><span class="pagearr">></span></a>
</div>
<div class="m-page">
<a href="#" class="first">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#" class="last">10</a>
</div>
<div class="m-page">
<a href="#" class="first pageprv z-dis"><span class="pagearr"><</span>上一页</a>
<a href="#" class="last pagenxt">下一页<span class="pagearr">></span></a>
</div>
<div class="m-page m-page-lt">
<a href="#" class="first pageprv"><span class="pagearr"><</span>上一页</a>
<a href="#">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#">10</a>
<a href="#" class="last pagenxt z-dis">下一页<span class="pagearr">></span></a>
</div>
<div class="m-page m-page-rt">
<a href="#" class="first pageprv z-dis"><span class="pagearr"><</span>上一页</a>
<a href="#">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#">10</a>
<a href="#" class="last pagenxt">下一页<span class="pagearr">></span></a>
</div>
<div class="m-page m-page-rt m-page-sr">
<a href="#" class="first pageprv z-dis"><span class="pagearr"><</span>上一页</a>
<a href="#">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#">10</a>
<a href="#" class="last pagenxt">下一页<span class="pagearr">></span></a>
</div>
<div class="m-page m-page-sr m-page-sm">
<a href="#" class="first pageprv z-dis"><span class="pagearr"><</span>上一页</a>
<a href="#">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#">10</a>
<a href="#" class="last pagenxt">下一页<span class="pagearr">></span></a>
</div>
]]></content>
<tabTrigger>m-page</tabTrigger>
<scope>text.html</scope>
<description>[兼容]简易翻页器</description>
</snippet><snippet>
<content><![CDATA[
<nav class="m-page">
<a href="#" class="pageprv z-dis"></a>
<a href="#">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#">10</a>
<a href="#" class="pagenxt"></a>
</nav>
<nav class="m-page">
<a href="#">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#">10</a>
</nav>
<nav class="m-page">
<a href="#" class="pageprv z-dis">上一页</a>
<a href="#" class="pagenxt">下一页</a>
</nav>
<nav class="m-page m-page-lt">
<a href="#" class="pageprv">上一页</a>
<a href="#">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#">10</a>
<a href="#" class="pagenxt z-dis">下一页</a>
</nav>
<nav class="m-page m-page-rt">
<a href="#" class="pageprv z-dis">上一页</a>
<a href="#">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#">10</a>
<a href="#" class="pagenxt">下一页</a>
</nav>
<nav class="m-page m-page-rt m-page-sr">
<a href="#" class="pageprv z-dis">上一页</a>
<a href="#">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#">10</a>
<a href="#" class="pagenxt">下一页</a>
</nav>
<nav class="m-page m-page-sr m-page-sm">
<a href="#" class="pageprv z-dis">上一页</a>
<a href="#">1</a>
<a href="#" class="z-crt">2</a>
<a href="#">3</a>
<a href="#">4</a>
<i>...</i>
<a href="#">10</a>
<a href="#" class="pagenxt">下一页</a>
</nav>
]]></content>
<tabTrigger>m-page</tabTrigger>
<scope>text.html</scope>
<description>[高级]简易翻页器</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-slide">
<ol>
<li class="z-crt"><a href="#"><img src="http://nec.netease.com/img/m/1.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/2.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/3.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/4.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/5.jpg" alt=""/></a></li>
</ol>
<span class="u-pointer"><i class="first z-crt"></i><i></i><i></i><i></i><i></i></span>
</div>
<div class="m-slide">
<ol>
<li class="z-crt"><a href="#"><img src="http://nec.netease.com/img/m/1.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/2.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/3.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/4.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/5.jpg" alt=""/></a></li>
</ol>
<span class="u-pointer u-pointer-rt"><i class="first z-crt"></i><i></i><i></i><i></i><i></i></span>
</div>
<!-- JS只需改变className（以下示例仅作参考）： -->
<script type="text/javascript">
(function(_slides){
each(_slides,function(_slide,i){
var _ctrls = _slide.getElementsByTagName('i');
var _lists = _slide.getElementsByTagName('li');
each(_ctrls,function(_ctrl,i){
_ctrl.onclick=function(){
each(_lists,function(_list,i){
delClass(_list,"z-crt");
});
each(_ctrls,function(_ctrl,i){
delClass(_ctrl,"z-crt");
});
addClass(_lists[i],"z-crt");
addClass(_ctrls[i],"z-crt");
}
});
});
function hasClass(_object,_clsname){
var _clsname = _clsname.replace(".","");
var _sCls = " "+(_object.className)+" ";
return (_sCls.indexOf(" "+_clsname+" ") != -1) ? true : false;
}
function toClass(_str){
var _str = _str.toString();
_str = _str.replace(/(^\s*)|(\s*$)/g,"");
_str = _str.replace(/\s{2,}/g," ");
return _str;
}
function addClass(_object,_clsname){
var _clsname = _clsname.replace(".","");
if(!hasClass(_object,_clsname)){
_object.className = toClass(_object.className+(" "+_clsname));
}
}
function delClass(_object,_clsname){
var _clsname = _clsname.replace(".","");
if(hasClass(_object,_clsname)){
_object.className = toClass(_object.className.replace(new RegExp("(?:^|\\s)"+_clsname+"(?=\\s|$)","g")," "));
}
}
function each(_objects,_fn){
for(var i=0,len=_objects.length;i<len;i++){
_fn(_objects[i],i);
}
}
})(document.getElementsByTagName('div'));
</script>
]]></content>
<tabTrigger>m-slide</tabTrigger>
<scope>text.html</scope>
<description>[优雅]单片式幻灯</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-slide">
<ol>
<li class="z-crt"><a href="#"><img src="http://nec.netease.com/img/m/1.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/2.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/3.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/4.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/5.jpg" alt=""/></a></li>
</ol>
<span class="u-pointer"><i class="first z-crt"></i><i></i><i></i><i></i><i></i></span>
</div>
<div class="m-slide">
<ol>
<li class="z-crt"><a href="#"><img src="http://nec.netease.com/img/m/1.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/2.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/3.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/4.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/5.jpg" alt=""/></a></li>
</ol>
<span class="u-pointer u-pointer-rt"><i class="first z-crt"></i><i></i><i></i><i></i><i></i></span>
</div>
<!-- JS只需改变className（以下示例仅作参考）： -->
<script type="text/javascript">
(function(_slides){
each(_slides,function(_slide,i){
var _ctrls = _slide.getElementsByTagName('i');
var _lists = _slide.getElementsByTagName('li');
each(_ctrls,function(_ctrl,i){
_ctrl.onclick=function(){
each(_lists,function(_list,i){
delClass(_list,"z-crt");
});
each(_ctrls,function(_ctrl,i){
delClass(_ctrl,"z-crt");
});
addClass(_lists[i],"z-crt");
addClass(_ctrls[i],"z-crt");
}
});
});
function hasClass(_object,_clsname){
var _clsname = _clsname.replace(".","");
var _sCls = " "+(_object.className)+" ";
return (_sCls.indexOf(" "+_clsname+" ") != -1) ? true : false;
}
function toClass(_str){
var _str = _str.toString();
_str = _str.replace(/(^\s*)|(\s*$)/g,"");
_str = _str.replace(/\s{2,}/g," ");
return _str;
}
function addClass(_object,_clsname){
var _clsname = _clsname.replace(".","");
if(!hasClass(_object,_clsname)){
_object.className = toClass(_object.className+(" "+_clsname));
}
}
function delClass(_object,_clsname){
var _clsname = _clsname.replace(".","");
if(hasClass(_object,_clsname)){
_object.className = toClass(_object.className.replace(new RegExp("(?:^|\\s)"+_clsname+"(?=\\s|$)","g")," "));
}
}
function each(_objects,_fn){
for(var i=0,len=_objects.length;i<len;i++){
_fn(_objects[i],i);
}
}
})(document.getElementsByTagName('div'));
</script>
]]></content>
<tabTrigger>m-slide</tabTrigger>
<scope>text.html</scope>
<description>[兼容]单片式幻灯</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-slide">
<ol>
<li class="z-crt"><a href="#"><img src="http://nec.netease.com/img/m/1.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/2.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/3.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/4.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/5.jpg" alt=""/></a></li>
</ol>
<span class="u-pointer"><i class="z-crt"></i><i></i><i></i><i></i><i></i></span>
</div>
<div class="m-slide m-slide-x">
<ol>
<li class="z-crt"><a href="#"><img src="http://nec.netease.com/img/m/1.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/2.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/3.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/4.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/5.jpg" alt=""/></a></li>
</ol>
<span class="u-pointer u-pointer-rt"><i class="z-crt"></i><i></i><i></i><i></i><i></i></span>
</div>
<div class="m-slide m-slide-y">
<ol>
<li class="z-crt"><a href="#"><img src="http://nec.netease.com/img/m/1.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/2.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/3.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/4.jpg" alt=""/></a></li>
<li><a href="#"><img src="http://nec.netease.com/img/m/5.jpg" alt=""/></a></li>
</ol>
<span class="u-pointer u-pointer-rt"><i class="z-crt"></i><i></i><i></i><i></i><i></i></span>
</div>
<!-- JS只需改变className（以下示例仅作参考）： -->
<script type="text/javascript">
(function(_slides){
each(_slides,function(_slide,i){
var _ctrls = _slide.getElementsByTagName('i');
var _lists = _slide.getElementsByTagName('li');
each(_ctrls,function(_ctrl,i){
_ctrl.onclick=function(){
each(_lists,function(_list,i){
delClass(_list,"z-crt");
});
each(_ctrls,function(_ctrl,i){
delClass(_ctrl,"z-crt");
});
addClass(_lists[i],"z-crt");
addClass(_ctrls[i],"z-crt");
}
});
});
function hasClass(_object,_clsname){
var _clsname = _clsname.replace(".","");
var _sCls = " "+(_object.className)+" ";
return (_sCls.indexOf(" "+_clsname+" ") != -1) ? true : false;
}
function toClass(_str){
var _str = _str.toString();
_str = _str.replace(/(^\s*)|(\s*$)/g,"");
_str = _str.replace(/\s{2,}/g," ");
return _str;
}
function addClass(_object,_clsname){
var _clsname = _clsname.replace(".","");
if(!hasClass(_object,_clsname)){
_object.className = toClass(_object.className+(" "+_clsname));
}
}
function delClass(_object,_clsname){
var _clsname = _clsname.replace(".","");
if(hasClass(_object,_clsname)){
_object.className = toClass(_object.className.replace(new RegExp("(?:^|\\s)"+_clsname+"(?=\\s|$)","g")," "));
}
}
function each(_objects,_fn){
for(var i=0,len=_objects.length;i<len;i++){
_fn(_objects[i],i);
}
}
})(document.getElementsByTagName('div'));
</script>
]]></content>
<tabTrigger>m-slide</tabTrigger>
<scope>text.html</scope>
<description>[高级]单片式幻灯</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-hd">
<h2 class="u-tt">标题</h2>
<div class="more"><a href="#">更多»</a></div>
<ul>
<li class="z-crt"><a href="#">默认：居左，不定宽</a></li>
<li><a href="#">“标题”和“更多”可删</a></li>
<li><a href="#">扩展类可以自由组合</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</div>
<div class="m-hd m-hd-bg">
<h2 class="u-tt">标题</h2>
<div class="more"><a href="#">更多»</a></div>
<ul>
<li class="z-crt"><a href="#">有背景</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</div>
<div class="m-hd m-hd-rt m-hd-sl">
<h2 class="u-tt">标题</h2>
<div class="more"><a href="#">更多»</a></div>
<ul>
<li class="z-crt"><a href="#">居右，无缝</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</div>
<div class="m-hd m-hd-sm">
<div class="more"><a href="#">更多»</a></div>
<ul>
<li class="z-crt"><a href="#">较小</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</div>
<div class="m-hd m-hd-rt m-hd-sm">
<h2 class="u-tt">标题</h2>
<ul>
<li class="z-crt"><a href="#">居右，较小</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</div>
<div class="m-hd m-hd-fw m-hd-ra">
<div class="more"><a href="#">更多»</a></div>
<ul>
<li class="z-crt"><a href="#">定宽，直角</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</div>
]]></content>
<tabTrigger>m-tab</tabTrigger>
<scope>text.html</scope>
<description>[优雅]含标题和Tab的模块头部</description>
</snippet><snippet>
<content><![CDATA[
<div class="m-hd">
<h2 class="u-tt">标题</h2>
<div class="more"><a href="#">更多»</a></div>
<ul>
<li class="z-crt"><a href="#">默认：居左，不定宽</a></li>
<li><a href="#">“标题”和“更多”可删</a></li>
<li><a href="#">扩展类可以自由组合</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</div>
<div class="m-hd m-hd-bg">
<h2 class="u-tt">标题</h2>
<div class="more"><a href="#">更多»</a></div>
<ul>
<li class="z-crt"><a href="#">有背景</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</div>
<div class="m-hd m-hd-rt m-hd-sl">
<h2 class="u-tt">标题</h2>
<div class="more"><a href="#">更多»</a></div>
<ul>
<li class="z-crt"><a href="#">居右，无缝</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</div>
<div class="m-hd m-hd-sm">
<div class="more"><a href="#">更多»</a></div>
<ul>
<li class="z-crt"><a href="#">较小</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</div>
<div class="m-hd m-hd-rt m-hd-sm">
<h2 class="u-tt">标题</h2>
<ul>
<li class="z-crt"><a href="#">居右，较小</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</div>
<div class="m-hd m-hd-fw">
<div class="more"><a href="#">更多»</a></div>
<ul>
<li class="z-crt"><a href="#">定宽</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</div>
]]></content>
<tabTrigger>m-tab</tabTrigger>
<scope>text.html</scope>
<description>[兼容]含标题和Tab的模块头部</description>
</snippet><snippet>
<content><![CDATA[
<header class="m-hd">
<h2 class="u-tt">标题</h2>
<div class="more"><a href="#">更多»</a></div>
<ul>
<li class="z-crt"><a href="#">默认：居左，不定宽</a></li>
<li><a href="#">“标题”和“更多”可删</a></li>
<li><a href="#">扩展类可以自由组合</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</header>
<header class="m-hd m-hd-bg">
<h2 class="u-tt">标题</h2>
<div class="more"><a href="#">更多»</a></div>
<ul>
<li class="z-crt"><a href="#">有背景</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</header>
<header class="m-hd m-hd-rt m-hd-sl">
<h2 class="u-tt">标题</h2>
<div class="more"><a href="#">更多»</a></div>
<ul>
<li class="z-crt"><a href="#">居右，无缝</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</header>
<header class="m-hd m-hd-sm">
<div class="more"><a href="#">更多»</a></div>
<ul>
<li class="z-crt"><a href="#">较小</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</header>
<header class="m-hd m-hd-rt m-hd-sm">
<h2 class="u-tt">标题</h2>
<ul>
<li class="z-crt"><a href="#">居右，较小</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</header>
<header class="m-hd m-hd-fw m-hd-ra">
<div class="more"><a href="#">更多»</a></div>
<ul>
<li class="z-crt"><a href="#">定宽，直角</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签</a></li>
<li><a href="#">标签标签</a></li>
</ul>
</header>
]]></content>
<tabTrigger>m-tab</tabTrigger>
<scope>text.html</scope>
<description>[高级]含标题和Tab的模块头部</description>
</snippet><snippet>
<content><![CDATA[
<table class="m-table">
<thead>
<tr><th class="cola">格边框</th><th>表头</th><th class="cola">表头</th><th class="cola">表头</th><th class="colb">表头</th></tr>
</thead>
<tbody>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr class="even"><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr class="even"><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
</tbody>
</table>
<table class="m-table m-table-row">
<thead>
<tr><th class="cola">行边框</th><th>表头</th><th class="cola">表头</th><th class="cola">表头</th><th class="colb">表头</th></tr>
</thead>
<tbody>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr class="even"><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr class="even"><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
</tbody>
</table>
]]></content>
<tabTrigger>m-table</tabTrigger>
<scope>text.html</scope>
<description>[兼容]简易数据表格</description>
</snippet><snippet>
<content><![CDATA[
<table class="m-table">
<thead>
<tr><th class="cola">格边框</th><th>表头</th><th class="cola">表头</th><th class="cola">表头</th><th class="colb">表头</th></tr>
</thead>
<tbody>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
</tbody>
</table>
<table class="m-table m-table-row">
<thead>
<tr><th class="cola">行边框</th><th>表头</th><th class="cola">表头</th><th class="cola">表头</th><th class="colb">表头</th></tr>
</thead>
<tbody>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
</tbody>
</table>
<table class="m-table m-table-rds">
<thead>
<tr><th class="cola">圆角</th><th>表头</th><th class="cola">表头</th><th class="cola">表头</th><th class="colb">表头</th></tr>
</thead>
<tbody>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
<tr><td>内容</td><td>内容内容内容内容内容内容内容</td><td>内容内容</td><td>内容内容</td><td>内容内容内容</td></tr>
</tbody>
</table>
]]></content>
<tabTrigger>m-table</tabTrigger>
<scope>text.html</scope>
<description>[高级]简易数据表格</description>
</snippet><snippet>
<content><![CDATA[
<button type="button" class="u-btn">蓝色</button>
<a href="#" class="u-btn">蓝色</a>
<button type="button" class="u-btn u-btn-c1">红色</button>
<button type="button" class="u-btn u-btn-c2">黄色</button>
<button type="button" class="u-btn u-btn-c3">绿色</button>
<button type="button" class="u-btn u-btn-c4">灰色</button>
<button type="button" class="u-btn"><span class="btntxt">下拉</span><span class="btnsel"></span></button>
<button type="button" class="u-btn u-btn-c4"><span class="btnsel"></span></button>
<button type="button" class="u-btn u-btn-c4"><span class="btntxt">灰色下拉</span><span class="btnsel"></span></button>
<button type="button" class="u-btn u-btn-lg"><span class="btntxt">较大的</span><span class="btnsel"></span></button>
<button type="button" class="u-btn u-btn-sm">较小的</button>
]]></content>
<tabTrigger>u-btn</tabTrigger>
<scope>text.html</scope>
<description>[优雅]通用自定义按钮</description>
</snippet><snippet>
<content><![CDATA[
<button type="button" class="u-btn">蓝色</button>
<a href="#" class="u-btn">蓝色</a>
<button type="button" class="u-btn u-btn-c1">红色</button>
<button type="button" class="u-btn u-btn-c2">黄色</button>
<button type="button" class="u-btn u-btn-c3">绿色</button>
<button type="button" class="u-btn u-btn-c4">灰色</button>
<button type="button" class="u-btn"><span class="btntxt">下拉</span><span class="btnsel"></span></button>
<button type="button" class="u-btn u-btn-c4"><span class="btnsel"></span></button>
<button type="button" class="u-btn u-btn-c4"><span class="btntxt">灰色下拉</span><span class="btnsel"></span></button>
<button type="button" class="u-btn u-btn-lg"><span class="btntxt">较大的</span><span class="btnsel"></span></button>
<button type="button" class="u-btn u-btn-sm">较小的</button>
]]></content>
<tabTrigger>u-btn</tabTrigger>
<scope>text.html</scope>
<description>[兼容]通用自定义按钮</description>
</snippet><snippet>
<content><![CDATA[
<button type="button" class="u-btn">蓝色</button>
<a href="#" class="u-btn">蓝色</a>
<a href="#" class="u-btn">下拉 <span class="btnsel"></span></a>
<a href="#" class="u-btn"><span class="btnsel"></span></a>
<button type="button" class="u-btn u-btn-c1">红色</button>
<button type="button" class="u-btn u-btn-c2">黄色</button>
<button type="button" class="u-btn u-btn-c3">绿色</button>
<button type="button" class="u-btn u-btn-c4">灰色</button>
<button type="button" class="u-btn">下拉 <span class="btnsel"></span></button>
<button type="button" class="u-btn"><span class="btnsel"></span></button>
<button type="button" class="u-btn u-btn-c4">灰色下拉 <span class="btnsel"></span></button>
<button type="button" class="u-btn u-btn-lg">较大的 <span class="btnsel"></span></button>
<button type="button" class="u-btn u-btn-sm">较小的</button>
]]></content>
<tabTrigger>u-btn</tabTrigger>
<scope>text.html</scope>
<description>[高级]通用自定义按钮</description>
</snippet><snippet>
<content><![CDATA[
<span class="u-btns">
<button type="button" class="u-btn">蓝色</button>
<button type="button" class="u-btn"><span class="btnsel"></span></button>
<ul class="u-menu u-menu-rt u-menu-gp u-menu-show">
<li><a href="#">分组，右对齐</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li class="menusep"><span class="menuline"></span></li>
<li><a href="#">下拉式菜单项</a></li>
</ul>
</span>
<span class="u-btns">
<button type="button" class="u-btn u-btn-c4">灰色</button>
<button type="button" class="u-btn u-btn-c4">灰色</button>
<button type="button" class="u-btn u-btn-c4">灰色</button>
<button type="button" class="u-btn u-btn-c4">灰色</button>
</span>
<span class="u-btns">
<button type="button" class="u-btn u-btn-c4">灰色</button>
<button type="button" class="u-btn u-btn-c4"><span class="btnsel"></span></button>
<ul class="u-menu u-menu-min u-menu-show">
<li><a href="#">至少撑满</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
</ul>
</span>
<span class="u-btns">
<button type="button" class="u-btn"><span class="btntxt">蓝色下拉</span><span class="btnsel"></span></button>
<ul class="u-menu u-menu-max u-menu-show">
<li><a href="#">至多撑满</a></li>
<li><a href="#">下拉式菜单菜单菜单菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
</ul>
</span>
<span class="u-btns">
<button type="button" class="u-btn u-btn-c4 u-btn-lg">较大灰色</button>
<button type="button" class="u-btn u-btn-c4 u-btn-lg"><span class="btnsel"></span></button>
<ul class="u-menu u-menu-rt u-menu-show">
<li><a href="#">下拉式菜单</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
</ul>
</span>
]]></content>
<tabTrigger>u-btns</tabTrigger>
<scope>text.html</scope>
<description>[优雅]通用自定义按钮组合</description>
</snippet><snippet>
<content><![CDATA[
<span class="u-btns">
<button type="button" class="u-btn">蓝色</button>
<button type="button" class="u-btn"><span class="btnsel"></span></button>
<ul class="u-menu u-menu-rt u-menu-gp u-menu-show">
<li><a href="#">分组，右对齐</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li class="menusep"><span class="menuline"></span></li>
<li><a href="#">下拉式菜单项</a></li>
</ul>
</span>
<span class="u-btns">
<button type="button" class="u-btn u-btn-c4">灰色</button>
<button type="button" class="u-btn u-btn-c4">灰色</button>
<button type="button" class="u-btn u-btn-c4">灰色</button>
<button type="button" class="u-btn u-btn-c4">灰色</button>
</span>
<span class="u-btns">
<button type="button" class="u-btn u-btn-c4">灰色</button>
<button type="button" class="u-btn u-btn-c4"><span class="btnsel"></span></button>
<ul class="u-menu u-menu-min u-menu-show">
<li><a href="#">至少撑满</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
</ul>
</span>
<span class="u-btns">
<button type="button" class="u-btn"><span class="btntxt">蓝色下拉</span><span class="btnsel"></span></button>
<ul class="u-menu u-menu-max u-menu-show">
<li><a href="#">至多撑满</a></li>
<li><a href="#">下拉式菜单菜单菜单菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
</ul>
</span>
<span class="u-btns">
<button type="button" class="u-btn u-btn-c4 u-btn-lg">较大灰色</button>
<button type="button" class="u-btn u-btn-c4 u-btn-lg"><span class="btnsel"></span></button>
<ul class="u-menu u-menu-rt u-menu-show">
<li><a href="#">下拉式菜单</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
</ul>
</span>
]]></content>
<tabTrigger>u-btns</tabTrigger>
<scope>text.html</scope>
<description>[兼容]通用自定义按钮组合</description>
</snippet><snippet>
<content><![CDATA[
<span class="u-btns">
<button type="button" class="u-btn">蓝色</button>
<button type="button" class="u-btn"><span class="btnsel"></span></button>
<menu class="u-menu u-menu-rt u-menu-gp z-show">
<li><a href="#">分组，右对齐</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li></li>
<li><a href="#">下拉式菜单项</a></li>
</menu>
</span>
<span class="u-btns">
<button type="button" class="u-btn u-btn-c4">灰色</button>
<button type="button" class="u-btn u-btn-c4">灰色</button>
<button type="button" class="u-btn u-btn-c4">灰色</button>
<button type="button" class="u-btn u-btn-c4">灰色</button>
</span>
<span class="u-btns">
<button type="button" class="u-btn u-btn-c4">灰色</button>
<button type="button" class="u-btn u-btn-c4"><span class="btnsel"></span></button>
<menu class="u-menu u-menu-min z-show">
<li><a href="#">至少撑满</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
</menu>
</span>
<span class="u-btns">
<button type="button" class="u-btn"><span class="btntxt">蓝色</span><span class="btnsel"></span></button>
<menu class="u-menu u-menu-max z-show">
<li><a href="#">至多撑满</a></li>
<li><a href="#">下拉式菜单菜单菜单菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
</menu>
</span>
<span class="u-btns">
<button type="button" class="u-btn u-btn-c4 u-btn-lg">较大灰色</button>
<button type="button" class="u-btn u-btn-c4 u-btn-lg"><span class="btnsel"></span></button>
<menu class="u-menu u-menu-rt z-show">
<li><a href="#">下拉式菜单</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
</menu>
</span>
]]></content>
<tabTrigger>u-btns</tabTrigger>
<scope>text.html</scope>
<description>[高级]通用自定义按钮组合</description>
</snippet><snippet>
<content><![CDATA[
<span class="u-img"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></span>
<a href="#" class="u-img"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a>
<span class="u-img u-img-ha"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></span>
]]></content>
<tabTrigger>u-img</tabTrigger>
<scope>text.html</scope>
<description>[优雅]无边图片容器</description>
</snippet><snippet>
<content><![CDATA[
<span class="u-img"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></span>
<a href="#" class="u-img"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a>
<span class="u-img u-img-ha"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></span>
]]></content>
<tabTrigger>u-img</tabTrigger>
<scope>text.html</scope>
<description>[兼容]无边图片容器</description>
</snippet><snippet>
<content><![CDATA[
<span class="u-img2"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></span>
<a href="#" class="u-img2"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a>
<span class="u-img2 u-img2-ha"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></span>
]]></content>
<tabTrigger>u-img2</tabTrigger>
<scope>text.html</scope>
<description>[优雅]有边图片容器</description>
</snippet><snippet>
<content><![CDATA[
<span class="u-img2"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></span>
<a href="#" class="u-img2"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a>
<span class="u-img2 u-img2-ha"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></span>
]]></content>
<tabTrigger>u-img2</tabTrigger>
<scope>text.html</scope>
<description>[兼容]有边图片容器</description>
</snippet><snippet>
<content><![CDATA[
<input type="text" class="u-ipt"/>
<input type="text" class="u-ipt u-ipt-err"/>
<input type="text" class="u-ipt u-ipt-1"/>
<input type="text" class="u-ipt u-ipt-1 u-ipt-err"/>
]]></content>
<tabTrigger>u-ipt</tabTrigger>
<scope>text.html</scope>
<description>[兼容]简易单行文本输入框</description>
</snippet><snippet>
<content><![CDATA[
<ul class="u-menu u-menu-show">
<li><a href="#">下拉式菜单</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
</ul>
<ul class="u-menu u-menu-rt u-menu-gp u-menu-show">
<li><a href="#">分组，右对齐</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li class="menusep"><span class="menuline"></span></li>
<li><a href="#">下拉式菜单项</a></li>
</ul>
<ul class="u-menu u-menu-min u-menu-gp u-menu-show">
<li><a href="#">至少撑满，分组</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
</ul>
<ul class="u-menu u-menu-max u-menu-show">
<li><a href="#">最多撑满</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项下拉式菜单项下拉式菜单项下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
</ul>
]]></content>
<tabTrigger>u-menu</tabTrigger>
<scope>text.html</scope>
<description>[优雅]下拉式菜单</description>
</snippet><snippet>
<content><![CDATA[
<ul class="u-menu u-menu-show">
<li><a href="#">下拉式菜单</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
</ul>
<ul class="u-menu u-menu-rt u-menu-gp u-menu-show">
<li><a href="#">分组，右对齐</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li class="menusep"><span class="menuline"></span></li>
<li><a href="#">下拉式菜单项</a></li>
</ul>
<ul class="u-menu u-menu-min u-menu-gp u-menu-show">
<li><a href="#">至少撑满，分组</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
</ul>
<ul class="u-menu u-menu-max u-menu-show">
<li><a href="#">最多撑满</a></li>
<li><a href="#">下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项下拉式菜单项下拉式菜单项下拉式菜单项</a></li>
<li><a href="#">下拉式菜单项</a></li>
</ul>
]]></content>
<tabTrigger>u-menu</tabTrigger>
<scope>text.html</scope>
<description>[兼容]下拉式菜单</description>
</snippet><snippet>
<content><![CDATA[
<menu class="u-menu z-show">
<li><a href="#">下拉式菜单</a></li>
<li><a href="#">下拉式菜单菜单项</a></li>
<li><a href="#">下拉式菜单菜单项</a></li>
<li><a href="#">下拉式菜单菜单项</a></li>
</menu>
<menu class="u-menu u-menu-rt u-menu-gp z-show">
<li><a href="#">分组，右对齐</a></li>
<li><a href="#">下拉式菜单菜单项</a></li>
<li><a href="#">下拉式菜单菜单项</a></li>
<li></li>
<li><a href="#">下拉式菜单菜单项</a></li>
</menu>
<menu class="u-menu u-menu-min u-menu-gp z-show">
<li><a href="#">至少撑满，分组</a></li>
<li><a href="#">下拉式菜单菜单项</a></li>
<li><a href="#">下拉式菜单菜单项</a></li>
<li><a href="#">下拉式菜单菜单项</a></li>
</menu>
<menu class="u-menu u-menu-max z-show">
<li><a href="#">最多撑满</a></li>
<li><a href="#">下拉式菜单菜单项</a></li>
<li><a href="#">下拉式菜单菜单项下拉式菜单菜单项下拉式菜单菜单项</a></li>
<li><a href="#">下拉式菜单菜单项</a></li>
</menu>
]]></content>
<tabTrigger>u-menu</tabTrigger>
<scope>text.html</scope>
<description>[高级]下拉式菜单</description>
</snippet><snippet>
<content><![CDATA[
<span class="u-pointer"><i class="first z-crt"></i><i></i><i></i><i></i><i></i></span>
<span class="u-pointer u-pointer-rt"><i class="first z-crt"></i><i></i><i></i><i></i><i></i></span>
]]></content>
<tabTrigger>u-pointer</tabTrigger>
<scope>text.html</scope>
<description>[优雅]多点式幻灯指示器</description>
</snippet><snippet>
<content><![CDATA[
<span class="u-pointer"><i class="first z-crt"></i><i></i><i></i><i></i><i></i></span>
<span class="u-pointer u-pointer-rt"><i class="first z-crt"></i><i></i><i></i><i></i><i></i></span>
]]></content>
<tabTrigger>u-pointer</tabTrigger>
<scope>text.html</scope>
<description>[兼容]多点式幻灯指示器</description>
</snippet><snippet>
<content><![CDATA[
<span class="u-pointer"><i class="z-crt"></i><i></i><i></i><i></i><i></i></span>
<span class="u-pointer u-pointer-rt"><i class="z-crt"></i><i></i><i></i><i></i><i></i></span>
]]></content>
<tabTrigger>u-pointer</tabTrigger>
<scope>text.html</scope>
<description>[高级]多点式幻灯指示器</description>
</snippet><snippet>
<content><![CDATA[
<div class="u-progress"><span class="pgtrack"></span><span class="pgbar" style="width:50%"></span></div>
<div class="u-progress u-progress-c1"><span class="pgtrack"></span><span class="pgbar" style="width:30%"></span></div>
<div class="u-progress u-progress-c2"><span class="pgtrack"></span><span class="pgbar" style="width:60%"></span></div>
<div class="u-progress u-progress-c3"><span class="pgtrack"></span><span class="pgbar" style="width:90%"></span></div>
]]></content>
<tabTrigger>u-progress</tabTrigger>
<scope>text.html</scope>
<description>[优雅]水平进度条</description>
</snippet><snippet>
<content><![CDATA[
<div class="u-progress"><span class="pgtrack"></span><span class="pgbar" style="width:50%"></span></div>
<div class="u-progress u-progress-c1"><span class="pgtrack"></span><span class="pgbar" style="width:30%"></span></div>
<div class="u-progress u-progress-c2"><span class="pgtrack"></span><span class="pgbar" style="width:60%"></span></div>
<div class="u-progress u-progress-c3"><span class="pgtrack"></span><span class="pgbar" style="width:90%"></span></div>
]]></content>
<tabTrigger>u-progress</tabTrigger>
<scope>text.html</scope>
<description>[兼容]水平进度条</description>
</snippet><snippet>
<content><![CDATA[
<div class="u-progress"><span class="pgbar" style="width:50%"></span></div>
<div class="u-progress u-progress-c1"><span class="pgbar" style="width:30%"></span></div>
<div class="u-progress u-progress-c2"><span class="pgbar" style="width:60%"></span></div>
<div class="u-progress u-progress-c3"><span class="pgbar" style="width:90%"></span></div>
<div class="u-progress u-progress-c3"><span class="pgbar" style="width:20%"><span class="pging"></span></span></div>
<div class="u-progress"><span class="pgbar"><span class="pging"></span></span></div>
]]></content>
<tabTrigger>u-progress</tabTrigger>
<scope>text.html</scope>
<description>[高级]水平进度条</description>
</snippet><snippet>
<content><![CDATA[
<h2 class="u-tt">不定大小的标题</h2>
<h2 class="u-tt u-tt-sm">固定较小的标题</h2>
<h2 class="u-tt u-tt-md">固定中等的标题</h2>
<h2 class="u-tt u-tt-lg">固定较大的标题</h2>
<h2 class="u-tt u-tt-xl">固定很大的标题</h2>
]]></content>
<tabTrigger>u-tt</tabTrigger>
<scope>text.html</scope>
<description>[兼容]标题文本</description>
</snippet><snippet>
<content><![CDATA[
-webkit-border-radius:5px;
-ms-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>br</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->
</snippet>
<snippet>
<content><![CDATA[
/*文字超出3行截取 */
.text-cut{
display: -webkit-box;
display: -ms-box;
display: -moz-box;
display: box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-ms-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
-webkit-line-clamp:3;
-ms-line-clamp:3;
-moz-line-clamp:3;
line-clamp:3;
}
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>text-cut</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>source.css</scope>
<description>文字截取</description>
</snippet>