8000 搜索开发 · sam9831/mpvue-imooc-ebook-docs@0d8a9e9 · GitHub
[go: up one dir, main page]
Skip to content

Commit 0d8a9e9

Browse files
sam9831sam9831
committed
搜索开发
1 parent cb788cd commit 0d8a9e9

File tree

6 files changed

+163
-1
lines changed

6 files changed

+163
-1
lines changed

‎docs/guide/dev/search.md

Lines changed: 163 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,165 @@
11
# 搜索开发
22

3-
> 写作中
3+
## 搜索视觉稿
4+
[http://www.youbaobao.xyz/mpvue-design/preview/#artboard1](http://www.youbaobao.xyz/mpvue-design/preview/#artboard1)
5+
6+
## 标签组件
7+
可交互的标签组件
8+
![tag](../images/component_tag.png)
9+
<table>
10+
<tr>
11+
<th>组件名称</th>
12+
<th>属性</th>
13+
<th>参数</th>
14+
<th>用途</th>
15+
<th>默认值</th>
16+
</tr>
17+
<tr>
18+
<td rowspan="2">Tag</td>
19+
<td>props</td>
20+
<td>text</td>
21+
<td>标签文本</td>
22+
<td>(空)</td>
23+
</tr>
24+
<tr>
25+
<td>methods</td>
26+
<td>onClick</td>
27+
<td>标签点击事件</td>
28+
<td>(空)</td>
29+
</tr>
30+
</table>
31+
32+
## 标签分组组件
33+
标签分组组件，包含一个标题和按钮，以及标签分组
34+
![tag_group](../images/component_tag_group.png)
35+
36+
<table>
37+
<tr>
38+
<th>组件名称</th>
39+
<th>属性</th>
40+
<th>参数</th>
41+
<th>用途</th>
42+
<th>默认值</th>
43+
</tr>
44+
<tr>
45+
<td rowspan="5">TagGroup</td>
46+
<td rowspan="3">props</td>
47+
<td>headerText</td>
48+
<td>标题文本</td>
49+
<td>(空)</td>
50+
</tr>
51+
<tr>
52+
<td>btnText</td>
53+
<td>按钮文本</td>
54+
<td>(空)</td>
55+
</tr>
56+
<tr>
57+
<td>value</td>
58+
<td>标签数据</td>
59+
<td>[]</td>
60+
</tr>
61+
<tr>
62+
<td rowspan="2">methods</td>
63+
<td>onTagClick</td>
64+
<td>标签点击事件</td>
65+
<td>(空)</td>
66+
</tr>
67+
<tr>
68+
<td>onBtnClick</td>
69+
<td>按钮点击事件</td>
70+
<td>(空)</td>
71+
</tr>
72+
</table>
73+
74+
## 搜索分类组件
75+
搜索列表中的分类组件
76+
![component_search_item](../images/component_search_item.jpg)
77+
78+
<table>
79+
<tr>
80+
<th>组件名称</th>
81+
<th>属性</th>
82+
<th>参数</th>
83+
<th>用途</th>
84+
<th>默认值</th>
85+
</tr>
86+
<tr>
87+
<td rowspan="4">SearchItem</td>
88+
<td rowspan="3">props</td>
89+
<td>title</td>
90+
<td>标题文本</td>
91+
<td>(空)</td>
92+
</tr>
93+
<tr>
94+
<td>subTitle</td>
95+
<td>副标题文本</td>
96+
<td>(空)</td>
97+
</tr>
98+
<tr>
99+
<td>icon</td>
100+
<td>图标类型</td>
101+
<td>(空)</td>
102+
</tr>
103+
<tr>
104+
<td>methods</td>
105+
<td>onClick</td>
106+
<td>分类点击事件</td>
107+
<td>(空)</td>
108+
</tr>
109+
</table>
110+
111+
## 搜索列表组件
112+
搜索结果列表组件
113+
114+
![component_search_table](../images/component_search_table.png)
115+
116+
<table>
117+
<tr>
118+
<th>组件名称</th>
119+
<th>属性</th>
120+
<th>参数</th>
121+
<th>用途</th>
122+
<th>默认值</th>
123+
</tr>
124+
<tr>
125+
<td rowspan="2">SearchTable</td>
126+
<td>props</td>
127+
<td>data</td>
128+
<td>列表数据</td>
129+
<td>[]</td>
130+
</tr>
131+
<tr>
132+
<td>methods</td>
133+
<td>onClick</td>
134+
<td>图书点击事件</td>
135+
<td>(空)</td>
136+
</tr>
137+
</table>
138+
139+
## 综合搜索列表组件
140+
包含分类和列表的综合搜索列表
141+
142+
![component_search_list](../images/component_search_list.jpg)
143+
144+
<table>
145+
<tr>
146+
<th>组件名称</th>
147+
<th>属性</th>
148+
<th>参数</th>
149+
<th>用途</th>
150+
<th>默认值</th>
151+
</tr>
152+
<tr>
153+
<td rowspan="2">SearchList</td>
154+
<td>props</td>
155+
<td>data</td>
156+
<td>列表数据</td>
157+
<td>{}</td>
158+
</tr>
159+
<tr>
160+
<td>methods</td>
161+
<td>showList</td>
162+
<td>展示分类点击后的列表</td>
163+
<td>(空)</td>
164+
</tr>
165+
</table>

‎docs/guide/images/component_search_item.jpg

32.3 KB
Loading

‎docs/guide/images/component_search_list.jpg

127 KB
Loading

‎docs/guide/images/component_search_table.png

187 KB
Loading

‎docs/guide/images/component_tag.png

27.9 KB
Loading

‎docs/guide/images/component_tag_group.png

34.4 KB
Loading

0 commit comments

Comments
 (0)
0