m8-mcp-server 1.0.5 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/dist/cli.d.ts +1 -1
  2. package/dist/cli.js +1 -1
  3. package/dist/docs/apis.d.ts +1 -1
  4. package/dist/docs/apis.js +1 -1
  5. package/dist/docs/components.d.ts +1 -1
  6. package/dist/docs/components.js +1 -1
  7. package/dist/docs/index.d.ts +1 -1
  8. package/dist/docs/index.js +1 -1
  9. package/dist/docs/loader.d.ts +1 -1
  10. package/dist/docs/loader.js +1 -1
  11. package/dist/docs/search.d.ts +1 -1
  12. package/dist/docs/search.js +1 -1
  13. package/dist/docs/standards.d.ts +1 -1
  14. package/dist/docs/standards.js +1 -1
  15. package/dist/docs/utils.d.ts +1 -1
  16. package/dist/docs/utils.js +1 -1
  17. package/dist/generator/header.d.ts +1 -1
  18. package/dist/generator/header.js +1 -1
  19. package/dist/generator/index.d.ts +1 -1
  20. package/dist/generator/index.js +1 -1
  21. package/dist/generator/vue-template.d.ts +1 -1
  22. package/dist/generator/vue-template.js +1 -1
  23. package/dist/index.d.ts +1 -1
  24. package/dist/index.js +1 -1
  25. package/dist/recommend/index.d.ts +1 -1
  26. package/dist/recommend/index.js +1 -1
  27. package/dist/tools/generate-code.d.ts +1 -1
  28. package/dist/tools/generate-code.js +1 -1
  29. package/dist/tools/get-api-info.d.ts +1 -1
  30. package/dist/tools/get-api-info.js +1 -1
  31. package/dist/tools/get-coding-standard.d.ts +1 -1
  32. package/dist/tools/get-coding-standard.js +1 -1
  33. package/dist/tools/get-component-info.d.ts +1 -1
  34. package/dist/tools/get-component-info.js +1 -1
  35. package/dist/tools/get-util-info.d.ts +1 -1
  36. package/dist/tools/get-util-info.js +1 -1
  37. package/dist/tools/index.d.ts +1 -1
  38. package/dist/tools/index.js +1 -1
  39. package/dist/tools/recommend-solution.d.ts +1 -1
  40. package/dist/tools/recommend-solution.js +1 -1
  41. package/dist/tools/search-docs.d.ts +1 -1
  42. package/dist/tools/search-docs.js +1 -1
  43. package/dist/types/index.d.ts +1 -1
  44. package/dist/types/index.js +1 -1
  45. package/package.json +3 -4
  46. package/resources/cases/.gitkeep +0 -0
  47. package/resources/cases/form-submit-vue2.json +0 -15
  48. package/resources/cases/index.json +0 -8
  49. package/resources/cases/list-detail-vue2.json +0 -27
  50. package/resources/components/.gitkeep +0 -0
  51. package/resources/components/actionsheet.json +0 -199
  52. package/resources/components/amap.json +0 -66
  53. package/resources/components/area.json +0 -158
  54. package/resources/components/badge.json +0 -93
  55. package/resources/components/button.json +0 -260
  56. package/resources/components/calendar.json +0 -225
  57. package/resources/components/cascader.json +0 -115
  58. package/resources/components/cell.json +0 -85
  59. package/resources/components/chart.json +0 -55
  60. package/resources/components/checkbox.json +0 -158
  61. package/resources/components/circle.json +0 -138
  62. package/resources/components/collapse.json +0 -88
  63. package/resources/components/countdown.json +0 -105
  64. package/resources/components/datepicker.json +0 -216
  65. package/resources/components/dialog.json +0 -250
  66. package/resources/components/divider.json +0 -82
  67. package/resources/components/dragsort.json +0 -67
  68. package/resources/components/dropdownmenu.json +0 -129
  69. package/resources/components/easycalendar.json +0 -84
  70. package/resources/components/empty.json +0 -90
  71. package/resources/components/field.json +0 -423
  72. package/resources/components/form.json +0 -156
  73. package/resources/components/grid.json +0 -131
  74. package/resources/components/header.json +0 -147
  75. package/resources/components/icon.json +0 -104
  76. package/resources/components/image.json +0 -169
  77. package/resources/components/imagepreview.json +0 -150
  78. package/resources/components/imagescale.json +0 -245
  79. package/resources/components/index.json +0 -72
  80. package/resources/components/indexbar.json +0 -83
  81. package/resources/components/layout.json +0 -74
  82. package/resources/components/lazyload.json +0 -46
  83. package/resources/components/loading.json +0 -103
  84. package/resources/components/minirefresh.json +0 -341
  85. package/resources/components/noticebar.json +0 -148
  86. package/resources/components/notify.json +0 -60
  87. package/resources/components/numberkeyboard.json +0 -216
  88. package/resources/components/overlay.json +0 -78
  89. package/resources/components/pagination.json +0 -137
  90. package/resources/components/panel.json +0 -87
  91. package/resources/components/passwordinput.json +0 -103
  92. package/resources/components/picker.json +0 -195
  93. package/resources/components/popover.json +0 -161
  94. package/resources/components/popup.json +0 -229
  95. package/resources/components/progress.json +0 -111
  96. package/resources/components/qrcode.json +0 -128
  97. package/resources/components/radio.json +0 -139
  98. package/resources/components/rate.json +0 -157
  99. package/resources/components/rtc.json +0 -35
  100. package/resources/components/search.json +0 -234
  101. package/resources/components/selectperson.json +0 -175
  102. package/resources/components/sidebar.json +0 -74
  103. package/resources/components/skeleton.json +0 -110
  104. package/resources/components/slider.json +0 -159
  105. package/resources/components/stepper.json +0 -241
  106. package/resources/components/steps.json +0 -108
  107. package/resources/components/sticky.json +0 -72
  108. package/resources/components/swipe.json +0 -146
  109. package/resources/components/swipecell.json +0 -118
  110. package/resources/components/switch.json +0 -123
  111. package/resources/components/switchcell.json +0 -123
  112. package/resources/components/tab.json +0 -257
  113. package/resources/components/tabbar.json +0 -137
  114. package/resources/components/table.json +0 -149
  115. package/resources/components/tag.json +0 -149
  116. package/resources/components/toast.json +0 -70
  117. package/resources/components/treeselect.json +0 -106
  118. package/resources/components/uploader.json +0 -283
  119. package/resources/components/verifycode.json +0 -94
  120. package/resources/standards/.gitkeep +0 -0
  121. package/resources/standards/css.json +0 -108
  122. package/resources/standards/javascript.json +0 -129
  123. package/resources/standards/project-structure.json +0 -101
  124. package/resources/standards/vue.json +0 -122
  125. package/resources/utils/.gitkeep +0 -0
  126. package/resources/utils/ajax.json +0 -76
  127. package/resources/utils/common.json +0 -129
  128. package/resources/utils/index.json +0 -7
  129. package/resources/utils/string.json +0 -112
@@ -1,131 +0,0 @@
1
- {
2
- "id": "grid",
3
- "name": "em-grid",
4
- "title": "宫格",
5
- "description": "宫格可以在水平方向上把页面分隔成等宽度的区块,用于展示内容或进行页面导航。",
6
- "props": [
7
- {
8
- "name": "column-num",
9
- "type": "number / string",
10
- "default": "4",
11
- "required": false,
12
- "description": "列数"
13
- },
14
- {
15
- "name": "icon-size",
16
- "type": "number / string",
17
- "default": "28px",
18
- "required": false,
19
- "description": "图标大小,默认单位为`px`"
20
- },
21
- {
22
- "name": "gutter",
23
- "type": "number / string",
24
- "default": "0",
25
- "required": false,
26
- "description": "格子之间的间距,默认单位为`px`"
27
- },
28
- {
29
- "name": "border",
30
- "type": "boolean",
31
- "default": "true",
32
- "required": false,
33
- "description": "是否显示边框"
34
- },
35
- {
36
- "name": "center",
37
- "type": "boolean",
38
- "default": "true",
39
- "required": false,
40
- "description": "是否将格子内容居中显示"
41
- },
42
- {
43
- "name": "square",
44
- "type": "boolean",
45
- "default": "false",
46
- "required": false,
47
- "description": "是否将格子固定为正方形"
48
- },
49
- {
50
- "name": "clickable",
51
- "type": "boolean",
52
- "default": "false",
53
- "required": false,
54
- "description": "是否开启格子点击反馈"
55
- },
56
- {
57
- "name": "direction",
58
- "type": "string",
59
- "default": "vertical",
60
- "required": false,
61
- "description": "格子内容排列的方向,可选值为 `horizontal`"
62
- }
63
- ],
64
- "events": [
65
- {
66
- "name": "click",
67
- "parameters": "点击格子时触发",
68
- "description": "event: Event"
69
- }
70
- ],
71
- "slots": [
72
- {
73
- "name": "default",
74
- "description": "自定义宫格的所有内容"
75
- },
76
- {
77
- "name": "icon",
78
- "description": "自定义图标"
79
- },
80
- {
81
- "name": "text",
82
- "description": "自定义文字"
83
- }
84
- ],
85
- "examples": {
86
- "vue2": [
87
- {
88
- "title": "基础用法",
89
- "code": "<em-grid>\n <em-grid-item icon=\"photo-o\" text=\"文字\" />\n <em-grid-item icon=\"photo-o\" text=\"文字\" />\n <em-grid-item icon=\"photo-o\" text=\"文字\" />\n <em-grid-item icon=\"photo-o\" text=\"文字\" />\n</em-grid>"
90
- },
91
- {
92
- "title": "自定义列数",
93
- "code": "<em-grid :column-num=\"3\">\n <em-grid-item v-for=\"value in 6\" :key=\"value\" icon=\"photo-o\" text=\"文字\" />\n</em-grid>"
94
- },
95
- {
96
- "title": "自定义内容",
97
- "code": "<em-grid :border=\"false\" :column-num=\"3\">\n <em-grid-item>\n <em-image src=\"https://img.yzcdn.cn/vant/apple-1.jpg\" />\n </em-grid-item>\n <em-grid-item>\n <em-image src=\"https://img.yzcdn.cn/vant/apple-2.jpg\" />\n </em-grid-item>\n <em-grid-item>\n <em-image src=\"https://img.yzcdn.cn/vant/apple-3.jpg\" />\n </em-grid-item>\n</em-grid>"
98
- },
99
- {
100
- "title": "正方形格子",
101
- "code": "<em-grid square>\n <em-grid-item v-for=\"value in 8\" :key=\"value\" icon=\"photo-o\" text=\"文字\" />\n</em-grid>"
102
- },
103
- {
104
- "title": "格子间距",
105
- "code": "<em-grid :gutter=\"10\">\n <em-grid-item v-for=\"value in 8\" :key=\"value\" icon=\"photo-o\" text=\"文字\" />\n</em-grid>"
106
- }
107
- ],
108
- "vue3": [
109
- {
110
- "title": "基础用法",
111
- "code": "<em-grid>\n <em-grid-item icon=\"photo-o\" text=\"文字\" />\n <em-grid-item icon=\"photo-o\" text=\"文字\" />\n <em-grid-item icon=\"photo-o\" text=\"文字\" />\n <em-grid-item icon=\"photo-o\" text=\"文字\" />\n</em-grid>"
112
- },
113
- {
114
- "title": "自定义列数",
115
- "code": "<em-grid :column-num=\"3\">\n <em-grid-item v-for=\"value in 6\" :key=\"value\" icon=\"photo-o\" text=\"文字\" />\n</em-grid>"
116
- },
117
- {
118
- "title": "自定义内容",
119
- "code": "<em-grid :border=\"false\" :column-num=\"3\">\n <em-grid-item>\n <em-image src=\"https://img.yzcdn.cn/vant/apple-1.jpg\" />\n </em-grid-item>\n <em-grid-item>\n <em-image src=\"https://img.yzcdn.cn/vant/apple-2.jpg\" />\n </em-grid-item>\n <em-grid-item>\n <em-image src=\"https://img.yzcdn.cn/vant/apple-3.jpg\" />\n </em-grid-item>\n</em-grid>"
120
- },
121
- {
122
- "title": "正方形格子",
123
- "code": "<em-grid square>\n <em-grid-item v-for=\"value in 8\" :key=\"value\" icon=\"photo-o\" text=\"文字\" />\n</em-grid>"
124
- },
125
- {
126
- "title": "格子间距",
127
- "code": "<em-grid :gutter=\"10\">\n <em-grid-item v-for=\"value in 8\" :key=\"value\" icon=\"photo-o\" text=\"文字\" />\n</em-grid>"
128
- }
129
- ]
130
- }
131
- }
@@ -1,147 +0,0 @@
1
- {
2
- "id": "header",
3
- "name": "em-header",
4
- "title": "头部导航栏",
5
- "description": "头部导航栏组件。",
6
- "props": [
7
- {
8
- "name": "title",
9
- "type": "string",
10
- "default": "''",
11
- "required": false,
12
- "description": "标题"
13
- },
14
- {
15
- "name": "left-text",
16
- "type": "string",
17
- "default": "''",
18
- "required": false,
19
- "description": "左侧文案"
20
- },
21
- {
22
- "name": "right-text",
23
- "type": "string",
24
- "default": "''",
25
- "required": false,
26
- "description": "右侧文案"
27
- },
28
- {
29
- "name": "left-arrow",
30
- "type": "boolean",
31
- "default": "false",
32
- "required": false,
33
- "description": "是否显示左侧箭头"
34
- },
35
- {
36
- "name": "border",
37
- "type": "boolean",
38
- "default": "true",
39
- "required": false,
40
- "description": "是否显示下边框"
41
- },
42
- {
43
- "name": "backgroundColor",
44
- "type": "string",
45
- "default": "#fff",
46
- "required": false,
47
- "description": "背景颜色"
48
- },
49
- {
50
- "name": "color",
51
- "type": "string",
52
- "default": "#333",
53
- "required": false,
54
- "description": "标题颜色"
55
- },
56
- {
57
- "name": "btnColor",
58
- "type": "string",
59
- "default": "#2e6be5",
60
- "required": false,
61
- "description": "箭头按钮颜色"
62
- },
63
- {
64
- "name": "fixed",
65
- "type": "boolean",
66
- "default": "false",
67
- "required": false,
68
- "description": "是否固定在顶部"
69
- },
70
- {
71
- "name": "placeholder",
72
- "type": "boolean",
73
- "default": "false",
74
- "required": false,
75
- "description": "固定在顶部时,是否在标签位置生成一个等高的占位元素"
76
- },
77
- {
78
- "name": "z-index",
79
- "type": "number / string",
80
- "default": "1",
81
- "required": false,
82
- "description": "元素 `z-index`"
83
- },
84
- {
85
- "name": "safe-area-inset-top",
86
- "type": "boolean",
87
- "default": "false",
88
- "required": false,
89
- "description": "是否开启顶部安全区适配"
90
- },
91
- {
92
- "name": "click-left-back",
93
- "type": "boolean",
94
- "default": "true",
95
- "required": false,
96
- "description": "点击左上角按钮是否自动返回上一页"
97
- }
98
- ],
99
- "events": [
100
- {
101
- "name": "click-left",
102
- "parameters": "点击左侧按钮时触发",
103
- "description": "-"
104
- },
105
- {
106
- "name": "click-right",
107
- "parameters": "点击右侧按钮时触发",
108
- "description": "-"
109
- }
110
- ],
111
- "slots": [
112
- {
113
- "name": "title",
114
- "description": "自定义标题"
115
- },
116
- {
117
- "name": "left",
118
- "description": "自定义左侧区域内容"
119
- },
120
- {
121
- "name": "right",
122
- "description": "自定义右侧区域内容"
123
- }
124
- ],
125
- "examples": {
126
- "vue2": [
127
- {
128
- "title": "基础用法",
129
- "code": "<em-header\n title=\"标题\"\n :left-arrow=\"true\"\n left-text=\"返回\"\n right-text=\"按钮\"\n @click-left=\"onClickLeft\"\n @click-right=\"onClickRight\"\n></em-header>\n<em-toast ref=\"emToast\"></em-toast>"
130
- },
131
- {
132
- "title": "使用插槽",
133
- "code": "<em-header title=\"标题\" :left-arrow=\"true\" left-text=\"返回\" @click-left=\"onClickLeft\" style=\"top: 14px;\">\n <template #right>\n <em-icon name=\"search\"></em-icon>\n </template>\n</em-header>"
134
- }
135
- ],
136
- "vue3": [
137
- {
138
- "title": "基础用法",
139
- "code": "<em-header\n title=\"标题\"\n :left-arrow=\"true\"\n left-text=\"返回\"\n right-text=\"按钮\"\n @click-left=\"onClickLeft\"\n @click-right=\"onClickRight\"\n></em-header>\n<em-toast ref=\"emToast\"></em-toast>"
140
- },
141
- {
142
- "title": "使用插槽",
143
- "code": "<em-header title=\"标题\" :left-arrow=\"true\" left-text=\"返回\" @click-left=\"onClickLeft\" style=\"top: 14px;\">\n <template #right>\n <em-icon name=\"search\"></em-icon>\n </template>\n</em-header>"
144
- }
145
- ]
146
- }
147
- }
@@ -1,104 +0,0 @@
1
- {
2
- "id": "icon",
3
- "name": "em-icon",
4
- "title": "图标",
5
- "description": "基于字体的图标集,可以通过 Icon 组件使用,也可以在其他组件中通过 icon 属性引用。",
6
- "props": [
7
- {
8
- "name": "name",
9
- "type": "string",
10
- "default": "-",
11
- "required": false,
12
- "description": "图标名称或图片链接"
13
- },
14
- {
15
- "name": "dot",
16
- "type": "boolean",
17
- "default": "false",
18
- "required": false,
19
- "description": "是否显示图标右上角小红点"
20
- },
21
- {
22
- "name": "badge",
23
- "type": "number / string",
24
- "default": "-",
25
- "required": false,
26
- "description": "图标右上角徽标的内容"
27
- },
28
- {
29
- "name": "color",
30
- "type": "string",
31
- "default": "inherit",
32
- "required": false,
33
- "description": "图标颜色"
34
- },
35
- {
36
- "name": "size",
37
- "type": "number /string",
38
- "default": "inherit",
39
- "required": false,
40
- "description": "图标大小,如 `20px` `2em`,默认单位为`px`"
41
- },
42
- {
43
- "name": "class-prefix",
44
- "type": "string",
45
- "default": "van-icon",
46
- "required": false,
47
- "description": "类名前缀,用于使用自定义图标"
48
- }
49
- ],
50
- "events": [
51
- {
52
- "name": "click",
53
- "parameters": "点击图标时触发",
54
- "description": "event: Event"
55
- }
56
- ],
57
- "slots": [],
58
- "examples": {
59
- "vue2": [
60
- {
61
- "title": "基础用法",
62
- "code": "<em-icon name=\"chat-o\" />\n<em-icon name=\"https://b.yzcdn.cn/vant/icon-demo-1126.png\" />"
63
- },
64
- {
65
- "title": "徽标提示",
66
- "code": "<em-icon name=\"chat-o\" dot />\n<em-icon name=\"chat-o\" badge=\"9\" />\n<em-icon name=\"chat-o\" badge=\"99+\" />"
67
- },
68
- {
69
- "title": "图标颜色",
70
- "code": "<em-icon name=\"chat-o\" color=\"#1989fa\" />\n<em-icon name=\"chat-o\" color=\"#07c160\" />"
71
- },
72
- {
73
- "title": "图标大小",
74
- "code": "<em-icon name=\"chat-o\" size=\"40\" />\n<em-icon name=\"chat-o\" size=\"3rem\" />"
75
- },
76
- {
77
- "title": "自定义图标",
78
- "code": "<style>\n /* 引入第三方或自定义的字体图标样式 */\n @font-face {\n font-family: 'my-icon';\n src: url('./my-icon.ttf') format('truetype');\n }\n\n .my-icon {\n font-family: 'my-icon';\n }\n\n .my-icon-extra::before {\n content: '\\e626';\n }\n</style>\n\n<!-- 通过 class-prefix 指定类名为 my-icon -->\n<em-icon class-prefix=\"my-icon\" name=\"extra\" />"
79
- }
80
- ],
81
- "vue3": [
82
- {
83
- "title": "基础用法",
84
- "code": "<em-icon name=\"chat-o\" />\n<em-icon name=\"https://b.yzcdn.cn/vant/icon-demo-1126.png\" />"
85
- },
86
- {
87
- "title": "徽标提示",
88
- "code": "<em-icon name=\"chat-o\" dot />\n<em-icon name=\"chat-o\" badge=\"9\" />\n<em-icon name=\"chat-o\" badge=\"99+\" />"
89
- },
90
- {
91
- "title": "图标颜色",
92
- "code": "<em-icon name=\"chat-o\" color=\"#1989fa\" />\n<em-icon name=\"chat-o\" color=\"#07c160\" />"
93
- },
94
- {
95
- "title": "图标大小",
96
- "code": "<em-icon name=\"chat-o\" size=\"40\" />\n<em-icon name=\"chat-o\" size=\"3rem\" />"
97
- },
98
- {
99
- "title": "自定义图标",
100
- "code": "<style>\n /* 引入第三方或自定义的字体图标样式 */\n @font-face {\n font-family: 'my-icon';\n src: url('./my-icon.ttf') format('truetype');\n }\n\n .my-icon {\n font-family: 'my-icon';\n }\n\n .my-icon-extra::before {\n content: '\\e626';\n }\n</style>\n\n<!-- 通过 class-prefix 指定类名为 my-icon -->\n<em-icon class-prefix=\"my-icon\" name=\"extra\" />"
101
- }
102
- ]
103
- }
104
- }
@@ -1,169 +0,0 @@
1
- {
2
- "id": "image",
3
- "name": "em-image",
4
- "title": "图片",
5
- "description": "增强版的 `img` 标签,提供多种图片填充模式,支持图片懒加载、加载中提示、加载失败提示。",
6
- "props": [
7
- {
8
- "name": "src",
9
- "type": "string",
10
- "default": "-",
11
- "required": false,
12
- "description": "图片链接"
13
- },
14
- {
15
- "name": "fit",
16
- "type": "string",
17
- "default": "默认为fill,注意:scale-down属性无效",
18
- "required": false,
19
- "description": "图片填充模式"
20
- },
21
- {
22
- "name": "width",
23
- "type": "number / string",
24
- "default": "100",
25
- "required": false,
26
- "description": "宽度,默认单位为`px`"
27
- },
28
- {
29
- "name": "height",
30
- "type": "number / string",
31
- "default": "100",
32
- "required": false,
33
- "description": "高度,默认单位为`px`"
34
- },
35
- {
36
- "name": "radius",
37
- "type": "number / string",
38
- "default": "0",
39
- "required": false,
40
- "description": "圆角大小,默认单位为`px`"
41
- },
42
- {
43
- "name": "round",
44
- "type": "boolean",
45
- "default": "false",
46
- "required": false,
47
- "description": "是否显示为圆形"
48
- },
49
- {
50
- "name": "lazy-load",
51
- "type": "boolean",
52
- "default": "false",
53
- "required": false,
54
- "description": "是否开启图片懒加载,只针对`page`与`scroll-view`下的 image 有效"
55
- },
56
- {
57
- "name": "show-error",
58
- "type": "boolean",
59
- "default": "true",
60
- "required": false,
61
- "description": "是否展示图片加载失败提示"
62
- },
63
- {
64
- "name": "show-loading",
65
- "type": "boolean",
66
- "default": "true",
67
- "required": false,
68
- "description": "是否展示图片加载中提示"
69
- },
70
- {
71
- "name": "error-icon",
72
- "type": "string",
73
- "default": "photo-fail",
74
- "required": false,
75
- "description": "失败时提示的图标名称或图片链接"
76
- },
77
- {
78
- "name": "loading-icon",
79
- "type": "string",
80
- "default": "photo",
81
- "required": false,
82
- "description": "加载时提示的图标名称或图片链接"
83
- },
84
- {
85
- "name": "icon-prefix",
86
- "type": "string",
87
- "default": "van-icon",
88
- "required": false,
89
- "description": "图标类名前缀,同 `Icon` 组件的 `class-prefix` 属性"
90
- }
91
- ],
92
- "events": [
93
- {
94
- "name": "click",
95
- "parameters": "点击图片时触发",
96
- "description": "event: Event"
97
- },
98
- {
99
- "name": "load",
100
- "parameters": "图片加载完毕时触发",
101
- "description": "-"
102
- },
103
- {
104
- "name": "error",
105
- "parameters": "图片加载失败时触发",
106
- "description": "-"
107
- }
108
- ],
109
- "slots": [
110
- {
111
- "name": "default v8.3.11",
112
- "description": "自定义图片下方的内容"
113
- },
114
- {
115
- "name": "loading",
116
- "description": "自定义加载中的提示内容"
117
- },
118
- {
119
- "name": "error",
120
- "description": "自定义加载失败时的提示内容"
121
- }
122
- ],
123
- "examples": {
124
- "vue2": [
125
- {
126
- "title": "基础用法",
127
- "code": "<em-image width=\"100\" height=\"100\" src=\"https://img.yzcdn.cn/vant/cat.jpeg\" />"
128
- },
129
- {
130
- "title": "填充模式",
131
- "code": "<em-image width=\"10rem\" height=\"10rem\" fit=\"contain\" src=\"https://img.yzcdn.cn/vant/cat.jpeg\" />"
132
- },
133
- {
134
- "title": "圆形图片",
135
- "code": "<em-image round width=\"10rem\" height=\"10rem\" src=\"https://img.yzcdn.cn/vant/cat.jpeg\" />"
136
- },
137
- {
138
- "title": "图片懒加载",
139
- "code": "<em-image width=\"100\" height=\"100\" lazy-load src=\"https://img.yzcdn.cn/vant/cat.jpeg\" />"
140
- },
141
- {
142
- "title": "加载中提示",
143
- "code": "<em-image src=\"https://img.yzcdn.cn/vant/cat.jpeg\">\n <template v-slot:loading>\n <em-loading type=\"spinner\" size=\"20\" />\n </template>\n</em-image>"
144
- }
145
- ],
146
- "vue3": [
147
- {
148
- "title": "基础用法",
149
- "code": "<em-image width=\"100\" height=\"100\" src=\"https://img.yzcdn.cn/vant/cat.jpeg\" />"
150
- },
151
- {
152
- "title": "填充模式",
153
- "code": "<em-image width=\"10rem\" height=\"10rem\" fit=\"contain\" src=\"https://img.yzcdn.cn/vant/cat.jpeg\" />"
154
- },
155
- {
156
- "title": "圆形图片",
157
- "code": "<em-image round width=\"10rem\" height=\"10rem\" src=\"https://img.yzcdn.cn/vant/cat.jpeg\" />"
158
- },
159
- {
160
- "title": "图片懒加载",
161
- "code": "<em-image width=\"100\" height=\"100\" lazy-load src=\"https://img.yzcdn.cn/vant/cat.jpeg\" />"
162
- },
163
- {
164
- "title": "加载中提示",
165
- "code": "<em-image src=\"https://img.yzcdn.cn/vant/cat.jpeg\">\n <template v-slot:loading>\n <em-loading type=\"spinner\" size=\"20\" />\n </template>\n</em-image>"
166
- }
167
- ]
168
- }
169
- }