This commit is contained in:
qiang 2019-08-27 20:57:23 +08:00
commit 8670bfaad5
4 changed files with 3192 additions and 0 deletions

7
README.md Normal file
View File

@ -0,0 +1,7 @@
# uni-app 代码块vscode
将代码块文件放入项目下的 .vscode 目录,即可拥有和 HBuilderX 一样的代码块。
![](https://img-cdn-qiniu.dcloud.net.cn/uploads/article/20190827/870c114c199a93beedac79a78dde5f02.png)
![](https://img-cdn-qiniu.dcloud.net.cn/uploads/article/20190827/ff0d8b9c1edd6f002657d20021def9be.png)

398
css.code-snippets Normal file
View File

@ -0,0 +1,398 @@
{
"#ifdef": {
"body": [
"/* #ifdef ${1|APP-PLUS,MP,MP-ALIPAY,MP-BAIDU,MP-WEIXIN,MP-QQ,H5|} */",
"$0",
"/* #endif */"
],
"prefix": "ifdef",
"project": "uni-app",
"scope": "css"
},
"#ifndef": {
"body": [
"/* #ifndef ${1|APP-PLUS,MP,MP-ALIPAY,MP-BAIDU,MP-WEIXIN,MP-QQ,H5|} */",
"$0",
"/* #endif */"
],
"prefix": "ifndef",
"project": "uni-app",
"scope": "css"
},
"-moz-": {
"body": [
"-moz-"
],
"prefix": "moz",
"scope": "css",
"triggerAssist": true
},
"-ms-": {
"body": [
"-ms-"
],
"prefix": "ms",
"scope": "css",
"triggerAssist": true
},
"-webkit-": {
"body": [
"-webkit-"
],
"prefix": "webkit",
"scope": "css",
"triggerAssist": true
},
"@-moz-keyframes": {
"body": [
"@-moz-keyframes ${1:name}{",
"\tfrom{$2}",
"\tto{$3}",
"}"
],
"prefix": "@keyframes",
"scope": "CSS_OUTRULE"
},
"@-ms-keyframes": {
"body": [
"@-ms-keyframes ${1:name}{",
"\tfrom{$2}",
"\tto{$3}",
"}"
],
"prefix": "@keyframes",
"scope": "CSS_OUTRULE"
},
"@-webkit-keyframes": {
"body": [
"@-webkit-keyframes ${1:name}{",
"\tfrom{$2}",
"\tto{$3}",
"}"
],
"prefix": "@keyframes",
"scope": "CSS_OUTRULE"
},
"@charset": {
"body": [
"@charset \"${1:utf-8}\";"
],
"prefix": "@charset",
"scope": "CSS_OUTRULE"
},
"@document": {
"body": [
"@document ${1:url}(\"$2\") {",
"\t$3",
"}"
],
"prefix": "@document",
"scope": "CSS_OUTRULE"
},
"@font-face": {
"body": [
"@font-face {",
"\tfont-family:$1;",
"\tsrc: url($2);",
"}"
],
"prefix": "@fontface",
"scope": "CSS_OUTRULE"
},
"@import": {
"body": [
"@import url(\"$1\");"
],
"prefix": "@import",
"scope": "CSS_OUTRULE",
"triggerAssist": true
},
"@keyframes": {
"body": [
"@keyframes ${1:name}{",
"\tfrom{$2}",
"\tto{$3}",
"}"
],
"prefix": "@keyframes",
"scope": "CSS_OUTRULE"
},
"@media": {
"body": [
"@media $1 {",
"\t$2",
"}"
],
"prefix": "@media",
"scope": "CSS_OUTRULE"
},
"@namespace": {
"body": [
"@namespace ${1:prefix} \"$2\";"
],
"prefix": "@namespace",
"scope": "CSS_OUTRULE"
},
"@page": {
"body": [
"@page:${1:first}{",
"\t",
"}"
],
"prefix": "@page",
"scope": "CSS_OUTRULE"
},
"@supports": {
"body": [
"@supports(${1:prop}:${2:value}) {",
"\t$3",
"}"
],
"prefix": "@supports",
"scope": "CSS_OUTRULE"
},
"background-color": {
"body": [
"background-color: $1"
],
"prefix": "bc",
"scope": "css",
"triggerAssist": true
},
"background-color: #": {
"body": [
"background-color: #$1"
],
"prefix": "bch",
"scope": "css",
"triggerAssist": true
},
"background-color: rgb": {
"body": [
"background-color: rgb(${1:255},${2:255},${3:255})"
],
"prefix": "bcr",
"scope": "css"
},
"background-image": {
"body": [
"background-image: $1"
],
"prefix": "bi",
"scope": "css",
"triggerAssist": true
},
"background-image: url": {
"body": [
"background-image: url($1)"
],
"prefix": "biu",
"scope": "css",
"triggerAssist": true
},
"background-position": {
"body": [
"background-position: $1"
],
"prefix": "bp",
"scope": "css",
"triggerAssist": true
},
"background: image repeat attachment position": {
"body": [
"background: url($1) ${2:repeat} ${3:fixed} ${4:center};$0"
],
"prefix": "bg",
"scope": "css",
"triggerAssist": true
},
"border-color": {
"body": [
"border-color: $1"
],
"prefix": "boc",
"scope": "css",
"triggerAssist": true
},
"border-style": {
"body": [
"border-style: $1"
],
"prefix": "bs",
"scope": "css",
"triggerAssist": true
},
"border-width": {
"body": [
"border-width: $1"
],
"prefix": "bw",
"scope": "css",
"triggerAssist": true
},
"display: block": {
"body": [
"display: block;"
],
"prefix": "db",
"scope": "css"
},
"display: flex": {
"body": [
"display: flex;"
],
"prefix": "df",
"scope": "css"
},
"display: none": {
"body": [
"display: none;"
],
"prefix": "dn",
"scope": "css"
},
"flex-direction: row": {
"body": [
"flex-direction: row;"
],
"prefix": "fdr",
"scope": "css"
},
"font-family: family": {
"body": [
"font-family: $1"
],
"prefix": "ff",
"scope": "css",
"triggerAssist": true
},
"font-size: size": {
"body": [
"font-size: $1"
],
"prefix": "fsize",
"scope": "css",
"triggerAssist": true
},
"height --status-bar-height": {
"body": [
"height: var(--status-bar-height);"
],
"prefix": "heightstatusbar",
"project": "uni-app",
"scope": "css"
},
"height --window-bottom": {
"body": [
"height: var(--window-bottom);"
],
"prefix": "heightwindowbottom",
"project": "uni-app",
"scope": "css"
},
"height --window-top": {
"body": [
"height: var(--window-top);"
],
"prefix": "heightwindowtop",
"project": "uni-app",
"scope": "css"
},
"height px": {
"body": [
"height: ${1}px;$0"
],
"prefix": "hpx",
"scope": "css"
},
"justify-content: center": {
"body": [
"justify-content: center;"
],
"prefix": "jcc",
"scope": "css"
},
"list-style-image: url": {
"body": [
"list-style-image: url($1);"
],
"prefix": "lsi",
"scope": "css",
"triggerAssist": true
},
"scrollbar": {
"body": [
"scrollbar-base-color: ${1:#CCCCCC};",
"scrollbar-arrow-color: ${2:#000000};",
"scrollbar-track-color: ${3:#999999};",
"scrollbar-3dlight-color: ${4:#EEEEEE};",
"scrollbar-highlight-color: ${5:#FFFFFF};",
"scrollbar-face-color: ${6:#CCCCCC};",
"scrollbar-shadow-color: ${7:#999999};",
"scrollbar-darkshadow-color: ${8:#666666};"
],
"prefix": "scrollbarr",
"scope": "css"
},
"text-align: center": {
"body": [
"text-align: center;"
],
"prefix": "tac",
"scope": "css"
},
"text-align: left": {
"body": [
"text-align: left;"
],
"prefix": "tal",
"scope": "css"
},
"text-align: right": {
"body": [
"text-align: right;"
],
"prefix": "tar",
"scope": "css"
},
"text-transform": {
"body": [
"text-transform: $1"
],
"prefix": "tt",
"scope": "css",
"triggerAssist": true
},
"userselect:none": {
"body": [
"-webkit-user-select: none;",
"-moz-user-select: none;",
"-ms-user-select: none;",
"user-select: none;"
],
"prefix": "usn",
"scope": "css"
},
"width length": {
"body": [
"width: ${1}px;$0"
],
"prefix": "widthlength",
"scope": "css"
},
"width upx": {
"body": [
"width: ${1}upx;$0"
],
"prefix": "wupx",
"project": "uni-app",
"scope": "css"
},
"width_length": {
"body": [
"width: ${1}px;$0"
],
"prefix": "wlength",
"scope": "css"
}
}

2055
js.code-snippets Normal file

File diff suppressed because it is too large Load Diff

732
vue-html.code-snippets Normal file
View File

@ -0,0 +1,732 @@
{
"#ifdef": {
"body": [
"<!-- #ifdef ${1|APP-PLUS,MP,MP-ALIPAY,MP-BAIDU,MP-WEIXIN,MP-QQ,H5|} -->",
"$0",
"<!-- #endif -->"
],
"prefix": "ifdef",
"project": "uni-app",
"scope": "vue-html"
},
"#ifndef": {
"body": [
"<!-- #ifndef ${1|APP-PLUS,MP,MP-ALIPAY,MP-BAIDU,MP-WEIXIN,MP-QQ,H5|} -->",
"$0",
"<!-- #endif -->"
],
"prefix": "ifndef",
"project": "uni-app",
"scope": "vue-html"
},
"Vue Base": {
"body": [
"<template>",
"\t<${1:div}>",
"",
"\t</${1:div}>",
"</template>",
"",
"<script>",
"\texport default {",
"\t\t${0}",
"\t}",
"</script>",
"",
"<style scoped>",
"",
"</style>"
],
"description": "Base for Vue File",
"prefix": "vbase",
"scope": "vue-html"
},
"Vue Class Binding": {
"body": [
"<${1|div|} :class=\"{ ${2:className}: ${3:data} }\"><,${1:div}>"
],
"description": "vue class binding",
"prefix": "vclass",
"scope": "vue-html"
},
"Vue Class Binding Object": {
"body": [
"<${1|div|} :class=\"[${2:classNameA}, ${3:classNameB}]\"><,${1:div}>"
],
"description": "vue class binding",
"prefix": "vclass-obj",
"scope": "vue-html"
},
"Vue Component with Props Binding": {
"body": [
"<${1|component|} :${1:propName}=\"${0}\"><,${1:component}>"
],
"description": "component element with props",
"prefix": "vel-props",
"scope": "vue-html"
},
"Vue Image Source Binding": {
"body": [
"<img :src=\"'/path/to/images/' + ${1:fileName}\" alt=\"${2:altText}\"/>"
],
"description": "image source binding",
"prefix": "vsrc",
"scope": "vue-html"
},
"Vue Multiple Conditional Class Bindings": {
"body": [
"<${1|div|} :class=\"[${2:classNameA}, {${3:classNameB} : ${4:condition}}]\"><,${1:div}>"
],
"description": "vue multiple conditional class bindings",
"prefix": "vclass-obj-mult",
"scope": "vue-html"
},
"Vue Nuxt Routing Link": {
"body": [
"<nuxt-link to=\"/${1:page}\">${1:page}</nuxt-link>"
],
"description": "nuxt routing link",
"prefix": "vnuxtl",
"scope": "vue-html"
},
"Vue Style Binding": {
"body": [
"<${1|div|} :style=\"{ fontSize: ${2:data} + 'px' }\"><,${1:div}>"
],
"description": "vue inline style binding",
"prefix": "vstyle",
"scope": "vue-html"
},
"Vue Style Binding Object": {
"body": [
"<${1|div|} :style=\"[${2:styleObjectA}, ${3:styleObjectB]}\"><,${1:div}>"
],
"description": "vue inline style binding, objects",
"prefix": "vstyle-obj",
"scope": "vue-html"
},
"Vue Transition Component with JavaScript Hooks": {
"body": [
"<transition",
"\tmode=\"out-in\"",
"\t@before-enter=\"beforeEnter\"",
"\t@enter=\"enter\"",
"",
"\t@before-leave=\"beforeLeave\"",
"\t@leave=\"leave\"",
"\t:css=\"false\">",
"",
"</transition>"
],
"description": "transition component js hooks",
"prefix": "vanim",
"scope": "vue-html"
},
"Vue v-for": {
"body": [
"<${1:div} v-for=\"${2:item} in ${2:item}s\" :key=\"${2:item}.id\">",
"\t{{ ${2:item} }}",
"</${1:div}>"
],
"description": "vfor statement",
"prefix": "vfor",
"scope": "vue-html"
},
"Vue v-model Directive": {
"body": [
"<input v-model=\"${1:data}\" type=\"text\" />"
],
"description": "v-model directive",
"prefix": "vmodel",
"scope": "vue-html"
},
"Vue v-model Number Directive": {
"body": [
"<input v-model.number=\"${1:numData}\" type=\"number\" step=\"1\" />"
],
"description": "v-model directive number input",
"prefix": "vmodel-num",
"scope": "vue-html"
},
"Vue v-on Shortcut Directive": {
"body": [
"@click=\"${1:handler}(${2:arg}, $event)\""
],
"description": "v-on click handler with arguments",
"prefix": "von",
"scope": "vue-html"
},
"uAccordion": {
"body": [
"<view class=\"uni-list\">",
"\t<view class=\"uni-list-cell uni-collapse\" v-for=\"(item,index) in list$1\" :key=\"index\">",
"\t\t<view class=\"uni-list-cell-navigate uni-navigate-bottom\" :class=\"item.show ? 'uni-active' : ''\" @click=\"trigerCollapse$0(index)\">",
"\t\t\t折叠面板{{index}}",
"\t\t</view>",
"\t\t<view class=\"uni-collapse-content\" :class=\"item.show ? 'uni-active' : ''\">",
"\t\t\t<view class=\"page-pd\">",
"\t\t\t\t<view class=\"uni-h1\">hello uni-app</view>",
"\t\t\t\t<view class=\"uni-h2\">hello uni-app</view>",
"\t\t\t\t<view class=\"uni-h3\">hello uni-app</view>",
"\t\t\t</view>",
"\t\t</view>",
"\t</view>",
"</view>"
],
"prefix": "uaccordion",
"project": "uni-app",
"scope": "vue-html"
},
"uAudio": {
"body": [
"<audio :src=\"$1\" :poster=\"$0\" :name=\"$2\" :author=\"$3\" :action=\"$4\" controls></audio>"
],
"prefix": "uaudio",
"project": "uni-app",
"scope": "vue-html"
},
"uBadge": {
"body": [
"<uni-badge text=\"$1\" type=\"$2\"></uni-badge>"
],
"prefix": "ubadge",
"project": "uni-app",
"scope": "vue-html"
},
"uButton": {
"body": [
"<button type=\"primary\">$1</button>"
],
"prefix": "ubutton",
"project": "uni-app",
"scope": "vue-html"
},
"uCalendar": {
"body": [
"<uni-calendar lunar=\"\" @change=\"$1\" @to-click=\"$2\"></uni-calendar>"
],
"prefix": "ucalendar",
"project": "uni-app",
"scope": "vue-html"
},
"uCard": {
"body": [
"<uni-card title=\"标题文字\" thumbnail=\"$1\" extra=\"额外信息$2\" note=\"Tips$3\">",
"\t内容主体可自定义内容及样式$4",
"</uni-card>"
],
"prefix": "ucard",
"project": "uni-app",
"scope": "vue-html"
},
"uCheckbox": {
"body": [
"<label class=\"checkbox\">",
"\t<checkbox value=\"$1\" checked= />$0",
"</label>"
],
"prefix": "ucheckbox",
"project": "uni-app",
"scope": "vue-html"
},
"uCollapse": {
"body": [
"<uni-collapse @change=\"$1\">",
"\t<uni-collapse-item title=\"$2\">",
"\t\t内容$3",
"\t</uni-collapse-item>",
"</uni-collapse>"
],
"prefix": "uCollapse",
"project": "uni-app",
"scope": "vue-html"
},
"uCountDown": {
"body": [
"<uni-countdown font-color=\"$1\" bgr-color=\"$2\" timer=\"$3\"></uni-countdown>"
],
"prefix": "ucountdown",
"project": "uni-app",
"scope": "vue-html"
},
"uDrawer": {
"body": [
"<uni-drawer :visible=\"$1\">",
"\t<view style=\"padding:30upx;\">",
"\t\t$2",
"\t</view>",
"</uni-drawer>"
],
"prefix": "uDrawer",
"project": "uni-app",
"scope": "vue-html"
},
"uEditor": {
"body": [
"<editor placeholder=\"$1\"></editor>"
],
"prefix": "uEditor",
"project": "uni-app",
"scope": "vue-html"
},
"uForm": {
"body": [
"<form @submit=\"formSubmit\" @reset=\"formReset\">",
"\t<view class=\"section section_gap\">",
"\t\t<view class=\"section__title\">switch$1</view>",
"\t\t<switch name=\"switch\" />",
"\t</view>",
"\t<view class=\"section section_gap\">",
"\t\t<view class=\"section__title\">slider</view>",
"\t\t<slider name=\"slider\" show-value></slider>",
"\t</view>",
"\t<view class=\"section\">",
"\t\t<view class=\"section__title\">input</view>",
"\t\t<input name=\"input\" placeholder=\"please input here\" />",
"\t</view>",
"\t<view class=\"section section_gap\">",
"\t\t<view class=\"section__title\">radio</view>",
"\t\t<radio-group name=\"radio-group\">",
"\t\t<label>",
"\t\t\t<radio value=\"radio1\" />radio1</label>",
"\t\t<label>",
"\t\t\t<radio value=\"radio2\" />radio2</label>",
"\t\t</radio-group>",
"\t</view>",
"\t<view class=\"section section_gap\">",
"\t\t<view class=\"section__title\">checkbox</view>",
"\t\t<checkbox-group name=\"checkbox\">",
"\t\t\t<label>",
"\t\t\t\t<checkbox value=\"checkbox1\" />checkbox1</label>",
"\t\t\t<label>",
"\t\t\t\t<checkbox value=\"checkbox2\" />checkbox2</label>",
"\t\t</checkbox-group>",
"\t</view>",
"\t<view class=\"btn-area\">",
"\t\t<button formType=\"submit\">Submit</button>",
"\t\t<button formType=\"reset\">Reset</button>",
"\t</view>",
"</form>"
],
"prefix": "uform",
"project": "uni-app",
"scope": "vue-html"
},
"uGrid": {
"body": [
"<uni-grid :data=\"$1\"></uni-grid>"
],
"prefix": "ugrid",
"project": "uni-app",
"scope": "vue-html"
},
"uIcon": {
"body": [
"<uni-icon type=\"$1\"></uni-icon>"
],
"prefix": "uicon",
"project": "uni-app",
"scope": "vue-html"
},
"uImage": {
"body": [
"<image src=\"$1\" mode=\"$2\">$0</image>"
],
"prefix": "uimage",
"project": "uni-app",
"scope": "vue-html"
},
"uInput": {
"body": [
"<input type=\"text$1\" value=\"$0\" />"
],
"prefix": "uinput",
"project": "uni-app",
"scope": "vue-html"
},
"uList": {
"body": [
"<uni-list>",
"\t<uni-list-item title=\"$1\" note=\"$2\"></uni-list-item>",
"\t<uni-list-item title=\"$3\" note=\"$4\"></uni-list-item>",
"</uni-list>"
],
"prefix": "ulist",
"project": "uni-app",
"scope": "vue-html"
},
"uListMedia": {
"body": [
"<view class=\"uni-list\">",
"\t<view class=\"uni-list-cell\" hover-class=\"uni-list-cell-hover\" v-for=\"(item,index) in list$1\" :key=\"index\">",
"\t\t<view class=\"uni-media-list\">",
"\t\t\t<image class=\"uni-media-list-logo\" :src=\"item.img$2\"></image>",
"\t\t\t<view class=\"uni-media-list-body\">",
"\t\t\t\t<view class=\"uni-media-list-text-top\">{{item.title$3}}</view>",
"\t\t\t\t<view class=\"uni-media-list-text-bottom uni-ellipsis\">{{item.content$4}}</view>",
"\t\t\t</view>",
"\t\t</view>",
"\t</view>",
"</view>"
],
"prefix": "ulistmedia",
"project": "uni-app",
"scope": "vue-html"
},
"uLoadMore": {
"body": [
"<uni-load-more :loadingType=\"$1\" :contentText=\"$2\"></uni-load-more>"
],
"prefix": "uloadmore",
"project": "uni-app",
"scope": "vue-html"
},
"uMap": {
"body": [
"<map :latitude=\"$1\" :longitude=\"$0\"></map>"
],
"prefix": "umap",
"project": "uni-app",
"scope": "vue-html"
},
"uNavBar": {
"body": [
"<uni-nav-bar left-icon=\"back\" left-text=\"返回\" right-text=\"菜单\" title=\"标题$1\"></uni-nav-bar>"
],
"prefix": "unavbar",
"project": "uni-app",
"scope": "vue-html"
},
"uNavigator": {
"body": [
"<navigator url=\"$1\">$0</navigator>"
],
"prefix": "unavigator",
"project": "uni-app",
"scope": "vue-html"
},
"uNoticeBar": {
"body": [
"<uni-notice-bar single=\"$1\" text=\"$2\"></uni-notice-bar>"
],
"prefix": "uNoticeBar",
"project": "uni-app",
"scope": "vue-html"
},
"uNumberBox": {
"body": [
"<uni-number-box @change=\"$1\"></uni-number-box>"
],
"prefix": "unumberbox",
"project": "uni-app",
"scope": "vue-html"
},
"uPagination": {
"body": [
"<uni-pagination title=\"$1\" show-icon=\"$2\" total=\"$3\" current=\"$4\"></uni-pagination>"
],
"prefix": "uPagination",
"project": "uni-app",
"scope": "vue-html"
},
"uPicker": {
"body": [
"<picker mode=\"$1\" :range=\"$2\" @change=\"$3\">",
"\t<view>picker组件</view>",
"</picker>"
],
"prefix": "upicker",
"project": "uni-app",
"scope": "vue-html"
},
"uPickerView": {
"body": [
"<picker-view indicator-style=\"height: 50px;\" :value=\"value$1\" @change=\"bindChange\">",
"\t<picker-view-column>",
"\t\t$0",
"\t</picker-view-column>",
"\t<picker-view-column>",
"\t\t$2",
"\t</picker-view-column>",
"\t<picker-view-column>",
"\t\t",
"\t</picker-view-column>",
"</picker-view>"
],
"prefix": "upickerview",
"project": "uni-app",
"scope": "vue-html"
},
"uPopup": {
"body": [
"<uni-popup msg=\"$1\" :show=\"true$2\" type=\"middle$3\"></uni-popup>"
],
"prefix": "upopup",
"project": "uni-app",
"scope": "vue-html"
},
"uProductList": {
"body": [
"<view class=\"uni-product-list\">",
"\t<view class=\"uni-product\" v-for=\"(product,index) in productList$1\" :key=\"index\">",
"\t\t<view class=\"image-view\">",
"\t\t\t<image v-if=\"renderImage\" class=\"uni-product-image\" :src=\"product.image\"></image>",
"\t\t</view>",
"\t\t<view class=\"uni-product-title\">{{product.title}}</view>",
"\t\t<view class=\"uni-product-price\">",
"\t\t\t<text class=\"uni-product-price-favour\">¥{{product.originalPrice}}</text>",
"\t\t\t<text class=\"uni-product-price-original\">¥{{product.favourPrice}}</text>",
"\t\t\t<text class=\"uni-product-tip\">{{product.tip}}</text>",
"\t\t</view>",
"\t</view>",
"</view>"
],
"prefix": "uproductlist",
"project": "uni-app",
"scope": "vue-html"
},
"uProgress": {
"body": [
" <progress percent=\"$1\" show-info$0 />"
],
"prefix": "uprogress",
"project": "uni-app",
"scope": "vue-html"
},
"uRadio": {
"body": [
"<label class=\"radio\">",
"\t<radio value=\"$1\" checked= />$0",
"</label>"
],
"prefix": "uradio",
"project": "uni-app",
"scope": "vue-html"
},
"uRate": {
"body": [
"<uni-rate value=\"$1\"></uni-rate>"
],
"prefix": "uRate",
"project": "uni-app",
"scope": "vue-html"
},
"uRichText": {
"body": [
"<rich-text :nodes=\"$1\"></rich-text>"
],
"prefix": "urichtext",
"project": "uni-app",
"scope": "vue-html"
},
"uScrollView": {
"body": [
"<scroll-view scroll-y$1>",
"\t<view>$0</view>",
"\t<view></view>",
"\t<view></view>",
"\t<view></view>",
"</scroll-view>"
],
"prefix": "uscrollview",
"project": "uni-app",
"scope": "vue-html"
},
"uSegmentedControl": {
"body": [
"<uni-segmented-control :current=\"current$1\" :values=\"$0\" @clickItem=\"$2\"></uni-segmented-control>",
"<view class=\"content\">",
"\t<view v-show=\"current === 0\">",
"\t\t选项卡1的内容",
"\t</view>",
"\t<view v-show=\"current === 1\">",
"\t\t选项卡2的内容",
"\t</view>",
"\t<view v-show=\"current === 2\">",
"\t\t选项卡3的内容",
"\t</view>",
"</view>"
],
"prefix": "usegmentedcontrol",
"project": "uni-app",
"scope": "vue-html"
},
"uSlider": {
"body": [
"<slider @change=\"$1\" show-value$0/>"
],
"prefix": "uslider",
"project": "uni-app",
"scope": "vue-html"
},
"uSteps": {
"body": [
"<uni-steps :options=\"$1\" :active=\"0$2\"></uni-steps>"
],
"prefix": "usteps",
"project": "uni-app",
"scope": "vue-html"
},
"uSwipeAction": {
"body": [
"<uni-swipe-action :options=\"$1\">",
"\t$2",
"</uni-swipe-action>"
],
"prefix": "uSwipeAction",
"project": "uni-app",
"scope": "vue-html"
},
"uSwiper": {
"body": [
"<swiper :indicator-dots=\"true\" :autoplay=\"true\" :interval=\"3000\" :duration=\"1000\">",
"\t<swiper-item>",
"\t\t<view class=\"swiper-item\">$1</view>",
"\t</swiper-item>",
"\t<swiper-item>",
"\t\t<view class=\"swiper-item\">$2</view>",
"\t</swiper-item>",
"\t<swiper-item>",
"\t\t<view class=\"swiper-item\">$0</view>",
"\t</swiper-item>",
"</swiper>"
],
"prefix": "uswiper",
"project": "uni-app",
"scope": "vue-html"
},
"uSwipermsg": {
"body": [
"<view class=\"uni-swiper-msg\">",
"\t<view class=\"uni-swiper-msg-icon\">",
"\t\t<image src=\"$1\" mode=\"widthFix\"></image>",
"\t</view>",
"\t<swiper vertical=\"true\" autoplay=\"true\" circular=\"true\" interval=\"3000\">",
"\t\t<swiper-item>",
"\t\t\t<navigator>消息1</navigator>",
"\t\t</swiper-item>",
"\t\t<swiper-item>",
"\t\t\t<navigator>消息2</navigator>",
"\t\t</swiper-item>",
"\t\t<swiper-item>",
"\t\t\t<navigator>消息3</navigator>",
"\t\t</swiper-item>",
"\t</swiper>",
"</view>"
],
"prefix": "uswipermsg",
"project": "uni-app",
"scope": "vue-html"
},
"uSwitch": {
"body": [
"<switch checked @change=\"$1\" />"
],
"prefix": "uswitch",
"project": "uni-app",
"scope": "vue-html"
},
"uTag": {
"body": [
"<uni-tag text=\"$1\" type=\"$2\"></uni-tag>"
],
"prefix": "utag",
"project": "uni-app",
"scope": "vue-html"
},
"uTemplate": {
"body": [
"<template>",
"\t<view>$0</view>",
"</template>"
],
"prefix": "utemplate",
"project": "uni-app",
"scope": "vue-html"
},
"uText": {
"body": [
"<text>$0</text>"
],
"prefix": "utext",
"project": "uni-app",
"scope": "vue-html"
},
"uTextarea": {
"body": [
"<textarea value=\"$1\" placeholder=\"$0\" />"
],
"prefix": "utextarea",
"project": "uni-app",
"scope": "vue-html"
},
"uTimeline": {
"body": [
"<view class=\"uni-timeline\">",
"\t<view class=\"uni-timeline-item uni-timeline-first-item\">",
"\t\t<view class=\"uni-timeline-item-keynode\">日期1$1</view>",
"\t\t<view class=\"uni-timeline-item-divider\"></view>",
"\t\t<view class=\"uni-timeline-item-content\">事件1</view>",
"\t</view>",
"\t<view class=\"uni-timeline-item\">",
"\t\t<view class=\"uni-timeline-item-keynode\">日期2</view>",
"\t\t<view class=\"uni-timeline-item-divider\"></view>",
"\t\t<view class=\"uni-timeline-item-content\">事件2</view>",
"\t</view>",
"\t<view class=\"uni-timeline-item uni-timeline-last-item\">",
"\t\t<view class=\"uni-timeline-item-keynode\">日期3</view>",
"\t\t<view class=\"uni-timeline-item-divider\"></view>",
"\t\t<view class=\"uni-timeline-item-content\">事件3</view>",
"\t</view>",
"</view>"
],
"prefix": "utimeline",
"project": "uni-app",
"scope": "vue-html"
},
"uVideo": {
"body": [
"<video src=\"$1\" controls></video>"
],
"prefix": "uvideo",
"project": "uni-app",
"scope": "vue-html"
},
"uView": {
"body": [
"<view class=\"$1\">$0</view>"
],
"prefix": "uview",
"project": "uni-app",
"scope": "vue-html"
},
"uWebView": {
"body": [
"<web-view src=\"$1\"></web-view>"
],
"prefix": "uwebview",
"project": "uni-app",
"scope": "vue-html"
},
"view for": {
"body": [
"<view v-for=\"(item,index) in ${1:dataList}\" :key=\"index\">",
"\t$0",
"</view>"
],
"description": "view带for循环",
"prefix": "viewfor",
"project": "uni-app",
"scope": "vue-html"
},
"view_class": {
"body": [
"<view class=\"$1\">",
"\t$0",
"</view>"
],
"prefix": "viewclass",
"scope": "vue-html",
"triggerAssist": true
}
}