├── .gitignore
├── .hbuilderx
    └── launch.json
├── App.vue
├── LICENSE
├── README.md
├── androidPrivacy.json
├── components
    └── wyb-drop-down
    │   ├── iconfont.css
    │   └── wyb-drop-down.vue
├── h5.html
├── index.html
├── main.js
├── manifest.json
├── pages.json
├── pages
    ├── cate
    │   └── cate.vue
    ├── index
    │   ├── index.css
    │   └── index.vue
    ├── like
    │   ├── like.css
    │   └── like.vue
    ├── login
    │   ├── login.css
    │   └── login.vue
    ├── mine
    │   ├── mine.css
    │   └── mine.vue
    ├── player
    │   ├── player.css
    │   └── player.vue
    └── search
    │   ├── search.css
    │   └── search.vue
├── static
    ├── 0-n.png
    ├── logo.png
    └── tabbar
    │   ├── bilibili.png
    │   ├── bilibili_sel.png
    │   ├── like.png
    │   ├── like_sel.png
    │   ├── mine.png
    │   └── mine_sel.png
├── uni.scss
└── uni_modules
    ├── uni-collapse
        ├── changelog.md
        ├── components
        │   ├── uni-collapse-item
        │   │   └── uni-collapse-item.vue
        │   └── uni-collapse
        │   │   └── uni-collapse.vue
        ├── package.json
        └── readme.md
    ├── uni-icons
        ├── changelog.md
        ├── components
        │   └── uni-icons
        │   │   ├── icons.js
        │   │   ├── uni-icons.vue
        │   │   ├── uniicons.css
        │   │   └── uniicons.ttf
        ├── package.json
        └── readme.md
    ├── uni-scss
        ├── changelog.md
        ├── index.scss
        ├── package.json
        ├── readme.md
        ├── styles
        │   ├── index.scss
        │   ├── setting
        │   │   ├── _border.scss
        │   │   ├── _color.scss
        │   │   ├── _radius.scss
        │   │   ├── _space.scss
        │   │   ├── _styles.scss
        │   │   ├── _text.scss
        │   │   └── _variables.scss
        │   └── tools
        │   │   └── functions.scss
        ├── theme.scss
        └── variables.scss
    └── uni-search-bar
        ├── changelog.md
        ├── components
            └── uni-search-bar
            │   ├── i18n
            │       ├── en.json
            │       ├── index.js
            │       ├── zh-Hans.json
            │       └── zh-Hant.json
            │   └── uni-search-bar.vue
        ├── package.json
        └── readme.md


/.gitignore:
--------------------------------------------------------------------------------
1 | /unpackage


--------------------------------------------------------------------------------
/.hbuilderx/launch.json:
--------------------------------------------------------------------------------
 1 | { // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
 2 |   // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
 3 |     "version": "0.0",
 4 |     "configurations": [{
 5 |      	"app-plus" : 
 6 |      	{
 7 |      		"launchtype" : "local"
 8 |      	},
 9 |      	"default" : 
10 |      	{
11 |      		"launchtype" : "local"
12 |      	},
13 |      	"type" : "uniCloud"
14 |      }
15 |     ]
16 | }
17 | 


--------------------------------------------------------------------------------
/App.vue:
--------------------------------------------------------------------------------
 1 | <script>
 2 | 	export default {
 3 | 		onLaunch: function() {
 4 | 			console.log('App Launch')
 5 | 		},
 6 | 		onShow: function() {
 7 | 			console.log('App Show')
 8 | 		},
 9 | 		onHide: function() {
10 | 			console.log('App Hide')
11 | 		}
12 | 	}
13 | </script>
14 | 
15 | <style>
16 | 	/*每个页面公共css */
17 | </style>
18 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2022 Anthony Lu
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # uni-bilibili
 2 | 
 3 | - 这是一个基于 uni-app 的 bilibili 第三方应用
 4 | - api 来源于 [https://github.com/SocialSisterYi/bilibili-API-collect](https://github.com/SocialSisterYi/bilibili-API-collect)
 5 | 
 6 | ### 目前的进度ToDo
 7 | #### 首页：
 8 | - [x] 首页内容的加载
 9 | - [x] 首页内容的跳转
10 | 
11 | #### 动态：
12 | - [ ] 动态视频的加载
13 | - [ ] 文本动态的加载
14 | - [ ] 动态详情
15 | 
16 | #### 我的：
17 | - [ ] 登录功能
18 | - [ ] 退出登录功能
19 | - [ ] 历史记录功能
20 | - [ ] 收藏功能
21 | - [ ] 个人中心功能
22 | 
23 | #### 搜索
24 | - [x] 简单获取视频
25 | - [x] 视频跳转播放
26 | - [x] 关键字高亮
27 | - [x] 按不同方式排序
28 | - [ ] 其他类型内容搜索
29 | 
30 | #### 视频
31 | - [x] 导航栏显示视频标题
32 | - [x] 视频推荐
33 | - [x] 显示播放数据
34 | - [ ] 获取弹幕
35 | - [ ] 发送弹幕
36 | - [ ] 评论
37 | 	- [x] 评论展示
38 | 	- [ ] 回复评论
39 | - [ ] 点赞、转发、收藏
40 | - [ ] 视频画质选择
41 | - [ ] 分 P、番剧


--------------------------------------------------------------------------------
/androidPrivacy.json:
--------------------------------------------------------------------------------
1 | {
2 |     "prompt" : "none"
3 | }
4 | 


--------------------------------------------------------------------------------
/components/wyb-drop-down/iconfont.css:
--------------------------------------------------------------------------------
 1 | @font-face {font-family: "iconfont";
 2 |   src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAAsAAAAABxwAAALZAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqBYIFNATYCJAMQCwoABCAFhG0HPRs0BsgusG3YowCKZblG/A248I8FOyAe+Oye987uPHySFUCVQo0KTFJCRZnz739uc6TZ6xcSFkmmSfPs/p8faiVYyJAysa8jwJbrp83gaCY/j/s8l9O7q4ACmd/Ochtr0Z5+1AswDijQsQZt4QI6QW6pXcSBwSv/1nYCCqqqsdC7M5oKSRHpFxDmudwQkr2QKEbZvCA7MzUKh2Tkk93JOxzUvw//aBnyJDIpMnTQjLYt1H4v9UeQN/18GCcJYQJ3dgYpGiMSZs2mppCFiJ8qyI6iLfLyEn7P/b7mjxDH1smHZfQvjyCRErJIZWHQ2kun/J7jNIHfTzQJf4gVUvghxnw/0x4DfV5lXaBHlFVi7aO0/bxWdv6+cPdRmdlrbzn+qfO6PVN6994+P/v5PWXZ++LdvWUs9gsXP7QrtrfB91P9aflbn1u37JV5vmPHmbH/a+bW/pculdBKpMfTy/pJ27c1d3s3Ha40b4Xnb7c73PMn7hxVM+r+psb222nvS698xqM+qUXITmlvaakgkG5KhgsC6ePkJarZcby5/0ws1vn5QhH8iDY/1tYIZoAvBViBWAWwLpYq4ogxV3N5FYzKghIJClIX6MxR0m9XGMuAawnyyhwI5lRpkcqrTUZeY2QU0hpZed1QUCP9ZhdSyhKyEAugoe0OguIeIlHUK6SKe09G3q/IKOs/ZBUPKQoaEUotWUjdMDvda4XGBm2YcoTZFkWMuTZpUz1Gvg2MVVelBXNcrd0otGjafJjtYoSrK0Ys3fHKsg2DGSsKoa+zGwYBwaIVeWhtCrM2m0W1WbMZc3cqTKVQSOtlBRk2kA1McQRms5AIk8030qPvjyFuK2BYrTAW0nNoZc1tH7TQVHMA2dVHIMav3LLUDlexzAYDZlghIdDX8aKApghYNN/JgywbBbMOJBaqmnmNZkD1heeNIYZboCByVgxJSEMMGdlpW5fTVplG+0he5RqCAAAAAA==') format('woff2')
 3 | }
 4 | 
 5 | .iconfont {
 6 |   font-family: "iconfont" !important;
 7 |   margin-top: 5rpx;
 8 |   font-style: normal;
 9 |   -webkit-font-smoothing: antialiased;
10 |   -moz-osx-font-smoothing: grayscale;
11 | }
12 | 
13 | .icon-selected:before {
14 |   content: "\e613";
15 | }
16 | 
17 | .icon-down:before {
18 |   font-weight: bold;
19 |   content: "\e67a";
20 | }
21 | 
22 | .icon-down-fill:before {
23 |   content: "\e701";
24 | }
25 | 
26 | 


--------------------------------------------------------------------------------
/components/wyb-drop-down/wyb-drop-down.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view 
  3 | 	 class="wyb-drop-down-box"
  4 | 	 :style="{
  5 | 		 '--duration': duration + 'ms',
  6 | 		 '--autoContentTop': autoContentTop}">
  7 | 		
  8 | 		<view class="wyb-drop-down-container" @tap.stop.prevent @touchmove.stop.prevent>
  9 | 			<view 
 10 | 			 class="wyb-drop-down-header"
 11 | 			 id="wyb-drop-down-header"
 12 | 			 :style="{
 13 | 				 zIndex: zIndex,
 14 | 				 backgroundColor: bgColor.header,
 15 | 				 top: systemBarHeight + 56 + 'px'}">
 16 | 				<view 
 17 | 				 class="wyb-drop-down-header-item"
 18 | 				 v-for="(item,index) in options"
 19 | 				 :key="item.header"
 20 | 				 @tap.stop="onHeaderTap(index)"
 21 | 				 :style="{fontSize: fontSize.header + 'rpx'}">
 22 | 					<text
 23 | 					 class="wyb-drop-down-header-item-label"
 24 | 					 :style="{
 25 | 						 fontWeight: headerActiveIndex === index && dropOver && activeWeight ? 'bold' : 'normal',
 26 | 						 color: headerActiveIndex === index && dropOver ? activeColor: defaultColor}">{{item.header}}</text>
 27 | 					<text
 28 | 					 v-if="dropIcon === 'fill'"
 29 | 					 class="iconfont icon-down-fill wyb-drop-down-header-item-icon"
 30 | 					 :class="[headerActiveIndex === index && dropOver ? 'wyb-drop-down-header-item-icon-active' : '']"
 31 | 					 :style="{
 32 | 						 fontSize: fontSize.header - 5 + 'rpx',
 33 | 						 color: headerActiveIndex === index && dropOver ? activeColor: defaultColor}" />
 34 | 					<text
 35 | 					 v-if="dropIcon==='line'"
 36 | 					 class="iconfont icon-down wyb-drop-down-header-item-icon"
 37 | 					 :class="[headerActiveIndex === index && dropOver ? 'wyb-drop-down-header-item-icon-active' : '']"
 38 | 					 :style="{
 39 | 						 fontSize: fontSize.header - 5 + 'rpx',
 40 | 						 transformOrigin: '50% 45%',
 41 | 						 color: headerActiveIndex === index && dropOver ? activeColor: defaultColor}" />
 42 | 					<view class="wyb-drop-down-vline" v-if="index !== options.length - 1" />
 43 | 				</view>
 44 | 			</view>
 45 | 			
 46 | 			<scroll-view 
 47 | 			 v-if="dropDown"
 48 | 			 class="wyb-drop-down-content" 
 49 | 			 :class="[dropOver ? 'wyb-drop-down-content-active' : '']"
 50 | 			 :scroll-y="scroll"
 51 | 			 :enable-flex="true"
 52 | 			 :scroll-anchoring="true"
 53 | 			 :style="{
 54 | 				 zIndex: zIndex - 1,
 55 | 				 fontSize: fontSize.content + 'rpx',
 56 | 				 backgroundColor: bgColor.content,
 57 | 				 borderBottomLeftRadius: radius + 'px',
 58 | 				 borderBottomRightRadius: radius + 'px',
 59 | 				 minHeight: minHeight + 'rpx',
 60 | 				 height: autoHeight ? 'auto' : minHeight + 'rpx',
 61 | 				 maxHeight: autoHeight && maxHeight ? maxHeight + 'rpx' : 'auto',
 62 | 				 top: 56 + rpxSystemBarHeight + systemBarHeight + 'px'}">
 63 | 				 <view class="wyb-drop-down-content-box" v-for="(item,index) in options" :key="contentBoxKey(index)">
 64 | 				 	<view v-if="item['custom'] && headerActiveIndex === index && dropDown" class="wyb-drop-down-content-slot">
 65 | 						<slot></slot>
 66 | 					</view>
 67 | 					<view
 68 | 					 v-if="!item['custom'] && headerActiveIndex === index && dropDown"
 69 | 					 class="wyb-drop-down-content-item"
 70 | 					 v-for="(content,zIndex) in item['contents']"
 71 | 					 :key="content"
 72 | 					 @tap.stop="onContentItemsTap(zIndex)">
 73 | 						<text
 74 | 						 class="wyb-drop-down-content-item-label"
 75 | 						 :style="{color: contentActiveIndexList[headerActiveIndex]['index'] === zIndex && dropOver ? activeColor: defaultColor}">
 76 | 							{{content}}
 77 | 						</text>
 78 | 						<text
 79 | 						 v-if="contentActiveIndexList[headerActiveIndex]['index'] === zIndex && dropOver"
 80 | 						 :style="{color: activeColor}"
 81 | 						 class="iconfont icon-selected wyb-drop-down-content-item-icon" />
 82 | 						<view class="wyb-drop-down-line" v-if="zIndex !== options[headerActiveIndex].contents.length - 1" />
 83 | 					</view>
 84 | 				 </view>
 85 | 			</scroll-view>
 86 | 		</view>
 87 | 		
 88 | 		<view
 89 | 		 v-if="dropDown"
 90 | 		 class="wyb-drop-down-mask"
 91 | 		 :class="[dropOver ? 'wyb-drop-down-mask-active' : '']"
 92 | 		 @tap.stop="close"
 93 | 		 @touchmove.stop.prevent
 94 | 		 :style="{
 95 | 			 zIndex: zIndex - 2,
 96 | 			 height: screenHeight + 'px',
 97 | 			 backgroundColor: 'rgba(0, 0, 0, ' + maskAlpha + ')',
 98 | 			 top: 56 + systemBarHeight + 'px'}" />
 99 | 	</view>
100 | </template>
101 | 
102 | <script>
103 | 	export default {
104 | 		data() {
105 | 			return {
106 | 				dropDown: false,
107 | 				dropOver: false,
108 | 				duration: 500,
109 | 				contents: this.options[0].contents || [0],
110 | 				headerActiveIndex: 0,
111 | 				contentActiveIndexList: [],
112 | 				systemBarHeight: 0,
113 | 				rpxSystemBarHeight: 0
114 | 			}
115 | 		},
116 | 		computed: {
117 | 			autoContentTop() {
118 | 				return `${44 + this.rpxToPx(100)}px`
119 | 			},
120 | 			screenHeight() {
121 | 				return uni.getSystemInfoSync().screenHeight
122 | 			},
123 | 			screenWidth() {
124 | 				return uni.getSystemInfoSync().screenWidth
125 | 			},
126 | 			contentBoxKey() {
127 | 				return function(index) {
128 | 					return `option${index}`
129 | 				}
130 | 			}
131 | 		},
132 | 		props: {
133 | 			options: {
134 | 				type: Array,
135 | 				default() {
136 | 					return [{
137 | 						header: 'A',
138 | 						contents: ['1', '2']
139 | 					}]
140 | 				}
141 | 			},
142 | 			defaultIndexList: {
143 | 				type: Array,
144 | 				default() {
145 | 					return []
146 | 				}
147 | 			},
148 | 			autoHeight: {
149 | 				type: Boolean,
150 | 				default: true
151 | 			},
152 | 			minHeight: {
153 | 				type: [String, Number],
154 | 				default: 10
155 | 			},
156 | 			maxHeight: {
157 | 				type: [String, Number],
158 | 				default: 600
159 | 			},
160 | 			scroll: {
161 | 				type: Boolean,
162 | 				default: true
163 | 			},
164 | 			radius: {
165 | 				type: [String, Number],
166 | 				default: '0'
167 | 			},
168 | 			activeColor: {
169 | 				type: String,
170 | 				default: '#2979ff'
171 | 			},
172 | 			activeWeight: {
173 | 				type: Boolean,
174 | 				default: true
175 | 			},
176 | 			defaultColor: {
177 | 				type: String,
178 | 				default: '#333'
179 | 			},
180 | 			bgColor: {
181 | 				type: Object,
182 | 				default() {
183 | 					return {
184 | 						header: '#fff',
185 | 						content: '#fff'
186 | 					}
187 | 				}
188 | 			},
189 | 			dropIcon: {
190 | 				type: String,
191 | 				default: 'fill'
192 | 			},
193 | 			fontSize: {
194 | 				type: Object,
195 | 				default() {
196 | 					return {
197 | 						header: 30,
198 | 						content: 30
199 | 					}
200 | 				}
201 | 			},
202 | 			maskAlpha: {
203 | 				type: [String, Number],
204 | 				default: '0.5'
205 | 			},
206 | 			zIndex: {
207 | 				type: Number,
208 | 				default: 500
209 | 			}
210 | 		},
211 | 		mounted() {
212 | 			const query = uni.createSelectorQuery().in(this);
213 | 			query.select('#wyb-drop-down-header').boundingClientRect(data => {
214 | 				this.rpxSystemBarHeight = data.height
215 | 				uni.$emit('ddHeight',data.height)
216 | 			}).exec();
217 | 			if (this.defaultIndexList.length === 0) {
218 | 				this.options.forEach((item, index) => {
219 | 					if (!item.custom) {
220 | 						this.contentActiveIndexList.push({headerIndex: index, index: 0})
221 | 					} else {
222 | 						this.contentActiveIndexList.push({headerIndex: index, custom: true})
223 | 					}
224 | 				})
225 | 			} else {
226 | 				let i = 0
227 | 				this.options.forEach((item, index) => {
228 | 					if (!item.custom) {
229 | 						this.contentActiveIndexList.push([...this.defaultIndexList][i])
230 | 						i++
231 | 					} else {
232 | 						this.contentActiveIndexList.push({headerIndex: index, custom: true})
233 | 					}
234 | 				})
235 | 			}
236 | 			this.getSysteminfo()
237 | 		},
238 | 		methods: {
239 | 			onHeaderTap(index) {
240 | 				let item = this.options[index]
241 | 				if (Object.is(this.headerActiveIndex, index) && this.dropOver) {
242 | 					this.close()
243 | 				} else {
244 | 					this.headerActiveIndex = index
245 | 					if (item.custom) {
246 | 						this.$emit('change', {
247 | 							headerIndex: index,
248 | 							header: this.options[index].header
249 | 						})
250 | 					}
251 | 					this.dropDown = true
252 | 					this.$nextTick(() => {
253 | 						this.dropOver = true
254 | 						this.$emit('show')
255 | 					})
256 | 				}
257 | 			},
258 | 			onContentItemsTap(index) {
259 | 				this.contentActiveIndexList[this.headerActiveIndex]['index'] = index
260 | 				this.$forceUpdate()
261 | 				let event = {
262 | 					headerIndex: this.headerActiveIndex,
263 | 					header: this.options[this.headerActiveIndex]['header'],
264 | 					contentIndex: index,
265 | 					content: this.options[this.headerActiveIndex]['contents'][index],
266 | 					contentActiveIndexList: this.contentActiveIndexList
267 | 				}
268 | 				this.$emit('select', event)
269 | 			},
270 | 			close() {
271 | 				this.dropOver = false
272 | 				setTimeout(() => {
273 | 					this.dropDown = false
274 | 					this.$emit('hide')
275 | 				}, this.duration)
276 | 			},
277 | 			rpxToPx(rpx) {
278 | 				return rpx / 750 * this.screenWidth
279 | 			},
280 | 			getSysteminfo() {
281 | 				uni.getSystemInfo({
282 | 					success: res => {
283 | 						this.systemBarHeight = res.statusBarHeight;
284 | 					}
285 | 				});
286 | 			}
287 | 		}
288 | 	}
289 | </script>
290 | 
291 | <style>
292 | 	@import './iconfont.css';
293 | 	.wyb-drop-down-mask {
294 | 		position: fixed;
295 | 		top: 44px;
296 | 		/* #ifndef H5 */
297 | 		top: 57px;
298 | 		/* #endif */
299 | 		left: 0;
300 | 		bottom: 0;
301 | 		right: 0;
302 | 		opacity: 0;
303 | 		transition: opacity var(--duration);
304 | 		z-index: 498;
305 | 	}
306 | 	
307 | 	.wyb-drop-down-mask-active {
308 | 		opacity: 1;
309 | 		transition: opacity var(--duration);
310 | 	}
311 | 	
312 | 	.wyb-drop-down-header {
313 | 		position: fixed;
314 | 		top: 44px;
315 | 		/* #ifndef H5 */
316 | 		top: 57px;
317 | 		/* #endif */
318 | 		left: 0;
319 | 		right: 0;
320 | 		display: flex;
321 | 		flex-direction: row;
322 | 		background-color: #fff;
323 | 		z-index: 500;
324 | 		box-shadow: 0px 0px 20px #00000020;
325 | 	}
326 | 	
327 | 	.wyb-drop-down-header-item {
328 | 		flex: 1;
329 | 		height: 100rpx;
330 | 		font-size: 30rpx;
331 | 		display: flex;
332 | 		flex-direction: row;
333 | 		align-items: center;
334 | 		justify-content: center;
335 | 		position: relative;
336 | 	}
337 | 	
338 | 	.wyb-drop-down-header-item-label {
339 | 		display: flex;
340 | 		flex-direction: row;
341 | 		align-items: center;
342 | 		justify-content: flex-end;
343 | 	}
344 | 	
345 | 	.wyb-drop-down-header-item-icon {
346 | 		margin-left: 20rpx;
347 | 		display: flex;
348 | 		flex-direction: row;
349 | 		align-items: center;
350 | 		justify-content: flex-start;
351 | 		transform-origin: 50% 40%;
352 | 		transform: rotate(0);
353 | 		transition: transform var(--duration);
354 | 	}
355 | 	
356 | 	.wyb-drop-down-header-item-icon-active {
357 | 		transform: rotate(180deg);
358 | 		transition: transform var(--duration);
359 | 	}
360 | 	
361 | 	.wyb-drop-down-content {
362 | 		position: fixed;
363 | 		top: var(--autoContentTop);
364 | 		/* #ifndef H5 */
365 | 		top: 200rpx;
366 | 		/* #endif */
367 | 		left: 0;
368 | 		right: 0;
369 | 		z-index: 499;
370 | 		display: flex;
371 | 		flex-direction: column;
372 | 		align-items: flex-start;
373 | 		background-color: #fff;
374 | 		transform: translateY(-100%);
375 | 		transition: transform var(--duration);
376 | 	}
377 | 	
378 | 	.wyb-drop-down-content-active {
379 | 		transform: translateY(0);
380 | 		transition: transform var(--duration);
381 | 	}
382 | 	
383 | 	.wyb-drop-down-content-item {
384 | 		width: 100%;
385 | 		height: 100rpx;
386 | 		font-size: 30rpx;
387 | 		display: flex;
388 | 		flex-direction: column;
389 | 		position: relative;
390 | 	}
391 | 	
392 | 	.wyb-drop-down-content-item-label {
393 | 		width: 90%;
394 | 		height: 100%;
395 | 		display: flex;
396 | 		flex-direction: row;
397 | 		align-items: center;
398 | 		justify-content: flex-start;
399 | 		padding-left: 50rpx;
400 | 	}
401 | 	
402 | 	.wyb-drop-down-content-item-icon {
403 | 		position: absolute;
404 | 		top: 50%;
405 | 		right: 40rpx;
406 | 		font-size: 40rpx;
407 | 		transform: translateY(-50%);
408 | 	}
409 | 	
410 | 	.wyb-drop-down-content-box {
411 | 		width: 100%;
412 | 		backdrop-filter: blur(20px);
413 | 	}
414 | 	
415 | 	.wyb-drop-down-content-slot {
416 | 		width: 100%;
417 | 		height: 100%;
418 | 	}
419 | 	
420 | 	.wyb-drop-down-vline {
421 | 		width: 1px;
422 | 		height: 40rpx;
423 | 		background-color: #eee;
424 | 		position: absolute;
425 | 		right: 0;
426 | 	}
427 | 
428 | 	.wyb-drop-down-line {
429 | 		width: 100%;
430 | 		height: 1px;
431 | 		background-color: #eee;
432 | 		margin-left: 50rpx;
433 | 	}
434 | </style>
435 | 


--------------------------------------------------------------------------------
/h5.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="zh-CN">
 3 | 
 4 | <head>
 5 |     <meta charset="utf-8">
 6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7 | 
 8 |     <title>
 9 |         <%= htmlWebpackPlugin.options.title %>
10 |     </title>
11 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
12 |     <meta name="referrer" content="never" />
13 |     <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
14 | </head>
15 | 
16 | <body>
17 |     <noscript>
18 |             <strong>Please enable JavaScript to continue.</strong>
19 |         </noscript>
20 |     <div id="app"></div>
21 |     <!-- built files will be auto injected -->
22 | 
23 | 
24 | 
25 | </body>
26 | 
27 | </html>


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 | 	<meta name="referrer"  content="never">
 6 |     <script>
 7 |       var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
 8 |         CSS.supports('top: constant(a)'))
 9 |       document.write(
10 |         '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
11 |         (coverSupport ? ', viewport-fit=cover' : '') + '" />')
12 |     </script>
13 |     <title></title>
14 |     <!--preload-links-->
15 |     <!--app-context-->
16 |   </head>
17 |   <body>
18 |     <div id="app"><!--app-html--></div>
19 |     <script type="module" src="/main.js"></script>
20 |   </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/main.js:
--------------------------------------------------------------------------------
 1 | import App from './App'
 2 | 
 3 | // #ifndef VUE3
 4 | import Vue from 'vue'
 5 | Vue.config.productionTip = false
 6 | App.mpType = 'app'
 7 | const app = new Vue({
 8 |     ...App
 9 | })
10 | app.$mount()
11 | // #endif
12 | 
13 | // #ifdef VUE3
14 | import { createSSRApp } from 'vue'
15 | export function createApp() {
16 |   const app = createSSRApp(App)
17 |   return {
18 |     app
19 |   }
20 | }
21 | // #endif


--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
  1 | {
  2 |     "name" : "uni bilibili",
  3 |     "appid" : "__UNI__ECBFF56",
  4 |     "description" : "",
  5 |     "versionName" : "1.0.0",
  6 |     "versionCode" : "100",
  7 |     "transformPx" : false,
  8 |     /* 5+App特有相关 */
  9 |     "app-plus" : {
 10 |         "usingComponents" : true,
 11 |         "nvueStyleCompiler" : "uni-app",
 12 |         "compilerVersion" : 3,
 13 |         "splashscreen" : {
 14 |             "alwaysShowBeforeRender" : true,
 15 |             "waiting" : true,
 16 |             "autoclose" : true,
 17 |             "delay" : 0
 18 |         },
 19 |         "compatible" : {
 20 |             "ignoreVersion" : true
 21 |         },
 22 |         /* 模块配置 */
 23 |         "modules" : {
 24 |             "VideoPlayer" : {},
 25 |             "Push" : {},
 26 |             "Share" : {},
 27 |             "UIWebview" : {}
 28 |         },
 29 |         /* 应用发布信息 */
 30 |         "distribute" : {
 31 |             /* android打包配置 */
 32 |             "android" : {
 33 |                 "permissions" : [
 34 |                     "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
 35 |                     "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
 36 |                     "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
 37 |                     "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
 38 |                     "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
 39 |                     "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
 40 |                     "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
 41 |                     "<uses-permission android:name=\"android.permission.CAMERA\"/>",
 42 |                     "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
 43 |                     "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
 44 |                     "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
 45 |                     "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
 46 |                     "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
 47 |                     "<uses-feature android:name=\"android.hardware.camera\"/>",
 48 |                     "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
 49 |                 ],
 50 |                 "targetSdkVersion" : 32,
 51 |                 "abiFilters" : [ "armeabi-v7a", "arm64-v8a", "x86" ]
 52 |             },
 53 |             /* ios打包配置 */
 54 |             "ios" : {},
 55 |             /* SDK配置 */
 56 |             "sdkConfigs" : {
 57 |                 "ad" : {},
 58 |                 "share" : {},
 59 |                 "push" : {}
 60 |             },
 61 |             "icons" : {
 62 |                 "android" : {
 63 |                     "hdpi" : "unpackage/res/icons/72x72.png",
 64 |                     "xhdpi" : "unpackage/res/icons/96x96.png",
 65 |                     "xxhdpi" : "unpackage/res/icons/144x144.png",
 66 |                     "xxxhdpi" : "unpackage/res/icons/192x192.png"
 67 |                 },
 68 |                 "ios" : {
 69 |                     "appstore" : "unpackage/res/icons/1024x1024.png",
 70 |                     "ipad" : {
 71 |                         "app" : "unpackage/res/icons/76x76.png",
 72 |                         "app@2x" : "unpackage/res/icons/152x152.png",
 73 |                         "notification" : "unpackage/res/icons/20x20.png",
 74 |                         "notification@2x" : "unpackage/res/icons/40x40.png",
 75 |                         "proapp@2x" : "unpackage/res/icons/167x167.png",
 76 |                         "settings" : "unpackage/res/icons/29x29.png",
 77 |                         "settings@2x" : "unpackage/res/icons/58x58.png",
 78 |                         "spotlight" : "unpackage/res/icons/40x40.png",
 79 |                         "spotlight@2x" : "unpackage/res/icons/80x80.png"
 80 |                     },
 81 |                     "iphone" : {
 82 |                         "app@2x" : "unpackage/res/icons/120x120.png",
 83 |                         "app@3x" : "unpackage/res/icons/180x180.png",
 84 |                         "notification@2x" : "unpackage/res/icons/40x40.png",
 85 |                         "notification@3x" : "unpackage/res/icons/60x60.png",
 86 |                         "settings@2x" : "unpackage/res/icons/58x58.png",
 87 |                         "settings@3x" : "unpackage/res/icons/87x87.png",
 88 |                         "spotlight@2x" : "unpackage/res/icons/80x80.png",
 89 |                         "spotlight@3x" : "unpackage/res/icons/120x120.png"
 90 |                     }
 91 |                 }
 92 |             },
 93 |             "splashscreen" : {
 94 |                 "useOriginalMsgbox" : false,
 95 |                 "androidStyle" : "common"
 96 |             }
 97 |         }
 98 |     },
 99 |     /* 快应用特有相关 */
100 |     "quickapp" : {},
101 |     /* 小程序特有相关 */
102 |     "mp-weixin" : {
103 |         "appid" : "",
104 |         "setting" : {
105 |             "urlCheck" : false
106 |         },
107 |         "usingComponents" : true
108 |     },
109 |     "mp-alipay" : {
110 |         "usingComponents" : true
111 |     },
112 |     "mp-baidu" : {
113 |         "usingComponents" : true
114 |     },
115 |     "mp-toutiao" : {
116 |         "usingComponents" : true
117 |     },
118 |     "uniStatistics" : {
119 |         "enable" : false
120 |     },
121 |     "vueVersion" : "2",
122 |     "h5" : {
123 |         "template" : "h5.html"
124 |     }
125 | }
126 | 


--------------------------------------------------------------------------------
/pages.json:
--------------------------------------------------------------------------------
  1 | {
  2 | 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
  3 | 		{
  4 | 			"path": "pages/index/index",
  5 | 			"style": {
  6 | 				"navigationBarTitleText": "首页",
  7 | 				"enablePullDownRefresh": true,
  8 | 				"onReachBottomDistance": 20
  9 | 			}
 10 | 		}
 11 | 	    ,{
 12 |             "path" : "pages/search/search",
 13 |             "style" :                                                                                    
 14 |             {
 15 |                 "navigationBarTitleText": "搜索",
 16 |                 "enablePullDownRefresh": false,
 17 | 				"navigationBarBackgroundColor":"#ffffff",
 18 | 				"navigationStyle":"custom",
 19 | 				"navigationBarTextStyle":"black",
 20 | 				"onReachBottomDistance": 50
 21 |             }
 22 |             
 23 |         }
 24 |         ,{
 25 |             "path" : "pages/cate/cate",
 26 |             "style" :                                                                                    
 27 |             {
 28 |                 "navigationBarTitleText": "分类",
 29 |                 "enablePullDownRefresh": false
 30 |             }
 31 |             
 32 |         }
 33 |         ,{
 34 |             "path" : "pages/like/like",
 35 |             "style" :                                                                                    
 36 |             {
 37 |                 "navigationBarTitleText": "动态",
 38 |                 "enablePullDownRefresh": false
 39 |             }
 40 |             
 41 |         }
 42 |         ,{
 43 |             "path" : "pages/mine/mine",
 44 |             "style" :                                                                                    
 45 |             {
 46 |                 "navigationBarTitleText": "我的",
 47 |                 "enablePullDownRefresh": false
 48 |             }
 49 |             
 50 |         }
 51 |         ,{
 52 |             "path" : "pages/player/player",
 53 |             "style" :                                                                                    
 54 |             {
 55 |                 "navigationBarTitleText": "",
 56 | 				"navigationBarBackgroundColor":"#000000",
 57 | 				"navigationStyle":"custom",
 58 |                 "enablePullDownRefresh": false,
 59 | 				"onReachBottomDistance": 20
 60 |             }
 61 |             
 62 |         }
 63 |         ,{
 64 |             "path" : "pages/login/login",
 65 |             "style" :                                                                                    
 66 |             {
 67 |                 "navigationBarTitleText": "登录",
 68 |                 "enablePullDownRefresh": false
 69 |             }
 70 |             
 71 |         }
 72 |     ],
 73 | 	"globalStyle": {
 74 | 		"navigationBarTextStyle": "white",
 75 | 		"navigationBarTitleText": "uni-app",
 76 | 		"navigationBarBackgroundColor": "#20b0e3",
 77 | 		"backgroundColor": "#F8F8F8"
 78 | 	},
 79 | 	"tabBar": {
 80 | 		"color": "#7A7E83",
 81 | 		"selectedColor": "#20b0e3",
 82 | 		"borderStyle": "white",
 83 | 		"backgroundColor": "#fafafa",
 84 | 		"height": "60px",
 85 | 		"list": [{
 86 | 			"pagePath": "pages/index/index",
 87 | 			"iconPath": "static/tabbar/bilibili.png",
 88 | 			"selectedIconPath": "static/tabbar/bilibili_sel.png",
 89 | 			"text": "首页"
 90 | 		}, {
 91 | 			"pagePath": "pages/like/like",
 92 | 			"iconPath": "static/tabbar/like.png",
 93 | 			"selectedIconPath": "static/tabbar/like_sel.png",
 94 | 			"text": "动态"
 95 | 		}, {
 96 | 			"pagePath": "pages/mine/mine",
 97 | 			"iconPath": "static/tabbar/mine.png",
 98 | 			"selectedIconPath": "static/tabbar/mine_sel.png",
 99 | 			"text": "我的"
100 | 		}]
101 | 	}
102 | }
103 | 


--------------------------------------------------------------------------------
/pages/cate/cate.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		
 4 | 	</view>
 5 | </template>
 6 | 
 7 | <script>
 8 | 	export default {
 9 | 		data() {
10 | 			return {
11 | 				
12 | 			}
13 | 		},
14 | 		methods: {
15 | 			
16 | 		}
17 | 	}
18 | </script>
19 | 
20 | <style>
21 | 
22 | </style>
23 | 


--------------------------------------------------------------------------------
/pages/index/index.css:
--------------------------------------------------------------------------------
 1 | .content {
 2 | 	display: flex;
 3 | 	flex-direction: column;
 4 | 	align-items: center;
 5 | 	justify-content: center;
 6 | }
 7 | 
 8 | #top_area{
 9 | 	position: fixed;
10 | 	top: 0;
11 | 	left: 0;
12 | 	width: 100%;
13 | 	background-color: #ffffffdd;
14 | 	backdrop-filter: blur(20px);
15 | 	display: flex;
16 | 	justify-content: center;
17 | 	z-index: 2;
18 | 	box-shadow: 0px 0px 10px #00000020;
19 | }
20 | .other{
21 | 	margin-top: 43px;
22 | }
23 | .search_area{
24 | 	margin-top: 20rpx;
25 | 	margin-bottom: 20rpx;
26 | 	background-color: #00000010;
27 | 	width: 90%;
28 | 	height: 70rpx;
29 | 	display: flex;
30 | 	justify-content: center;
31 | 	align-items: center;
32 | 	border-radius: 10rpx;
33 | }
34 | 
35 | #searchb{
36 | 	width: 730rpx;
37 | }
38 | 
39 | #list_top{
40 | 	height: 130rpx;
41 | }
42 | navigator{
43 | 	display: flex;
44 | 	flex-direction: column;
45 | 	margin: 0px 10rpx 20rpx 10rpx;
46 | 	box-shadow: 0px 0px 10px #00000015;
47 | 	justify-content: center;
48 | 	border-radius: 20rpx;
49 | }
50 | .video image{
51 | 	width: 350rpx;
52 | 	height: 230rpx;
53 | 	border-radius: 20rpx;
54 | }
55 | .list{
56 | 	display: flex;
57 | 	flex-direction: row;
58 | }
59 | 
60 | .own_i_p{
61 | 	display: flex;
62 | 	flex-direction: row;
63 | 	margin: 15rpx;
64 | 	align-items: center;
65 | }
66 | .own_i_p image{
67 | 	width: 80rpx;
68 | 	height: 80rpx;
69 | 	border-radius: 40rpx;
70 | 	box-shadow: 0px 0px 2px #00000040;
71 | }
72 | .own_txt{
73 | 	margin-left: 10rpx;
74 | 	width: 220rpx;
75 | 	font-size: 25rpx;
76 | 	overflow: hidden;
77 | 	text-overflow: ellipsis;
78 | 	white-space: nowrap;
79 | }
80 | .owner_name{
81 | 	font-weight: bold;
82 | }


--------------------------------------------------------------------------------
/pages/index/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="content">
  3 | 		<div id="top_area" :class="mobile">
  4 | 			<div class="search_area" @click="search">
  5 | 				<uni-icons type="search" size="25"></uni-icons>
  6 | 			</div>
  7 | 		</div>
  8 | 		<div id="list_top"></div>
  9 | 		<view style="margin-top: 40rpx; font-size: 30rpx; font-weight: bold; color: gray;" v-if="no_net">没有网络的连接QAQ</view>
 10 | 		<div class="list" v-if="!no_net">
 11 | 			<div class="left">
 12 | 				<div class="video" v-for="(item,index) in list_main" v-if="index % 2 === 0">
 13 | 					<navigator hover-stay-time="0" :url="'../player/player?id=' + item.bvid + '&title=' + item.title + '&img=' + item.owner.face + '&name=' + item.owner.name + '&desc=' + item.desc + '&view=' + item.stat.view + '&like=' + item.stat.like">
 14 | 						<image :src="item.pic" mode=""></image>
 15 | 						<view class="own_i_p">
 16 | 							<image :src="item.owner.face" mode=""></image>
 17 | 							<view class="own_txt">
 18 | 								<text class="title">{{ item.title }}\n<text class="owner_name">{{ item.owner.name }}</text></text>
 19 | 							</view>
 20 | 						</view>
 21 | 					</navigator>
 22 | 				</div>
 23 | 			</div>
 24 | 			<div class="right">
 25 | 				<div class="video" v-for="(item,index) in list_main" v-if="index % 2 !== 0">
 26 | 					<navigator hover-stay-time="0" :url="'../player/player?id=' + item.bvid + '&title=' + item.title + '&img=' + item.owner.face + '&name=' + item.owner.name + '&desc=' + item.desc + '&view=' + item.stat.view + '&like=' + item.stat.like">
 27 | 						<image :src="item.pic" mode=""></image>
 28 | 						<view class="own_i_p">
 29 | 							<image :src="item.owner.face" mode=""></image>
 30 | 							<view class="own_txt">
 31 | 								<text class="title">{{ item.title }}\n<text class="owner_name">{{ item.owner.name }}</text></text>
 32 | 							</view>
 33 | 						</view>
 34 | 					</navigator>
 35 | 				</div>
 36 | 			</div>
 37 | 		</div>
 38 | 	</view>
 39 | </template>
 40 | 
 41 | <script>
 42 | 	export default {
 43 | 		data() {
 44 | 			return {
 45 | 				mobile: '',
 46 | 				page: 1,
 47 | 				list_main: [],
 48 | 				no_net: false
 49 | 			}
 50 | 		},
 51 | 		onLoad() {
 52 | 			if (uni.getSystemInfoSync().platform === 'android'){
 53 | 				this.mobile = 'android'
 54 | 			} else {
 55 | 				this.mobile = 'other'
 56 | 			}
 57 | 			this.getList(false, 1)
 58 | 			this.getList(false, false)
 59 | 		},
 60 | 		onPullDownRefresh() {
 61 | 			setTimeout(() => {
 62 | 				this.list_main = []
 63 | 				this.getList(false, 1)
 64 | 			},300)
 65 | 		},
 66 | 		onReachBottom () {
 67 | 			var page = this.page = this.page + 1 
 68 | 			uni.showToast({
 69 | 				icon: 'loading',
 70 | 				duration: 1100
 71 | 			})
 72 | 			setTimeout(() => {
 73 | 				this.getList(true, page)
 74 | 			}, 1000)
 75 | 		},
 76 | 		methods: {
 77 | 			getList(bottom, page) {
 78 | 				var list = []
 79 | 				if (!bottom && page) {
 80 | 					uni.request({
 81 | 						url:'https://www.bilibili.com/index/ding.json?page=' + this.page,
 82 | 						success: (res) => {
 83 | 							this.list_main = res.data.douga
 84 | 							uni.stopPullDownRefresh()
 85 | 							this.no_net = false
 86 | 						},
 87 | 						fail: () => {
 88 | 							this.no_net = true
 89 | 						}
 90 | 					})
 91 | 				} else if (bottom && page) {
 92 | 					list = Object.values(this.list_main)
 93 | 					uni.request({
 94 | 						url:'https://www.bilibili.com/index/ding.json?page=' + page,
 95 | 						success: (res) => {
 96 | 							let more_list = Object.values(res.data.douga)
 97 | 							this.list_main = [...list, ...more_list]
 98 | 						}
 99 | 					})
100 | 				}
101 | 			},
102 | 			search() {
103 | 				uni.navigateTo({
104 | 					url:'../search/search'
105 | 				})
106 | 			}
107 | 		}
108 | 	}
109 | </script>
110 | 
111 | <style>
112 | 	@import url("./index.css");
113 | </style>
114 | 


--------------------------------------------------------------------------------
/pages/like/like.css:
--------------------------------------------------------------------------------
 1 | .content {
 2 | 	display: flex;
 3 | 	flex-direction: column;
 4 | 	align-items: center;
 5 | 	justify-content: center;
 6 | }
 7 | 
 8 | .notLogin{
 9 | 	display: flex;
10 | 	flex-direction: column;
11 | 	margin-top: 80rpx;
12 | 	align-items: center;
13 | }
14 | .notLogin text{
15 | 	margin-bottom: 60rpx;
16 | }
17 | .notLogin button{
18 | 	width: 690rpx;
19 | }


--------------------------------------------------------------------------------
/pages/like/like.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="content">
 3 | 		<view class="notLogin">
 4 | 			<text>你还未登录</text>
 5 | 			<button type="primary" @click="goToLogin()">登录</button>
 6 | 		</view>
 7 | 	</view>
 8 | </template>
 9 | 
10 | <script>
11 | 	export default {
12 | 		data() {
13 | 			return {
14 | 				
15 | 			}
16 | 		},
17 | 		methods: {
18 | 			goToLogin() {
19 | 				uni.navigateTo({
20 | 					url:'../login/login'
21 | 				})
22 | 			}
23 | 		}
24 | 	}
25 | </script>
26 | 
27 | <style>
28 | 	@import url("./like.css");
29 | </style>
30 | 


--------------------------------------------------------------------------------
/pages/login/login.css:
--------------------------------------------------------------------------------
 1 | .content {
 2 | 	display: flex;
 3 | 	flex-direction: column;
 4 | 	align-items: center;
 5 | 	justify-content: center;
 6 | }
 7 | 
 8 | image{
 9 | 	width: 316rpx;
10 | 	height: 316rpx;
11 | }
12 | input{
13 | 	background-color: #00000010;
14 | 	padding: 20rpx;
15 | 	margin-bottom: 20rpx;
16 | 	border-radius: 10rpx;
17 | }
18 | 
19 | .mm_value{
20 | 	display: flex;
21 | }
22 | .mm_btn{
23 | 	margin-bottom: 20rpx;
24 | 	margin-left: 20rpx;
25 | }
26 | 
27 | .login_btn{
28 | 	margin-top: 40rpx;
29 | }


--------------------------------------------------------------------------------
/pages/login/login.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="content">
 3 | 		<image src="../../static/0-n.png" mode=""></image>
 4 | 		<view class="user_login_list">
 5 | 			<input type="text" value="" placeholder="请输入电话号码" />
 6 | 			<view class="mm_value">
 7 | 				<input type="text" value="" placeholder="请输入验证码" />
 8 | 				<button type="default" class="mm_btn">获取验证码</button>
 9 | 			</view>
10 | 			<button type="primary" class="login_btn">登录</button>
11 | 		</view>
12 | 	</view>
13 | </template>
14 | 
15 | <script>
16 | 	export default {
17 | 		data() {
18 | 			return {
19 | 				
20 | 			}
21 | 		},
22 | 		onLoad() {
23 | 			uni.request({
24 | 				url:'https://passport.bilibili.com/x/passport-login/captcha?source=main_web',
25 | 				success: (res) => {
26 | 					console.log(res.data)
27 | 				}
28 | 			})
29 | 		},
30 | 		methods: {
31 | 			
32 | 		}
33 | 	}
34 | </script>
35 | 
36 | <style>
37 | 	@import url("./login.css");
38 | </style>
39 | 


--------------------------------------------------------------------------------
/pages/mine/mine.css:
--------------------------------------------------------------------------------
 1 | .content {
 2 | 	display: flex;
 3 | 	flex-direction: column;
 4 | 	align-items: center;
 5 | 	justify-content: center;
 6 | }
 7 | 
 8 | .user_info{
 9 | 	margin-top: 20rpx;
10 | 	display: flex;
11 | }
12 | .user_info view{
13 | 	margin: 20rpx;
14 | }
15 | 
16 | .user_img{
17 | 	margin-top: 40rpx;
18 | 	width: 200rpx;
19 | 	height: 200rpx;
20 | 	border-radius: 100rpx;
21 | }
22 | .user_list{
23 | 	margin-top: 80rpx;
24 | }
25 | 
26 | .list{
27 | 	width: 620rpx;
28 | 	background-color: #00000010;
29 | 	padding: 30rpx;
30 | 	border-radius: 20rpx;
31 | 	margin-bottom: 20rpx;
32 | }
33 | 
34 | button{
35 | 	margin-top: 40rpx;
36 | 	width: 680rpx;
37 | 	border-radius: 20rpx;
38 | }


--------------------------------------------------------------------------------
/pages/mine/mine.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="content">
 3 | 		<image src="../../static/logo.png" mode="" class="user_img"></image>
 4 | 		<view class="user_info" v-if="userLogin">
 5 | 			<view class="">
 6 | 				动态
 7 | 			</view>
 8 | 			<view class="">
 9 | 				关注
10 | 			</view>
11 | 			<view class="">
12 | 				粉丝
13 | 			</view>
14 | 		</view>
15 | 		<view class="user_list" v-if="userLogin">
16 | 			<navigator hover-stay-time="0" url="" class="list">我的空间</navigator>
17 | 			<navigator hover-stay-time="0" url="" class="list">历史记录</navigator>
18 | 			<navigator hover-stay-time="0" url="" class="list">我的收藏</navigator>
19 | 			<navigator hover-stay-time="0" url="" class="list">设置</navigator>
20 | 		</view>
21 | 		<button type="primary" @click="loginOrOut">登录</button>
22 | 	</view>
23 | </template>
24 | 
25 | <script>
26 | 	export default {
27 | 		data() {
28 | 			return {
29 | 				userLogin: false
30 | 			}
31 | 		},
32 | 		methods: {
33 | 			loginOrOut() {
34 | 				if (!this.userLogin) {
35 | 					uni.navigateTo({
36 | 						url:'../login/login'
37 | 					})
38 | 				} else {
39 | 					
40 | 				}
41 | 			}
42 | 		}
43 | 	}
44 | </script>
45 | 
46 | <style>
47 | 	@import url("./mine.css");
48 | </style>
49 | 


--------------------------------------------------------------------------------
/pages/player/player.css:
--------------------------------------------------------------------------------
  1 | .content {
  2 | 	display: flex;
  3 | 	flex-direction: column;
  4 | 	align-items: center;
  5 | }
  6 | .player{
  7 | 	width: 750rpx;
  8 | 	display: flex;
  9 | 	flex-direction: column;
 10 | 	justify-content: center;
 11 | 	align-items: center;
 12 | }
 13 | video{
 14 | 	width: 750rpx;
 15 | 	height: 422rpx;
 16 | 	position: fixed;
 17 | 	z-index: 10;
 18 | }
 19 | 
 20 | .owner{
 21 | 	width: 690rpx;
 22 | 	display: flex;
 23 | 	flex-direction: row;
 24 | }
 25 | .vd_main{
 26 | 	box-shadow: 0px 0px 15px #00000015;
 27 | 	border-radius: 20rpx;
 28 | 	padding-top: 20rpx;
 29 | 	padding-right: 20rpx;
 30 | }
 31 | .owner image{
 32 | 	margin-left: 20rpx;
 33 | 	width: 80rpx;
 34 | 	height: 80rpx;
 35 | 	border-radius: 40rpx;
 36 | }
 37 | .owner_text{
 38 | 	margin-left: 20rpx;
 39 | 	width: 550rpx;
 40 | 	display: flex;
 41 | 	flex-direction: column;
 42 | }
 43 | .ownm{
 44 | 	font-weight: bold;
 45 | }
 46 | .danmu_main{
 47 | 	display: flex;
 48 | 	flex-direction: row;
 49 | 	width: 750rpx;
 50 | 	position: fixed;
 51 | 	z-index: 522;
 52 | }
 53 | .danmu_main input{
 54 | 	background-color: #f5f5f5;
 55 | 	padding: 15rpx;
 56 | 	flex: 1;
 57 | 	height: auto;
 58 | }
 59 | .send{
 60 | 	background-color: #20b0e3;
 61 | 	width: 80rpx;
 62 | 	height: 80rpx;
 63 | 	text-align: center;
 64 | 	line-height: 80rpx;
 65 | }
 66 | .send:active{
 67 | 	background-color: #1783a7;
 68 | }
 69 | 
 70 | .fe_bar{
 71 | 	width: 710rpx;
 72 | 	display: flex;
 73 | 	flex-direction: row;
 74 | 	margin-top: 20rpx;
 75 | 	margin-bottom: 20rpx;
 76 | 	box-shadow: 0px 0px 15px #00000015;
 77 | 	justify-content: center;
 78 | 	border-radius: 20rpx;
 79 | }
 80 | .fe{
 81 | 	margin: 10px 50rpx 10px 50rpx;
 82 | }
 83 | 
 84 | .keyword{
 85 | 	font-style: normal;
 86 | }
 87 | 
 88 | .video_list{
 89 | 	width: 670rpx;
 90 | 	display: flex;
 91 | 	flex-direction: row;
 92 | 	padding: 20rpx;
 93 | 	box-shadow: 0px 0px 15px #00000015;
 94 | 	margin-bottom: 20rpx;
 95 | 	border-radius: 20rpx;
 96 | }
 97 | .video_list image{
 98 | 	border-radius: 16rpx;
 99 | 	width: 300rpx;
100 | 	height: 180rpx;
101 | 	margin-right: 20rpx;
102 | }
103 | .video_info{
104 | 	width: 390rpx;
105 | 	display: flex;
106 | 	flex-direction: column;
107 | 	justify-content: space-between;
108 | }
109 | .video_title{
110 | 	font-size: 14px;
111 | 	font-weight: bold;
112 | }
113 | 
114 | .up_main text{
115 | 	font-size: 14px;
116 | 	color: gray;
117 | }
118 | .video_in{
119 | 	display: flex;
120 | 	flex-direction: row;
121 | 	color: gray;
122 | }
123 | 
124 | .vd_info{
125 | 	display: flex;
126 | 	flex-direction: row;
127 | 	color: gray;
128 | 	width: 690rpx;
129 | 	padding-bottom: 20rpx;
130 | 	justify-content: center;
131 | }
132 | .system_bar{
133 | 	width: 750px;
134 | 	background-color: black;
135 | 	position: fixed;
136 | 	z-index: 520;
137 | 	top: 0;
138 | }
139 | .title_bar{
140 | 	width: 750rpx;
141 | 	height: 20px;
142 | 	padding: 5px;
143 | 	line-height: 40rpx;
144 | 	text-align: center;
145 | 	position: fixed;
146 | 	background-color: black;
147 | 	color: white;
148 | 	z-index: 520;
149 | 	overflow: hidden;
150 | 	-webkit-line-clamp: 1;
151 | 	text-overflow: ellipsis;
152 | 	white-space: nowrap;
153 | }
154 | 
155 | .vat{
156 | 	position: fixed;
157 | 	z-index: 520;
158 | 	height: 40px;
159 | 	box-shadow: 0px 0px 10px #00000020;
160 | 	width: 750rpx;
161 | 	display: flex;
162 | 	line-height: 40px;
163 | 	align-items: center;
164 | 	justify-content: center;
165 | 	background-color: white;
166 | }
167 | .vt{
168 | 	margin: 0px 40px 0px 40px;
169 | 	font-weight: bold;
170 | }
171 | .vt text{
172 | 	position: fixed;
173 | 	color: #00000030;
174 | 	margin-left: 10rpx;
175 | 	font-size: 25rpx;
176 | }
177 | 
178 | .va{
179 | 	display: flex;
180 | 	flex-direction: column;
181 | 	align-items: center;
182 | }
183 | .taa{
184 | 	display: flex;
185 | 	flex-direction: row;
186 | 	box-shadow: 0px 0px 15px #00000015;
187 | 	padding-top: 20rpx;
188 | 	border-radius: 20rpx;
189 | 	padding-bottom: 20rpx;
190 | 	padding-right: 20rpx;
191 | 	margin-bottom: 20rpx;
192 | }
193 | .atop{
194 | 	margin-bottom: 40rpx;
195 | }
196 | .atap{
197 | 	color: #20b0e3;
198 | 	font-size: 12px;
199 | 	background-color: #00000010;
200 | 	padding: 5rpx 10rpx 5rpx 10rpx;
201 | 	border-radius: 10rpx;
202 | }
203 | .paName{
204 | 	font-weight: bold;
205 | 	width: 570rpx;
206 | 	display: flex;
207 | 	justify-content: space-between;
208 | }
209 | .aimg{
210 | 	margin-left: 20rpx;
211 | 	width: 80rpx;
212 | 	height: 80rpx;
213 | 	border-radius: 40rpx;
214 | 	margin-right: 20rpx;
215 | }
216 | .imgAPa{
217 | 	width: 570rpx;
218 | }
219 | .ctime{
220 | 	font-size: 25rpx;
221 | 	color: gray;
222 | }
223 | .owntime{
224 | 	margin-top: 5rpx;
225 | 	font-size: 23rpx;
226 | 	color: gray;
227 | }
228 | 
229 | .like_icon{
230 | 	margin-right: 10rpx;
231 | }
232 | .likes{
233 | 	color: gray;
234 | }
235 | 
236 | .pxx{
237 | 	width: 710rpx;
238 | 	display: flex;
239 | 	flex-direction: row;
240 | 	justify-content: flex-end;
241 | 	align-items: center;
242 | 	margin-bottom: 20rpx;
243 | }
244 | .pxx text{
245 | 	font-size: 13px;
246 | 	color: gray;
247 | 	display: block;
248 | 	margin-right: 5px;
249 | }
250 | .more_ta{
251 | 	background-color: #00000010;
252 | 	border-radius: 18rpx;
253 | 	margin-top: 10rpx;
254 | 	margin-bottom: 10rpx;
255 | 	padding: 20rpx;
256 | }
257 | .reply{
258 | 	margin-left: 20rpx;
259 | 	color: gray;
260 | }
261 | .l_r{
262 | 	display: flex;
263 | 	flex-direction: row;
264 | 	align-items: center;
265 | }
266 | 
267 | .more_rp{
268 | 	position: fixed;
269 | 	width: 750rpx;
270 | 	background-color: white;
271 | 	z-index: 521;
272 | }
273 | .close_more_rp{
274 | 	width: 710rpx;
275 | 	height: 35px;
276 | 	display: flex;
277 | 	flex-direction: row;
278 | 	padding-right: 20rpx;
279 | 	padding-left: 20rpx;
280 | 	justify-content: space-between;
281 | 	align-items: center;
282 | 	box-shadow: 0px 0px 10px #00000020;
283 | }
284 | .more_rp_list{
285 | 	display: flex;
286 | 	flex-direction: column;
287 | 	align-items: center;
288 | 	padding-top: 10px;
289 | }
290 | .mrp{
291 | 	width: 690rpx;
292 | }


--------------------------------------------------------------------------------
/pages/player/player.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="content">
  3 | 		<view class="system_bar" :style="{height: systemBarHeight + 'px'}"></view>
  4 | 		<video :src="src" autoplay="true" danmu-btn="true" enable-danmu="true" :title="title" id="video_bl" :style="{top: systemBarHeight + 'px'}"></video>
  5 | 		<view class="danmu_main" :style="{marginTop: px2rpx42 + systemBarHeight + 'px'}">
  6 | 			<input type="text" placeholder="发送友谊的弹幕吧" value="" />
  7 | 			<div class="send">
  8 | 				<uni-icons type="paperplane-filled" size="30" color="white"></uni-icons>
  9 | 			</div>
 10 | 		</view>
 11 | 		<view class="vat" :style="{top: vatpx + systemBarHeight + 'px'}">
 12 | 			<view class="vt" :style="{color: selColor}" @click="vat('v')">
 13 | 				简介
 14 | 			</view>
 15 | 			<view class="vt" :style="{color: fselColor}" @click="vat('t')">
 16 | 				评论
 17 | 				<text v-if="acount">{{ acount }}</text>
 18 | 			</view>
 19 | 		</view>
 20 | 		<view class="va" v-show="vatShow" :style="{marginTop: px2rpx52 + 40 + systemBarHeight + 'px'}">
 21 | 			<view class="vd_main">
 22 | 				<view class="owner">
 23 | 					<image :src="ownerImg" mode=""></image>
 24 | 					<view class="owner_text">
 25 | 						<text class="ownm">{{ ownerName }}</text>
 26 | 						<text class="owntime">{{ timestampToTime(ctime) }}</text>
 27 | 						<uni-collapse accordion :show-animation="true">
 28 | 							<uni-collapse-item :title="title" :border="false" titleBorder="none">
 29 | 								<view class="colcon">
 30 | 									<text>{{ vInfo }}</text>
 31 | 								</view>
 32 | 							</uni-collapse-item>
 33 | 						</uni-collapse>
 34 | 					</view>
 35 | 				</view>
 36 | 				<view class="vd_info">
 37 | 					<view class="video_play" style="margin-right: 10rpx;">
 38 | 						<uni-icons type="videocam-filled" size="16" color="gray"></uni-icons>
 39 | 						<text>{{ view }}</text>
 40 | 					</view>
 41 | 					<view class="video_like">
 42 | 						<uni-icons type="hand-up-filled" size="16" color="gray"></uni-icons>
 43 | 						<text>{{ like }}</text>
 44 | 					</view>
 45 | 				</view>
 46 | 			</view>
 47 | 			<view class="fe_bar">
 48 | 				<view class="fe">
 49 | 					<uni-icons type="hand-up-filled" size="30" color="gray"></uni-icons>
 50 | 				</view>
 51 | 				<view class="fe">
 52 | 					<uni-icons type="checkbox-filled" size="30" color="gray"></uni-icons>
 53 | 				</view>
 54 | 				<view class="fe">
 55 | 					<uni-icons type="star-filled" size="30" color="gray"></uni-icons>
 56 | 				</view>
 57 | 				<view class="fe" @click="onShare()">
 58 | 					<uni-icons type="redo-filled" size="30" color="gray"></uni-icons>
 59 | 				</view>
 60 | 			</view>
 61 | 			<view v-for="(item,index) in moreVideo" :key="index" @click="pause()">
 62 | 				<navigator hover-stay-time="0" class="video_list" :url="'../player/player?id=' + item.bvid + '&title=' + item.title + '&img=' + item.owner.face + '&name=' + item.owner.name + '&desc=' + item.desc + '&pic=' + item.pic + '&view=' + item.stat.view + '&like=' + item.stat.like">
 63 | 					<image :src="item.pic" mode="" class="video_img"></image>
 64 | 					<view class="video_info">
 65 | 						<text class="video_title">{{ item.title }}</text>
 66 | 						<view class="up_main">
 67 | 							<view class="up_name">
 68 | 								<uni-icons type="person-filled" size="16" color="gray"></uni-icons>
 69 | 								<text>{{ item.owner.name }}</text>
 70 | 							</view>
 71 | 							<view class="video_in">
 72 | 								<view class="video_play" style="margin-right: 10rpx;">
 73 | 									<uni-icons type="videocam-filled" size="16" color="gray"></uni-icons>
 74 | 									<text>{{ item.stat.view }}</text>
 75 | 								</view>
 76 | 								<view class="video_like">
 77 | 									<uni-icons type="hand-up-filled" size="16" color="gray"></uni-icons>
 78 | 									<text>{{ item.stat.like }}</text>
 79 | 								</view>
 80 | 							</view>
 81 | 						</view>
 82 | 					</view>
 83 | 				</navigator>
 84 | 			</view>
 85 | 			<view style="color: gray; padding: 10rpx 0px 30rpx 0rpx;" v-if="bottom">
 86 | 				<text>不能往下划了哦 QAQ</text>
 87 | 			</view>
 88 | 		</view>
 89 | 		<view class="ta" v-show="!vatShow" :style="{marginTop: px2rpx52 + 40 + systemBarHeight + 'px'}">
 90 | 			<view class="pxx" @click="sortComment((sort == '按热度' ? 0 : 2))">
 91 | 				<uni-icons type="bars" size="17" color="gray"></uni-icons>
 92 | 				<text>{{ sort }}</text>
 93 | 			</view>
 94 | 			<view class="taa atop" v-if="upper.top" @longpress="copyMsg(upper.top.content.message)" @touchend="touchEnd" @touchmove="touchMove">
 95 | 				<image :src="upper.top.member.avatar" mode="" class="aimg"></image>
 96 | 				<view class="imgAPa">
 97 | 					<view class="paName">
 98 | 						{{ upper.top.member.uname }} <view class="atap">置顶</view>
 99 | 					</view>
100 | 					<view class="ctime">
101 | 						{{ timestampToTime(upper.top.ctime) }}
102 | 					</view>
103 | 					{{ upper.top.content.message }}
104 | 					<view class="more_ta" v-if="upper.top.replies[0] !== undefined" @click="showMoreRep(upper.top.rpid)">
105 | 						<view v-for="(item,index) in upper.top.replies" :key="index">
106 | 							<text style="color: #20b0e3;">{{ item.member.uname }}</text> {{ item.content.message.slice(0,2) == '回复' ? ' ' : ':'}} {{item.content.message }}
107 | 						</view>
108 | 						<text style="color: gray;">查看更多></text>
109 | 					</view>
110 | 					<view class="l_r">
111 | 						<view class="likes">
112 | 							<uni-icons type="hand-up-filled" size="30" :size="17" color="gray" class="like_icon"></uni-icons>
113 | 							{{ upper.top.like }}
114 | 						</view>
115 | 						<view class="reply" v-if="upper.top.reply_control.sub_reply_entry_text !== undefined">
116 | 							<uni-icons type="chatboxes-filled" size="30" :size="17" color="gray" class="like_icon"></uni-icons>
117 | 							{{ upper.top.reply_control.sub_reply_entry_text }}
118 | 						</view>
119 | 					</view>
120 | 				</view>
121 | 			</view>
122 | 			<view class="taa" v-for="(item,index) in resq" :key='index' @longpress="copyMsg(item.content.message)" @touchend="touchEnd" @touchmove="touchMove">
123 | 				<image :src="item.member.avatar" mode="" class="aimg"></image>
124 | 				<view class="imgAPa">
125 | 					<view class="paName">
126 | 						{{ item.member.uname }}
127 | 					</view>
128 | 					<view class="ctime">
129 | 						{{ timestampToTime(item.ctime) }}
130 | 					</view>
131 | 					{{ item.content.message }}
132 | 					<view class="more_ta" v-if="item.replies[0] !== undefined" @click="showMoreRep(item.rpid)">
133 | 						<view v-for="(item,index) in item.replies" :key="index">
134 | 							<text style="color: #20b0e3;">{{ item.member.uname }}</text> {{ item.content.message.slice(0,2) == '回复' ? ' ' : ':'}} {{item.content.message }}
135 | 						</view>
136 | 						<text style="color: gray;">查看更多></text>
137 | 					</view>
138 | 					<view class="l_r">
139 | 						<view class="likes">
140 | 							<uni-icons type="hand-up-filled" size="30" :size="17" color="gray" class="like_icon"></uni-icons>
141 | 							{{ item.like }}
142 | 						</view>
143 | 						<view class="reply" v-if="item.reply_control.sub_reply_entry_text !== undefined">
144 | 							<uni-icons type="chatboxes-filled" size="30" :size="17" color="gray" class="like_icon"></uni-icons>
145 | 							{{ item.reply_control.sub_reply_entry_text }}
146 | 						</view>
147 | 					</view>
148 | 				</view>
149 | 			</view>
150 | 			<view style="color: gray; padding: 10rpx 0px 30rpx 0rpx; width: 710rpx; text-align: center;" v-if="showBottom">
151 | 				<text>不能往下划了哦 QAQ</text>
152 | 			</view>
153 | 		</view>
154 | 		<view v-if="showMoreRp" class="more_rp" 
155 | 		  :style="{top: px2rpx52 - 10 + systemBarHeight + 'px'}">
156 | 			<view class="close_more_rp" @click="closeMoreRep()">
157 | 				<text style="font-size: 17px;">更多评论:</text>
158 | 				<uni-icons :size="25" type="closeempty"></uni-icons>
159 | 			</view>
160 | 			<scroll-view @scrolltolower="nextPageMoreRp" scroll-y="true" :style="{height: screenHeight - (px2rpx52 + 22 + systemBarHeight) + 'px'}">
161 | 				<view class="more_rp_list">
162 | 					<view v-for="(item,index) in moreRpList" :key="index" class="taa mrp">
163 | 						<image :src="item.member.avatar" mode="" class="aimg"></image>
164 | 						<view class="imgAPa">
165 | 							<view class="paName">
166 | 								{{ item.member.uname }}
167 | 							</view>
168 | 							{{ item.content.message }}
169 | 						</view>
170 | 					</view>
171 | 				</view>
172 | 			</scroll-view>
173 | 		</view>
174 | 	</view>
175 | </template>
176 | 
177 | <script>
178 | 	export default {
179 | 		data() {
180 | 			return {
181 | 				src: '',
182 | 				title: '',
183 | 				ownerImg: '',
184 | 				ownerName: '',
185 | 				vInfo: '',
186 | 				videoUrl: '',
187 | 				moreVideo: [],
188 | 				bottom: false,
189 | 				videoImg: '',
190 | 				view: '',
191 | 				like: '',
192 | 				systemBarHeight: 0,
193 | 				px2rpx52: 0,
194 | 				px2rpx42: 0,
195 | 				vatpx: 0,
196 | 				selColor: '#20b0e3',
197 | 				fselColor: 'black',
198 | 				vatShow: true,
199 | 				oid: '',
200 | 				resq: [],
201 | 				ctime: '',
202 | 				pn: 1,
203 | 				scrollTop: 0,
204 | 				vtt: 0,
205 | 				ptt: 0,
206 | 				ifLongtap: true,
207 | 				upper: {},
208 | 				sort: '按热度',
209 | 				sortNum: 2,
210 | 				firstShow: false,
211 | 				acount: 0,
212 | 				showBottom: false,
213 | 				screenHeight: '',
214 | 				moreRpList: [],
215 | 				showMoreRp: false,
216 | 				moreRpPn: 1,
217 | 				rpid: ''
218 | 			}
219 | 		},
220 | 		onLoad(option) {
221 | 			this.px2rpx52 = this.px2rpx(522)
222 | 			this.px2rpx42 = this.px2rpx(422)
223 | 			this.vatpx = this.px2rpx(500)
224 | 			this.getSysteminfo()
225 | 			uni.request({
226 | 				url:'https://tenapi.cn/bilivideo/',
227 | 				data: {
228 | 					url: 'https://www.bilibili.com/video/' + option.id
229 | 				},
230 | 				success: (res) => {
231 | 					if (this.title == '') {
232 | 						this.title = res.data.title
233 | 						uni.setNavigationBarTitle({
234 | 							title: res.data.title
235 | 						})
236 | 					}
237 | 					this.src = res.data.url
238 | 					this.firstShow = true
239 | 				}
240 | 			})
241 | 			uni.setNavigationBarTitle({
242 | 				title:option.title
243 | 			})
244 | 			this.title = option.title
245 | 			this.ownerImg = option.img
246 | 			this.ownerName = option.name
247 | 			this.vInfo = option.desc
248 | 			this.videoImg = option.pic
249 | 			this.videoUrl = 'https://www.bilibili.com/video/' + option.id
250 | 			this.view = option.view
251 | 			this.like = option.like
252 | 			uni.request({
253 | 				url:'http://api.bilibili.com/x/web-interface/archive/related',
254 | 				data:{
255 | 					bvid: option.id
256 | 				},
257 | 				success: (res) => {
258 | 					this.moreVideo = res.data.data
259 | 					this.bottom = !this.bottom
260 | 				}
261 | 			})
262 | 			if (option.img == '' || this.oid == '') {
263 | 				uni.request({
264 | 					url: 'http://api.bilibili.com/x/web-interface/view',
265 | 					data: {
266 | 						bvid: option.id
267 | 					},
268 | 					success: (res) => {
269 | 						this.ownerImg = res.data.data.owner.face
270 | 						this.oid = res.data.data.aid
271 | 						this.ctime = res.data.data.ctime
272 | 						this.getAcount(res.data.data.aid)
273 | 					}
274 | 				})
275 | 			}
276 | 			uni.getSystemInfo({
277 | 				success: (res) => {
278 | 					this.screenHeight = res.screenHeight
279 | 				}
280 | 			})
281 | 		},
282 | 		onReady() {
283 | 			this.videoContext = uni.createVideoContext('video_bl')
284 | 		},
285 | 		onShow() {
286 | 			if (this.firstShow) {
287 | 				this.videoContext.play()
288 | 			}
289 | 		},
290 | 		onReachBottom() {
291 | 			if (!this.vatShow) {
292 | 				this.pn = this.pn + 1
293 | 				this.getTa(this.sortNum)
294 | 			}
295 | 		},
296 | 		onPageScroll(res) {
297 | 			this.scrollTop = res.scrollTop
298 | 		},
299 | 		methods: {
300 | 			onShare() {
301 | 				uni.shareWithSystem({
302 | 					summary: this.title,
303 | 					href: this.videoUrl
304 | 				})
305 | 			},
306 | 			pause() {
307 | 				this.videoContext.pause()
308 | 			},
309 | 			getSysteminfo() {
310 | 				uni.getSystemInfo({
311 | 					success: res => {
312 | 						this.systemBarHeight = res.statusBarHeight;
313 | 					}
314 | 				});
315 | 			},
316 | 			px2rpx(rpx) {
317 | 				return uni.upx2px(rpx)
318 | 			},
319 | 			vat(vot) {
320 | 				if (vot == 't') {
321 | 					this.vatShow = false
322 | 					this.selColor = 'black'
323 | 					this.fselColor = '#20b0e3'
324 | 					this.vtt = this.scrollTop;
325 | 					uni.pageScrollTo({
326 | 						scrollTop: this.ptt,
327 | 						duration: 0
328 | 					})
329 | 					if (!this.resq.length) {
330 | 						this.getTa(2)	
331 | 					}
332 | 				} else {
333 | 					this.vatShow = true
334 | 					this.selColor = '#20b0e3'
335 | 					this.fselColor = 'black'
336 | 					this.ptt = this.scrollTop
337 | 					uni.pageScrollTo({
338 | 						scrollTop: this.vtt,
339 | 						duration: 0
340 | 					})
341 | 				}
342 | 			},
343 | 			getTa(sort) {
344 | 				uni.request({
345 | 					url:'https://api.bilibili.com/x/v2/reply',
346 | 					data:{
347 | 						jsonp: 'jsonp',
348 | 						pn: this.pn,
349 | 						type: '1',
350 | 						sort: sort,
351 | 						oid: this.oid
352 | 					},
353 | 					success: (res) => {
354 | 						this.upper = res.data.data.upper
355 | 						if(this.resq.length === [...this.resq, ...res.data.data.replies].length) {
356 | 							this.showBottom = true
357 | 						}
358 | 						this.resq = [...this.resq, ...res.data.data.replies]
359 | 					}
360 | 				})
361 | 			},
362 | 			showMoreRep(rpid) {
363 | 				this.showMoreRp = true
364 | 				uni.request({
365 | 					url: 'http://api.bilibili.com/x/v2/reply/reply',
366 | 					data: {
367 | 						type: '1',
368 | 						oid: this.oid,
369 | 						root: rpid,
370 | 						pn: this.moreRpPn
371 | 					},
372 | 					success: (res) => {
373 | 						this.rpid = rpid
374 | 						this.moreRpList = [...this.moreRpList, ...res.data.data.replies]
375 | 					}
376 | 				})
377 | 			},
378 | 			closeMoreRep() {
379 | 				this.showMoreRp = false
380 | 				this.moreRpPn = 1
381 | 				this.moreRpList = []
382 | 			},
383 | 			nextPageMoreRp() {
384 | 				this.moreRpPn = this.moreRpPn + 1
385 | 				this.showMoreRep(this.rpid)
386 | 			},
387 | 			getAcount(oid) {
388 | 				uni.request({
389 | 					url:'https://api.bilibili.com/x/v2/reply',
390 | 					data:{
391 | 						jsonp: 'jsonp',
392 | 						type: '1',
393 | 						oid: oid
394 | 					},
395 | 					success: (res) => {
396 | 						this.acount = res.data.data.page.acount
397 | 					}
398 | 				})
399 | 			},
400 | 			sortComment(sort) {
401 | 				if (sort == 0) {
402 | 					this.sort = '按时间'
403 | 				} else {
404 | 					this.sort = '按热度'
405 | 				}
406 | 				this.sortNum = sort
407 | 				this.pn = 1
408 | 				this.resq = []
409 | 				this.getTa(sort)
410 | 			},
411 | 			copyMsg(msg) {
412 | 				if (this.ifLongtap) {
413 | 					uni.showToast({
414 | 						title: '复制成功：' + msg,
415 | 						icon:"none"
416 | 					});
417 | 					uni.setClipboardData({
418 | 						data: msg,
419 | 						showToast: false
420 | 					})
421 | 				}
422 | 			},
423 | 			touchEnd() {
424 | 				this.ifLongtap = true;
425 | 			},
426 | 			touchMove(e) {
427 | 				this.ifLongtap = false;
428 | 			},
429 | 			timestampToTime(timestamp) {
430 | 				var nowDate = new Date()
431 | 				var date = new Date(timestamp * 1000)
432 | 				var Y = date.getFullYear() + '-'
433 | 				var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
434 | 				var D = date.getDate()
435 | 				var h = ''
436 | 				var m = ''
437 | 				if (nowDate.getFullYear() + '-' == Y) {
438 | 					Y = ''
439 | 				} 
440 | 				if (nowDate.getDate() == D) {
441 | 					M = ''
442 | 					D = '今天'
443 | 					h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'
444 | 					m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes())
445 | 				}
446 | 				if (D < 10 && D != '') {
447 | 					D = '0' + D
448 | 				}
449 | 				return Y + M + D + ' ' + h + m
450 | 			}
451 | 		}
452 | 	}
453 | </script>
454 | 
455 | <style>
456 | 	@import url("./player.css");
457 | </style>
458 | 
459 | <style lang="scss">
460 | 	.colcon{
461 | 		padding-bottom: 15px;
462 | 	}
463 | </style>


--------------------------------------------------------------------------------
/pages/search/search.css:
--------------------------------------------------------------------------------
  1 | .content {
  2 | 	display: flex;
  3 | 	flex-direction: column;
  4 | 	align-items: center;
  5 | 	justify-content: center;
  6 | }
  7 | 
  8 | .search_main{
  9 | 	width: 750rpx;
 10 | 	position: fixed;
 11 | 	z-index: 501;
 12 | 	top: 0;
 13 | 	background-color: #fff;
 14 | }
 15 | .video_list{
 16 | 	width: 670rpx;
 17 | 	display: flex;
 18 | 	flex-direction: row;
 19 | 	padding: 20rpx;
 20 | 	border-radius: 20rpx;
 21 | 	box-shadow: 0px 0px 15px #00000015;
 22 | 	margin-bottom: 20rpx;
 23 | }
 24 | .video_list image{
 25 | 	border-radius: 16rpx;
 26 | 	width: 300rpx;
 27 | 	height: 180rpx;
 28 | 	margin-right: 20rpx;
 29 | }
 30 | .video_info{
 31 | 	width: 390rpx;
 32 | 	display: flex;
 33 | 	flex-direction: column;
 34 | 	justify-content: space-between;
 35 | }
 36 | .keyword{
 37 | 	color: #20b0e3;
 38 | 	font-style: normal;
 39 | }
 40 | rich-text{
 41 | 	font-size: 14px;
 42 | 	font-weight: bold;
 43 | }
 44 | 
 45 | .up_main text{
 46 | 	font-size: 14px;
 47 | 	color: gray;
 48 | }
 49 | .video_in{
 50 | 	display: flex;
 51 | 	flex-direction: row;
 52 | 	color: gray;
 53 | }
 54 | 
 55 | .hotwords{
 56 | 	width: 710rpx;
 57 | }
 58 | .allHW{
 59 | 	margin-top: 20rpx;
 60 | 	display: flex;
 61 | 	flex-direction: row;
 62 | 	flex-wrap: wrap;
 63 | }
 64 | .hotword{
 65 | 	background-color: #00000010;
 66 | 	padding: 10rpx 15rpx 10rpx 15rpx;
 67 | 	border-radius: 10rpx;
 68 | 	display: flex;
 69 | 	flex-direction: row;
 70 | 	align-items: center;
 71 | 	margin-right: 20rpx;
 72 | 	margin-bottom: 20rpx;
 73 | 	display: flex;
 74 | 	flex-direction: row;
 75 | 	height: 45rpx;
 76 | 	line-height: 45rpx;
 77 | }
 78 | .hotword image{
 79 | 	max-width: 20px;
 80 | 	max-height: 20px;
 81 | 	margin-right: 10rpx;
 82 | }
 83 | 
 84 | .system_bar{
 85 | 	width: 750px;
 86 | 	background-color: white;
 87 | 	position: fixed;
 88 | 	z-index: 520;
 89 | 	top: 0;
 90 | }
 91 | 
 92 | .allHisW{
 93 | 	max-height: 320rpx;
 94 | 	overflow: hidden;
 95 | }
 96 | .clear_btn{
 97 | 	width: 670rpx;
 98 | 	display: flex;
 99 | 	flex-direction: row;
100 | 	align-items: center;
101 | 	justify-content: center;
102 | 	padding: 20rpx;
103 | 	border-radius: 10rpx;
104 | 	color: #aaa;
105 | }
106 | .clear_btn:active{
107 | 	background-color: #00000010;
108 | }
109 | .his_word{
110 | 	margin-top: 30rpx;
111 | }


--------------------------------------------------------------------------------
/pages/search/search.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="content">
  3 | 		<view class="system_bar" :style="{height: systemBarHeight + 'px'}"></view>
  4 | 		<view class="search_main" :style="{top: systemBarHeight + 'px'}">
  5 | 			<uni-search-bar 
  6 | 				@confirm="search" 
  7 | 				v-model="searchValue" 
  8 | 				@cancel="cancel" 
  9 | 				@clear="clear" 
 10 | 				placeholder="请输入你要搜索的内容" >
 11 | 			</uni-search-bar>
 12 | 		</view>
 13 | 		<view class="drop_down" v-if="chress">
 14 | 			<wyb-drop-down
 15 | 			 ref="dropDown"
 16 | 			 :options="options"
 17 | 			 @change="onHeaderSelect"
 18 | 			 @select="onItemSelect"
 19 | 			 active-color="#20b0e3"
 20 | 			 :bgColor="{header:'#fff',content: '#ffffffdd'}">
 21 | 			</wyb-drop-down>
 22 | 		</view>
 23 | 		<view class="hotwords" :style="{marginTop: 70 + systemBarHeight + 'px'}" v-if="!chress">
 24 | 			热门搜索：
 25 | 			<view class="allHW">
 26 | 				<view class="hotword" v-for="(item,index) in hotwords" :key="index" @click="hotSearch(item.keyword)">
 27 | 					<image :src="item.icon" mode="" v-if="item.icon"></image>
 28 | 					{{ item.keyword }}
 29 | 				</view>
 30 | 			</view>
 31 | 			<view class="his_word" v-if="hisWordShow" :scroll-y="true">
 32 | 				历史搜索：
 33 | 				<view :scroll-y="true" class="allHW allHisW">
 34 | 					<view class="hotword" v-for="(item,index) in keywords" :key="index" @click="hotSearch(item)">
 35 | 						{{ item }}
 36 | 					</view>
 37 | 				</view>
 38 | 				<view class="clear_btn" type="default" @click="clearHisword"><uni-icons type="trash" size="30" color="#aaa"></uni-icons>清除搜索历史</view>
 39 | 			</view>
 40 | 		</view>
 41 | 		<view :style="{marginTop: 67 + dropHeight + systemBarHeight + 'px'}"></view>
 42 | 		<view v-for="(item,index) in videoInfo" :key="index">
 43 | 			<navigator class="video_list" hover-stay-time="0" :url="'../player/player?id=' + item.bvid + '&title=' + '&img=' + item.upic + '&name=' + item.author + '&desc=' + item.description + '&pic=' + item.pic + '&view=' + item.play + '&like=' + item.like">
 44 | 				<image :src="item.pic" mode="" class="video_img"></image>
 45 | 				<view class="video_info">
 46 | 					<rich-text :nodes="item.title" class="video_title"></rich-text>
 47 | 					<view class="up_main">
 48 | 						<view class="up_name">
 49 | 							<uni-icons type="person-filled" size="16" color="gray"></uni-icons>
 50 | 							<text>{{ item.author }}</text>
 51 | 						</view>
 52 | 						<view class="video_in">
 53 | 							<view class="video_play" style="margin-right: 10rpx;">
 54 | 								<uni-icons type="videocam-filled" size="16" color="gray"></uni-icons>
 55 | 								<text>{{ item.play }}</text>
 56 | 							</view>
 57 | 							<view class="video_like">
 58 | 								<uni-icons type="hand-up-filled" size="16" color="gray"></uni-icons>
 59 | 								<text>{{ item.like }}</text>
 60 | 							</view>
 61 | 						</view>
 62 | 					</view>
 63 | 				</view>
 64 | 			</navigator>
 65 | 		</view>
 66 | 		<view style="padding: 20rpx 0rpx 20rpx 0rpx; display: flex; justify-content: center; align-items: center; color: gray;" v-if="searchClick">
 67 | 			已经到底了哦~~
 68 | 		</view>
 69 | 	</view>
 70 | </template>
 71 | 
 72 | <script>
 73 | 	import wybDropDown from '@/components/wyb-drop-down/wyb-drop-down.vue'
 74 | 	export default {
 75 | 		components: {
 76 | 			wybDropDown
 77 | 		},
 78 | 		data() {
 79 | 			return {
 80 | 				searchValue: '',
 81 | 				videoInfo: [],
 82 | 				videoTitle: '',
 83 | 				searchClick: false,
 84 | 				page: 1,
 85 | 				chress: false,
 86 | 				order: 'default',
 87 | 				duration: '0',
 88 | 				systemBarHeight: 0,
 89 | 				options: [{
 90 | 					header: '默认排序',
 91 | 					contents: ['默认排序', '播放多', '新发布', '弹幕多']
 92 | 				}, {
 93 | 					header: '全部时长',
 94 | 					contents: ['全部时长', '0-10 分钟', '10-30 分钟', '30-60 分钟','60 分钟 +']
 95 | 				}],
 96 | 				hotwords: [],
 97 | 				keywords: [],
 98 | 				hisWordShow: false,
 99 | 				dropHeight: 0
100 | 			}
101 | 		},
102 | 		onReachBottom() {
103 | 			this.page = this.page + 1
104 | 			this.getList(this.order,this.duration)
105 | 		},
106 | 		onLoad() {
107 | 			uni.request({
108 | 				url: 'http://s.search.bilibili.com/main/hotword',
109 | 				success: (res) => {
110 | 					this.hotwords = res.data.list
111 | 				}
112 | 			}),
113 | 			this.getSysteminfo()
114 | 			uni.getStorage({
115 | 				key: 'keywords',
116 | 				success: (res) => {
117 | 					this.keywords = res.data
118 | 				}
119 | 			});
120 | 			uni.getStorage({
121 | 				key: 'hisWordShow',
122 | 				success: (res) => {
123 | 					this.hisWordShow = res.data
124 | 				}
125 | 			})
126 | 			uni.$on('ddHeight',(data)=>{
127 | 				this.dropHeight = data
128 | 			})
129 | 		},
130 | 		methods: {
131 | 			getList(sorder,sduration) {
132 | 				uni.request({
133 | 					url:'http://api.bilibili.com/x/web-interface/search/type',
134 | 					data:{
135 | 						keyword: this.searchValue,
136 | 						page: this.page,
137 | 						order: sorder,
138 | 						duration: sduration,
139 | 						search_type: 'video'
140 | 					},success: (res) => {
141 | 						this.videoInfo = [...this.videoInfo, ...res.data.data.result]
142 | 					}
143 | 				})
144 | 			},
145 | 			getSysteminfo() {
146 | 				uni.getSystemInfo({
147 | 					success: res => {
148 | 						this.systemBarHeight = res.statusBarHeight;
149 | 					}
150 | 				});
151 | 			},
152 | 			search() {
153 | 				this.page = 1
154 | 				this.videoInfo = []
155 | 				this.getList(this.order,this.duration)
156 | 				this.chress = true
157 | 				var keyword = this.searchValue
158 | 				var keywords = this.keywords
159 | 				if (!keywords.includes(keyword)) {
160 | 					this.keywords = [keyword, ...keywords]
161 | 				} else {
162 | 					keywords = keywords.filter(item => item != keyword)
163 | 					this.keywords = [keyword, ...keywords]
164 | 				}
165 | 				uni.setStorage({
166 | 					key: 'keywords',
167 | 					data: this.keywords,
168 | 				})
169 | 				uni.setStorage({
170 | 					key: 'hisWordShow',
171 | 					data: true
172 | 				})
173 | 				this.hisWordShow = true
174 | 			},
175 | 			hotSearch(keyword) {
176 | 				this.searchValue = keyword
177 | 				this.page = 1
178 | 				this.videoInfo = []
179 | 				this.getList(this.order,this.duration)
180 | 				this.chress = true
181 | 				var keyword = this.searchValue
182 | 				var keywords = this.keywords
183 | 				if (!keywords.includes(keyword)) {
184 | 					this.keywords = [keyword, ...keywords]
185 | 				} else {
186 | 					keywords = keywords.filter(item => item != keyword)
187 | 					this.keywords = [keyword, ...keywords]
188 | 				}
189 | 				uni.setStorage({
190 | 					key: 'keywords',
191 | 					data: this.keywords,
192 | 				})
193 | 				uni.setStorage({
194 | 					key: 'hisWordShow',
195 | 					data: true
196 | 				})
197 | 				this.hisWordShow = true
198 | 			},
199 | 			clearHisword() {
200 | 				uni.removeStorage({
201 | 					key: 'keywords',
202 | 				})
203 | 				this.hisWordShow = false
204 | 				uni.setStorage({
205 | 					key: 'hisWordShow',
206 | 					data: false
207 | 				})
208 | 			},
209 | 			clear() {
210 | 				this.searchValue = ''
211 | 			},
212 | 			cancel() {
213 | 				this.searchValue = ''
214 | 				this.page = 1
215 | 				this.videoInfo = []
216 | 				this.chress = false
217 | 			},
218 | 			onHeaderSelect(res) {
219 | 				
220 | 			},
221 | 			onItemSelect(res) {
222 | 				var pdi = res.headerIndex.toString() + res.contentIndex.toString()
223 | 				if (pdi == '00') {
224 | 					this.options[0].header = '默认排序'
225 | 					this.order = 'default'
226 | 				} else if (pdi == '01') {
227 | 					this.options[0].header = '播放多'
228 | 					this.order = 'click'
229 | 				} else if (pdi == '02') {
230 | 					this.options[0].header = '新发布'
231 | 					this.order = 'pubdate'
232 | 				} else if (pdi == '03') {
233 | 					this.options[0].header = '弹幕多'
234 | 					this.order = 'damku'
235 | 				}
236 | 				if (pdi == '10') {
237 | 					this.options[1].header = '全部时长'
238 | 					this.duration = '0'
239 | 				} else if (pdi == '11') {
240 | 					this.options[1].header = '0-10 分钟'
241 | 					this.duration = '1'
242 | 				} else if (pdi == '12') {
243 | 					this.options[1].header = '10-30 分钟'
244 | 					this.duration = '2'
245 | 				} else if (pdi == '13') {
246 | 					this.options[1].header = '30-60 分钟'
247 | 					this.duration = '3'
248 | 				} else if (pdi == '14') {
249 | 					this.options[1].header = '60 分钟 +'
250 | 					this.duration = '4'
251 | 				}
252 | 				this.videoInfo = []
253 | 				this.getList(this.order,this.duration)
254 | 			}
255 | 		}
256 | 	}
257 | </script>
258 | 
259 | <style>
260 | 	@import url("./search.css");
261 | </style>
262 | 


--------------------------------------------------------------------------------
/static/0-n.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tonylu110/uni-bilibili/a3d8b8b7f8ba664683c09907b9f0cd045ac45665/static/0-n.png


--------------------------------------------------------------------------------
/static/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tonylu110/uni-bilibili/a3d8b8b7f8ba664683c09907b9f0cd045ac45665/static/logo.png


--------------------------------------------------------------------------------
/static/tabbar/bilibili.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tonylu110/uni-bilibili/a3d8b8b7f8ba664683c09907b9f0cd045ac45665/static/tabbar/bilibili.png


--------------------------------------------------------------------------------
/static/tabbar/bilibili_sel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tonylu110/uni-bilibili/a3d8b8b7f8ba664683c09907b9f0cd045ac45665/static/tabbar/bilibili_sel.png


--------------------------------------------------------------------------------
/static/tabbar/like.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tonylu110/uni-bilibili/a3d8b8b7f8ba664683c09907b9f0cd045ac45665/static/tabbar/like.png


--------------------------------------------------------------------------------
/static/tabbar/like_sel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tonylu110/uni-bilibili/a3d8b8b7f8ba664683c09907b9f0cd045ac45665/static/tabbar/like_sel.png


--------------------------------------------------------------------------------
/static/tabbar/mine.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tonylu110/uni-bilibili/a3d8b8b7f8ba664683c09907b9f0cd045ac45665/static/tabbar/mine.png


--------------------------------------------------------------------------------
/static/tabbar/mine_sel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tonylu110/uni-bilibili/a3d8b8b7f8ba664683c09907b9f0cd045ac45665/static/tabbar/mine_sel.png


--------------------------------------------------------------------------------
/uni.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * 这里是uni-app内置的常用样式变量
 3 |  *
 4 |  * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 5 |  * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 6 |  *
 7 |  */
 8 | 
 9 | /**
10 |  * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
11 |  *
12 |  * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
13 |  */
14 | 
15 | /* 颜色变量 */
16 | 
17 | /* 行为相关颜色 */
18 | $uni-color-primary: #007aff;
19 | $uni-color-success: #4cd964;
20 | $uni-color-warning: #f0ad4e;
21 | $uni-color-error: #dd524d;
22 | 
23 | /* 文字基本颜色 */
24 | $uni-text-color:#333;//基本色
25 | $uni-text-color-inverse:#fff;//反色
26 | $uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
27 | $uni-text-color-placeholder: #808080;
28 | $uni-text-color-disable:#c0c0c0;
29 | 
30 | /* 背景颜色 */
31 | $uni-bg-color:#ffffff;
32 | $uni-bg-color-grey:#f8f8f8;
33 | $uni-bg-color-hover:#f1f1f1;//点击状态颜色
34 | $uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
35 | 
36 | /* 边框颜色 */
37 | $uni-border-color:#c8c7cc;
38 | 
39 | /* 尺寸变量 */
40 | 
41 | /* 文字尺寸 */
42 | $uni-font-size-sm:12px;
43 | $uni-font-size-base:14px;
44 | $uni-font-size-lg:16;
45 | 
46 | /* 图片尺寸 */
47 | $uni-img-size-sm:20px;
48 | $uni-img-size-base:26px;
49 | $uni-img-size-lg:40px;
50 | 
51 | /* Border Radius */
52 | $uni-border-radius-sm: 2px;
53 | $uni-border-radius-base: 3px;
54 | $uni-border-radius-lg: 6px;
55 | $uni-border-radius-circle: 50%;
56 | 
57 | /* 水平间距 */
58 | $uni-spacing-row-sm: 5px;
59 | $uni-spacing-row-base: 10px;
60 | $uni-spacing-row-lg: 15px;
61 | 
62 | /* 垂直间距 */
63 | $uni-spacing-col-sm: 4px;
64 | $uni-spacing-col-base: 8px;
65 | $uni-spacing-col-lg: 12px;
66 | 
67 | /* 透明度 */
68 | $uni-opacity-disabled: 0.3; // 组件禁用态的透明度
69 | 
70 | /* 文章场景相关 */
71 | $uni-color-title: #2C405A; // 文章标题颜色
72 | $uni-font-size-title:20px;
73 | $uni-color-subtitle: #555555; // 二级标题颜色
74 | $uni-font-size-subtitle:26px;
75 | $uni-color-paragraph: #3F536E; // 文章段落颜色
76 | $uni-font-size-paragraph:15px;
77 | 


--------------------------------------------------------------------------------
/uni_modules/uni-collapse/changelog.md:
--------------------------------------------------------------------------------
 1 | ## 1.4.3（2022-01-25）
 2 | - 修复 初始化的时候 ，open 属性失效的bug
 3 | ## 1.4.2（2022-01-21）
 4 | - 修复 微信小程序resize后组件收起的bug
 5 | ## 1.4.1（2021-11-22）
 6 | - 修复 vue3中个别scss变量无法找到的问题
 7 | ## 1.4.0（2021-11-19）
 8 | - 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
 9 | - 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-collapse](https://uniapp.dcloud.io/component/uniui/uni-collapse)
10 | ## 1.3.3（2021-08-17）
11 | - 优化 show-arrow 属性默认为true
12 | ## 1.3.2（2021-08-17）
13 | - 新增 show-arrow 属性，控制是否显示右侧箭头
14 | ## 1.3.1（2021-07-30）
15 | - 优化 vue3下小程序事件警告的问题
16 | ## 1.3.0（2021-07-30）
17 | - 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
18 | ## 1.2.2（2021-07-21）
19 | - 修复 由1.2.0版本引起的 change 事件返回 undefined 的Bug
20 | ## 1.2.1（2021-07-21）
21 | - 优化 组件示例
22 | ## 1.2.0（2021-07-21）
23 | - 新增 组件折叠动画
24 | - 新增 value\v-model 属性 ，动态修改面板折叠状态
25 | - 新增 title 插槽 ，可定义面板标题
26 | - 新增 border 属性 ，显示隐藏面板内容分隔线
27 | - 新增 title-border 属性 ，显示隐藏面板标题分隔线
28 | - 修复 resize 方法失效的Bug
29 | - 修复 change 事件返回参数不正确的Bug
30 | - 优化 H5、App 平台自动更具内容更新高度，无需调用 reszie() 方法
31 | ## 1.1.7（2021-05-12）
32 | - 新增 组件示例地址
33 | ## 1.1.6（2021-02-05）
34 | - 优化 组件引用关系，通过uni_modules引用组件
35 | ## 1.1.5（2021-02-05）
36 | - 调整为uni_modules目录规范


--------------------------------------------------------------------------------
/uni_modules/uni-collapse/components/uni-collapse-item/uni-collapse-item.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="uni-collapse-item">
  3 | 		<!-- onClick(!isOpen) -->
  4 | 		<view @click="onClick(!isOpen)" class="uni-collapse-item__title"
  5 | 			:class="{'is-open':isOpen &&titleBorder === 'auto' ,'uni-collapse-item-border':titleBorder !== 'none'}">
  6 | 			<view class="uni-collapse-item__title-wrap">
  7 | 				<slot name="title">
  8 | 					<view class="uni-collapse-item__title-box" :class="{'is-disabled':disabled}">
  9 | 						<image v-if="thumb" :src="thumb" class="uni-collapse-item__title-img" />
 10 | 						<text class="uni-collapse-item__title-text">{{ title }}</text>
 11 | 					</view>
 12 | 				</slot>
 13 | 			</view>
 14 | 			<view v-if="showArrow"
 15 | 				:class="{ 'uni-collapse-item__title-arrow-active': isOpen, 'uni-collapse-item--animation': showAnimation === true }"
 16 | 				class="uni-collapse-item__title-arrow">
 17 | 				<uni-icons :color="disabled?'#ddd':'#bbb'" size="14" type="bottom" />
 18 | 			</view>
 19 | 		</view>
 20 | 		<view class="uni-collapse-item__wrap" :class="{'is--transition':showAnimation}"
 21 | 			:style="{height: (isOpen?height:0) +'px'}">
 22 | 			<view :id="elId" ref="collapse--hook" class="uni-collapse-item__wrap-content"
 23 | 				:class="{open:isheight,'uni-collapse-item--border':border&&isOpen}">
 24 | 				<slot></slot>
 25 | 			</view>
 26 | 		</view>
 27 | 
 28 | 	</view>
 29 | </template>
 30 | 
 31 | <script>
 32 | 	// #ifdef APP-NVUE
 33 | 	const dom = weex.requireModule('dom')
 34 | 	// #endif
 35 | 	/**
 36 | 	 * CollapseItem 折叠面板子组件
 37 | 	 * @description 折叠面板子组件
 38 | 	 * @property {String} title 标题文字
 39 | 	 * @property {String} thumb 标题左侧缩略图
 40 | 	 * @property {String} name 唯一标志符
 41 | 	 * @property {Boolean} open = [true|false] 是否展开组件
 42 | 	 * @property {Boolean} titleBorder = [true|false] 是否显示标题分隔线
 43 | 	 * @property {Boolean} border = [true|false] 是否显示分隔线
 44 | 	 * @property {Boolean} disabled = [true|false] 是否展开面板
 45 | 	 * @property {Boolean} showAnimation = [true|false] 开启动画
 46 | 	 * @property {Boolean} showArrow = [true|false] 是否显示右侧箭头
 47 | 	 */
 48 | 	export default {
 49 | 		name: 'uniCollapseItem',
 50 | 		props: {
 51 | 			// 列表标题
 52 | 			title: {
 53 | 				type: String,
 54 | 				default: ''
 55 | 			},
 56 | 			name: {
 57 | 				type: [Number, String],
 58 | 				default: ''
 59 | 			},
 60 | 			// 是否禁用
 61 | 			disabled: {
 62 | 				type: Boolean,
 63 | 				default: false
 64 | 			},
 65 | 			// #ifdef APP-PLUS
 66 | 			// 是否显示动画,app 端默认不开启动画，卡顿严重
 67 | 			showAnimation: {
 68 | 				type: Boolean,
 69 | 				default: false
 70 | 			},
 71 | 			// #endif
 72 | 			// #ifndef APP-PLUS
 73 | 			// 是否显示动画
 74 | 			showAnimation: {
 75 | 				type: Boolean,
 76 | 				default: true
 77 | 			},
 78 | 			// #endif
 79 | 			// 是否展开
 80 | 			open: {
 81 | 				type: Boolean,
 82 | 				default: false
 83 | 			},
 84 | 			// 缩略图
 85 | 			thumb: {
 86 | 				type: String,
 87 | 				default: ''
 88 | 			},
 89 | 			// 标题分隔线显示类型
 90 | 			titleBorder: {
 91 | 				type: String,
 92 | 				default: 'auto'
 93 | 			},
 94 | 			border: {
 95 | 				type: Boolean,
 96 | 				default: true
 97 | 			},
 98 | 			showArrow: {
 99 | 				type: Boolean,
100 | 				default: true
101 | 			}
102 | 		},
103 | 		data() {
104 | 			// TODO 随机生生元素ID，解决百度小程序获取同一个元素位置信息的bug
105 | 			const elId = `Uni_${Math.ceil(Math.random() * 10e5).toString(36)}`
106 | 			return {
107 | 				isOpen: false,
108 | 				isheight: null,
109 | 				height: 0,
110 | 				elId,
111 | 				nameSync: 0
112 | 			}
113 | 		},
114 | 		watch: {
115 | 			open(val) {
116 | 				this.isOpen = val
117 | 				this.onClick(val, 'init')
118 | 			}
119 | 		},
120 | 		updated(e) {
121 | 			this.$nextTick(() => {
122 | 				this.init(true)
123 | 			})
124 | 		},
125 | 		created() {
126 | 			this.collapse = this.getCollapse()
127 | 			this.oldHeight = 0
128 | 			this.onClick(this.open, 'init')
129 | 		},
130 | 		// #ifndef VUE3
131 | 		// TODO vue2
132 | 		destroyed() {
133 | 			if (this.__isUnmounted) return
134 | 			this.uninstall()
135 | 		},
136 | 		// #endif
137 | 		// #ifdef VUE3
138 | 		// TODO vue3
139 | 		unmounted() {
140 | 			this.__isUnmounted = true
141 | 			this.uninstall()
142 | 		},
143 | 		// #endif
144 | 		mounted() {
145 | 			if (!this.collapse) return
146 | 			if (this.name !== '') {
147 | 				this.nameSync = this.name
148 | 			} else {
149 | 				this.nameSync = this.collapse.childrens.length + ''
150 | 			}
151 | 			if (this.collapse.names.indexOf(this.nameSync) === -1) {
152 | 				this.collapse.names.push(this.nameSync)
153 | 			} else {
154 | 				console.warn(`name 值 ${this.nameSync} 重复`);
155 | 			}
156 | 			if (this.collapse.childrens.indexOf(this) === -1) {
157 | 				this.collapse.childrens.push(this)
158 | 			}
159 | 			this.init()
160 | 		},
161 | 		methods: {
162 | 			init(type) {
163 | 				// #ifndef APP-NVUE
164 | 				this.getCollapseHeight(type)
165 | 				// #endif
166 | 				// #ifdef APP-NVUE
167 | 				this.getNvueHwight(type)
168 | 				// #endif
169 | 			},
170 | 			uninstall() {
171 | 				if (this.collapse) {
172 | 					this.collapse.childrens.forEach((item, index) => {
173 | 						if (item === this) {
174 | 							this.collapse.childrens.splice(index, 1)
175 | 						}
176 | 					})
177 | 					this.collapse.names.forEach((item, index) => {
178 | 						if (item === this.nameSync) {
179 | 							this.collapse.names.splice(index, 1)
180 | 						}
181 | 					})
182 | 				}
183 | 			},
184 | 			onClick(isOpen, type) {
185 | 				if (this.disabled) return
186 | 				this.isOpen = isOpen
187 | 				if (this.isOpen && this.collapse) {
188 | 					this.collapse.setAccordion(this)
189 | 				}
190 | 				if (type !== 'init') {
191 | 					this.collapse.onChange(isOpen, this)
192 | 				}
193 | 			},
194 | 			getCollapseHeight(type, index = 0) {
195 | 				const views = uni.createSelectorQuery().in(this)
196 | 				views
197 | 					.select(`#${this.elId}`)
198 | 					.fields({
199 | 						size: true
200 | 					}, data => {
201 | 						// TODO 百度中可能获取不到节点信息 ，需要循环获取
202 | 						if (index >= 10) return
203 | 						if (!data) {
204 | 							index++
205 | 							this.getCollapseHeight(false, index)
206 | 							return
207 | 						}
208 | 						// #ifdef APP-NVUE
209 | 						this.height = data.height + 1
210 | 						// #endif
211 | 						// #ifndef APP-NVUE
212 | 						this.height = data.height
213 | 						// #endif
214 | 						this.isheight = true
215 | 						if (type) return
216 | 						this.onClick(this.isOpen, 'init')
217 | 					})
218 | 					.exec()
219 | 			},
220 | 			getNvueHwight(type) {
221 | 				const result = dom.getComponentRect(this.$refs['collapse--hook'], option => {
222 | 					if (option && option.result && option.size) {
223 | 						// #ifdef APP-NVUE
224 | 						this.height = option.size.height + 1
225 | 						// #endif
226 | 						// #ifndef APP-NVUE
227 | 						this.height = option.size.height
228 | 						// #endif
229 | 						this.isheight = true
230 | 						if (type) return
231 | 						this.onClick(this.open, 'init')
232 | 					}
233 | 				})
234 | 			},
235 | 			/**
236 | 			 * 获取父元素实例
237 | 			 */
238 | 			getCollapse(name = 'uniCollapse') {
239 | 				let parent = this.$parent;
240 | 				let parentName = parent.$options.name;
241 | 				while (parentName !== name) {
242 | 					parent = parent.$parent;
243 | 					if (!parent) return false;
244 | 					parentName = parent.$options.name;
245 | 				}
246 | 				return parent;
247 | 			}
248 | 		}
249 | 	}
250 | </script>
251 | 
252 | <style lang="scss">
253 | 	.uni-collapse-item {
254 | 		/* #ifndef APP-NVUE */
255 | 		box-sizing: border-box;
256 | 
257 | 		/* #endif */
258 | 		&__title {
259 | 			/* #ifndef APP-NVUE */
260 | 			display: flex;
261 | 			width: 100%;
262 | 			box-sizing: border-box;
263 | 			/* #endif */
264 | 			flex-direction: row;
265 | 			align-items: center;
266 | 			transition: border-bottom-color .3s;
267 | 
268 | 			// transition-property: border-bottom-color;
269 | 			// transition-duration: 5s;
270 | 			&-wrap {
271 | 				width: 100%;
272 | 				flex: 1;
273 | 
274 | 			}
275 | 
276 | 			&-box {
277 | 				padding: 0px;
278 | 				/* #ifndef APP-NVUE */
279 | 				display: flex;
280 | 				width: 100%;
281 | 				box-sizing: border-box;
282 | 				/* #endif */
283 | 				flex-direction: row;
284 | 				justify-content: space-between;
285 | 				align-items: center;
286 | 				height: 48px;
287 | 				line-height: 48px;
288 | 				background-color: #fff;
289 | 				color: #303133;
290 | 				font-size: 13px;
291 | 				font-weight: 500;
292 | 				/* #ifdef H5 */
293 | 				cursor: pointer;
294 | 				outline: none;
295 | 
296 | 				/* #endif */
297 | 				&.is-disabled {
298 | 					.uni-collapse-item__title-text {
299 | 						color: #999;
300 | 					}
301 | 				}
302 | 
303 | 			}
304 | 
305 | 			&.uni-collapse-item-border {
306 | 				border-bottom: 1px solid #ebeef5;
307 | 			}
308 | 
309 | 			&.is-open {
310 | 				border-bottom-color: transparent;
311 | 			}
312 | 
313 | 			&-img {
314 | 				height: 22px;
315 | 				width: 22px;
316 | 				margin-right: 10px;
317 | 			}
318 | 
319 | 			&-text {
320 | 				flex: 1;
321 | 				font-size: 14px;
322 | 				/* #ifndef APP-NVUE */
323 | 				white-space: nowrap;
324 | 				color: inherit;
325 | 				/* #endif */
326 | 				/* #ifdef APP-NVUE */
327 | 				lines: 1;
328 | 				/* #endif */
329 | 				overflow: hidden;
330 | 				text-overflow: ellipsis;
331 | 			}
332 | 
333 | 			&-arrow {
334 | 				/* #ifndef APP-NVUE */
335 | 				display: flex;
336 | 				box-sizing: border-box;
337 | 				/* #endif */
338 | 				align-items: center;
339 | 				justify-content: center;
340 | 				width: 20px;
341 | 				height: 20px;
342 | 				margin-right: 10px;
343 | 				transform: rotate(0deg);
344 | 
345 | 				&-active {
346 | 					transform: rotate(-180deg);
347 | 				}
348 | 			}
349 | 
350 | 
351 | 		}
352 | 
353 | 		&__wrap {
354 | 			/* #ifndef APP-NVUE */
355 | 			will-change: height;
356 | 			box-sizing: border-box;
357 | 			/* #endif */
358 | 			background-color: #fff;
359 | 			overflow: hidden;
360 | 			position: relative;
361 | 			height: 0;
362 | 
363 | 			&.is--transition {
364 | 				// transition: all 0.3s;
365 | 				transition-property: height, border-bottom-width;
366 | 				transition-duration: 0.3s;
367 | 				/* #ifndef APP-NVUE */
368 | 				will-change: height;
369 | 				/* #endif */
370 | 			}
371 | 
372 | 
373 | 
374 | 			&-content {
375 | 				position: absolute;
376 | 				font-size: 13px;
377 | 				color: #303133;
378 | 				// transition: height 0.3s;
379 | 				border-bottom-color: transparent;
380 | 				border-bottom-style: solid;
381 | 				border-bottom-width: 0;
382 | 
383 | 				&.uni-collapse-item--border {
384 | 					border-bottom-width: 1px;
385 | 					border-bottom-color: red;
386 | 					border-bottom-color: #ebeef5;
387 | 				}
388 | 
389 | 				&.open {
390 | 					position: relative;
391 | 				}
392 | 			}
393 | 		}
394 | 
395 | 		&--animation {
396 | 			transition-property: transform;
397 | 			transition-duration: 0.3s;
398 | 			transition-timing-function: ease;
399 | 		}
400 | 
401 | 	}
402 | </style>
403 | 


--------------------------------------------------------------------------------
/uni_modules/uni-collapse/components/uni-collapse/uni-collapse.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="uni-collapse">
  3 | 		<slot />
  4 | 	</view>
  5 | </template>
  6 | <script>
  7 | 	/**
  8 | 	 * Collapse 折叠面板
  9 | 	 * @description 展示可以折叠 / 展开的内容区域
 10 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=23
 11 | 	 * @property {String|Array} value 当前激活面板改变时触发(如果是手风琴模式，参数类型为string，否则为array)
 12 | 	 * @property {Boolean} accordion = [true|false] 是否开启手风琴效果是否开启手风琴效果
 13 | 	 * @event {Function} change 切换面板时触发，如果是手风琴模式，返回类型为string，否则为array
 14 | 	 */
 15 | 	export default {
 16 | 		name: 'uniCollapse',
 17 | 		emits:['change','activeItem','input','update:modelValue'],
 18 | 		props: {
 19 | 			value: {
 20 | 				type: [String, Array],
 21 | 				default: ''
 22 | 			},
 23 | 			modelValue: {
 24 | 				type: [String, Array],
 25 | 				default: ''
 26 | 			},
 27 | 			accordion: {
 28 | 				// 是否开启手风琴效果
 29 | 				type: [Boolean, String],
 30 | 				default: false
 31 | 			},
 32 | 		},
 33 | 		data() {
 34 | 			return {}
 35 | 		},
 36 | 		computed: {
 37 | 			// TODO 兼容 vue2 和 vue3
 38 | 			dataValue() {
 39 | 				let value = (typeof this.value === 'string' && this.value === '') ||
 40 | 					(Array.isArray(this.value) && this.value.length === 0)
 41 | 				let modelValue = (typeof this.modelValue === 'string' && this.modelValue === '') ||
 42 | 					(Array.isArray(this.modelValue) && this.modelValue.length === 0)
 43 | 				if (value) {
 44 | 					return this.modelValue
 45 | 				}
 46 | 				if (modelValue) {
 47 | 					return this.value
 48 | 				}
 49 | 
 50 | 				return this.value
 51 | 			}
 52 | 		},
 53 | 		watch: {
 54 | 			dataValue(val) {
 55 | 				this.setOpen(val)
 56 | 			}
 57 | 		},
 58 | 		created() {
 59 | 			this.childrens = []
 60 | 			this.names = []
 61 | 		},
 62 | 		mounted() {
 63 | 			this.$nextTick(()=>{
 64 | 				this.setOpen(this.dataValue)
 65 | 			})
 66 | 		},
 67 | 		methods: {
 68 | 			setOpen(val) {
 69 | 				let str = typeof val === 'string'
 70 | 				let arr = Array.isArray(val)
 71 | 				this.childrens.forEach((vm, index) => {
 72 | 					if (str) {
 73 | 						if (val === vm.nameSync) {
 74 | 							if (!this.accordion) {
 75 | 								console.warn('accordion 属性为 false ,v-model 类型应该为 array')
 76 | 								return
 77 | 							}
 78 | 							vm.isOpen = true
 79 | 						}
 80 | 					}
 81 | 					if (arr) {
 82 | 						val.forEach(v => {
 83 | 							if (v === vm.nameSync) {
 84 | 								if (this.accordion) {
 85 | 									console.warn('accordion 属性为 true ,v-model 类型应该为 string')
 86 | 									return
 87 | 								}
 88 | 								vm.isOpen = true
 89 | 							}
 90 | 						})
 91 | 					}
 92 | 				})
 93 | 				this.emit(val)
 94 | 			},
 95 | 			setAccordion(self) {
 96 | 				if (!this.accordion) return
 97 | 				this.childrens.forEach((vm, index) => {
 98 | 					if (self !== vm) {
 99 | 						vm.isOpen = false
100 | 					}
101 | 				})
102 | 			},
103 | 			resize() {
104 | 				this.childrens.forEach((vm, index) => {
105 | 					// #ifndef APP-NVUE
106 | 					vm.getCollapseHeight()
107 | 					// #endif
108 | 					// #ifdef APP-NVUE
109 | 					vm.getNvueHwight()
110 | 					// #endif
111 | 				})
112 | 			},
113 | 			onChange(isOpen, self) {
114 | 				let activeItem = []
115 | 
116 | 				if (this.accordion) {
117 | 					activeItem = isOpen ? self.nameSync : ''
118 | 				} else {
119 | 					this.childrens.forEach((vm, index) => {
120 | 						if (vm.isOpen) {
121 | 							activeItem.push(vm.nameSync)
122 | 						}
123 | 					})
124 | 				}
125 | 				this.$emit('change', activeItem)
126 | 				this.emit(activeItem)
127 | 			},
128 | 			emit(val){
129 | 				this.$emit('input', val)
130 | 				this.$emit('update:modelValue', val)
131 | 			}
132 | 		}
133 | 	}
134 | </script>
135 | <style lang="scss" >
136 | 	.uni-collapse {
137 | 		/* #ifndef APP-NVUE */
138 | 		width: 100%;
139 | 		display: flex;
140 | 		/* #endif */
141 | 		/* #ifdef APP-NVUE */
142 | 		flex: 1;
143 | 		/* #endif */
144 | 		flex-direction: column;
145 | 		background-color: #fff;
146 | 	}
147 | </style>
148 | 


--------------------------------------------------------------------------------
/uni_modules/uni-collapse/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "id": "uni-collapse",
 3 |   "displayName": "uni-collapse 折叠面板",
 4 |   "version": "1.4.3",
 5 |   "description": "Collapse 组件，可以折叠 / 展开的内容区域。",
 6 |   "keywords": [
 7 |     "uni-ui",
 8 |     "折叠",
 9 |     "折叠面板",
10 |     "手风琴"
11 | ],
12 |   "repository": "https://github.com/dcloudio/uni-ui",
13 |   "engines": {
14 |     "HBuilderX": ""
15 |   },
16 |   "directories": {
17 |     "example": "../../temps/example_temps"
18 |   },
19 |   "dcloudext": {
20 |     "category": [
21 |       "前端组件",
22 |       "通用组件"
23 |     ],
24 |     "sale": {
25 |       "regular": {
26 |         "price": "0.00"
27 |       },
28 |       "sourcecode": {
29 |         "price": "0.00"
30 |       }
31 |     },
32 |     "contact": {
33 |       "qq": ""
34 |     },
35 |     "declaration": {
36 |       "ads": "无",
37 |       "data": "无",
38 |       "permissions": "无"
39 |     },
40 |     "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
41 |   },
42 |   "uni_modules": {
43 |     "dependencies": [
44 | 			"uni-scss",
45 |       "uni-icons"
46 |     ],
47 |     "encrypt": [],
48 |     "platforms": {
49 |       "cloud": {
50 |         "tcb": "y",
51 |         "aliyun": "y"
52 |       },
53 |       "client": {
54 |         "App": {
55 |           "app-vue": "y",
56 |           "app-nvue": "y"
57 |         },
58 |         "H5-mobile": {
59 |           "Safari": "y",
60 |           "Android Browser": "y",
61 |           "微信浏览器(Android)": "y",
62 |           "QQ浏览器(Android)": "y"
63 |         },
64 |         "H5-pc": {
65 |           "Chrome": "y",
66 |           "IE": "y",
67 |           "Edge": "y",
68 |           "Firefox": "y",
69 |           "Safari": "y"
70 |         },
71 |         "小程序": {
72 |           "微信": "y",
73 |           "阿里": "y",
74 |           "百度": "y",
75 |           "字节跳动": "y",
76 |           "QQ": "y"
77 |         },
78 |         "快应用": {
79 |           "华为": "u",
80 |           "联盟": "u"
81 |         },
82 |         "Vue": {
83 |             "vue2": "y",
84 |             "vue3": "y"
85 |         }
86 |       }
87 |     }
88 |   }
89 | }
90 | 


--------------------------------------------------------------------------------
/uni_modules/uni-collapse/readme.md:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | ## Collapse 折叠面板
 4 | > **组件名：uni-collapse**
 5 | > 代码块： `uCollapse`
 6 | > 关联组件：`uni-collapse-item`、`uni-icons`。
 7 | 
 8 | 
 9 | 折叠面板用来折叠/显示过长的内容或者是列表。通常是在多内容分类项使用，折叠不重要的内容，显示重要内容。点击可以展开折叠部分。
10 | 
11 | ### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-collapse)
12 | #### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 


--------------------------------------------------------------------------------
/uni_modules/uni-icons/changelog.md:
--------------------------------------------------------------------------------
 1 | ## 1.3.5（2022-01-24）
 2 | - 优化 size 属性可以传入不带单位的字符串数值
 3 | ## 1.3.4（2022-01-24）
 4 | - 优化 size 支持其他单位
 5 | ## 1.3.3（2022-01-17）
 6 | - 修复 nvue 有些图标不显示的bug，兼容老版本图标
 7 | ## 1.3.2（2021-12-01）
 8 | - 优化 示例可复制图标名称
 9 | ## 1.3.1（2021-11-23）
10 | - 优化 兼容旧组件 type 值
11 | ## 1.3.0（2021-11-19）
12 | - 新增 更多图标
13 | - 优化 自定义图标使用方式
14 | - 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
15 | - 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-icons](https://uniapp.dcloud.io/component/uniui/uni-icons)
16 | ## 1.1.7（2021-11-08）
17 | ## 1.2.0（2021-07-30）
18 | - 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
19 | ## 1.1.5（2021-05-12）
20 | - 新增 组件示例地址
21 | ## 1.1.4（2021-02-05）
22 | - 调整为uni_modules目录规范
23 | 


--------------------------------------------------------------------------------
/uni_modules/uni-icons/components/uni-icons/icons.js:
--------------------------------------------------------------------------------
   1 | export default {
   2 |   "id": "2852637",
   3 |   "name": "uniui图标库",
   4 |   "font_family": "uniicons",
   5 |   "css_prefix_text": "uniui-",
   6 |   "description": "",
   7 |   "glyphs": [
   8 |     {
   9 |       "icon_id": "25027049",
  10 |       "name": "yanse",
  11 |       "font_class": "color",
  12 |       "unicode": "e6cf",
  13 |       "unicode_decimal": 59087
  14 |     },
  15 |     {
  16 |       "icon_id": "25027048",
  17 |       "name": "wallet",
  18 |       "font_class": "wallet",
  19 |       "unicode": "e6b1",
  20 |       "unicode_decimal": 59057
  21 |     },
  22 |     {
  23 |       "icon_id": "25015720",
  24 |       "name": "settings-filled",
  25 |       "font_class": "settings-filled",
  26 |       "unicode": "e6ce",
  27 |       "unicode_decimal": 59086
  28 |     },
  29 |     {
  30 |       "icon_id": "25015434",
  31 |       "name": "shimingrenzheng-filled",
  32 |       "font_class": "auth-filled",
  33 |       "unicode": "e6cc",
  34 |       "unicode_decimal": 59084
  35 |     },
  36 |     {
  37 |       "icon_id": "24934246",
  38 |       "name": "shop-filled",
  39 |       "font_class": "shop-filled",
  40 |       "unicode": "e6cd",
  41 |       "unicode_decimal": 59085
  42 |     },
  43 |     {
  44 |       "icon_id": "24934159",
  45 |       "name": "staff-filled-01",
  46 |       "font_class": "staff-filled",
  47 |       "unicode": "e6cb",
  48 |       "unicode_decimal": 59083
  49 |     },
  50 |     {
  51 |       "icon_id": "24932461",
  52 |       "name": "VIP-filled",
  53 |       "font_class": "vip-filled",
  54 |       "unicode": "e6c6",
  55 |       "unicode_decimal": 59078
  56 |     },
  57 |     {
  58 |       "icon_id": "24932462",
  59 |       "name": "plus_circle_fill",
  60 |       "font_class": "plus-filled",
  61 |       "unicode": "e6c7",
  62 |       "unicode_decimal": 59079
  63 |     },
  64 |     {
  65 |       "icon_id": "24932463",
  66 |       "name": "folder_add-filled",
  67 |       "font_class": "folder-add-filled",
  68 |       "unicode": "e6c8",
  69 |       "unicode_decimal": 59080
  70 |     },
  71 |     {
  72 |       "icon_id": "24932464",
  73 |       "name": "yanse-filled",
  74 |       "font_class": "color-filled",
  75 |       "unicode": "e6c9",
  76 |       "unicode_decimal": 59081
  77 |     },
  78 |     {
  79 |       "icon_id": "24932465",
  80 |       "name": "tune-filled",
  81 |       "font_class": "tune-filled",
  82 |       "unicode": "e6ca",
  83 |       "unicode_decimal": 59082
  84 |     },
  85 |     {
  86 |       "icon_id": "24932455",
  87 |       "name": "a-rilidaka-filled",
  88 |       "font_class": "calendar-filled",
  89 |       "unicode": "e6c0",
  90 |       "unicode_decimal": 59072
  91 |     },
  92 |     {
  93 |       "icon_id": "24932456",
  94 |       "name": "notification-filled",
  95 |       "font_class": "notification-filled",
  96 |       "unicode": "e6c1",
  97 |       "unicode_decimal": 59073
  98 |     },
  99 |     {
 100 |       "icon_id": "24932457",
 101 |       "name": "wallet-filled",
 102 |       "font_class": "wallet-filled",
 103 |       "unicode": "e6c2",
 104 |       "unicode_decimal": 59074
 105 |     },
 106 |     {
 107 |       "icon_id": "24932458",
 108 |       "name": "paihangbang-filled",
 109 |       "font_class": "medal-filled",
 110 |       "unicode": "e6c3",
 111 |       "unicode_decimal": 59075
 112 |     },
 113 |     {
 114 |       "icon_id": "24932459",
 115 |       "name": "gift-filled",
 116 |       "font_class": "gift-filled",
 117 |       "unicode": "e6c4",
 118 |       "unicode_decimal": 59076
 119 |     },
 120 |     {
 121 |       "icon_id": "24932460",
 122 |       "name": "fire-filled",
 123 |       "font_class": "fire-filled",
 124 |       "unicode": "e6c5",
 125 |       "unicode_decimal": 59077
 126 |     },
 127 |     {
 128 |       "icon_id": "24928001",
 129 |       "name": "refreshempty",
 130 |       "font_class": "refreshempty",
 131 |       "unicode": "e6bf",
 132 |       "unicode_decimal": 59071
 133 |     },
 134 |     {
 135 |       "icon_id": "24926853",
 136 |       "name": "location-ellipse",
 137 |       "font_class": "location-filled",
 138 |       "unicode": "e6af",
 139 |       "unicode_decimal": 59055
 140 |     },
 141 |     {
 142 |       "icon_id": "24926735",
 143 |       "name": "person-filled",
 144 |       "font_class": "person-filled",
 145 |       "unicode": "e69d",
 146 |       "unicode_decimal": 59037
 147 |     },
 148 |     {
 149 |       "icon_id": "24926703",
 150 |       "name": "personadd-filled",
 151 |       "font_class": "personadd-filled",
 152 |       "unicode": "e698",
 153 |       "unicode_decimal": 59032
 154 |     },
 155 |     {
 156 |       "icon_id": "24923351",
 157 |       "name": "back",
 158 |       "font_class": "back",
 159 |       "unicode": "e6b9",
 160 |       "unicode_decimal": 59065
 161 |     },
 162 |     {
 163 |       "icon_id": "24923352",
 164 |       "name": "forward",
 165 |       "font_class": "forward",
 166 |       "unicode": "e6ba",
 167 |       "unicode_decimal": 59066
 168 |     },
 169 |     {
 170 |       "icon_id": "24923353",
 171 |       "name": "arrowthinright",
 172 |       "font_class": "arrow-right",
 173 |       "unicode": "e6bb",
 174 |       "unicode_decimal": 59067
 175 |     },
 176 | 		{
 177 | 		  "icon_id": "24923353",
 178 | 		  "name": "arrowthinright",
 179 | 		  "font_class": "arrowthinright",
 180 | 		  "unicode": "e6bb",
 181 | 		  "unicode_decimal": 59067
 182 | 		},
 183 |     {
 184 |       "icon_id": "24923354",
 185 |       "name": "arrowthinleft",
 186 |       "font_class": "arrow-left",
 187 |       "unicode": "e6bc",
 188 |       "unicode_decimal": 59068
 189 |     },
 190 | 		{
 191 | 		  "icon_id": "24923354",
 192 | 		  "name": "arrowthinleft",
 193 | 		  "font_class": "arrowthinleft",
 194 | 		  "unicode": "e6bc",
 195 | 		  "unicode_decimal": 59068
 196 | 		},
 197 |     {
 198 |       "icon_id": "24923355",
 199 |       "name": "arrowthinup",
 200 |       "font_class": "arrow-up",
 201 |       "unicode": "e6bd",
 202 |       "unicode_decimal": 59069
 203 |     },
 204 | 		{
 205 | 		  "icon_id": "24923355",
 206 | 		  "name": "arrowthinup",
 207 | 		  "font_class": "arrowthinup",
 208 | 		  "unicode": "e6bd",
 209 | 		  "unicode_decimal": 59069
 210 | 		},
 211 |     {
 212 |       "icon_id": "24923356",
 213 |       "name": "arrowthindown",
 214 |       "font_class": "arrow-down",
 215 |       "unicode": "e6be",
 216 |       "unicode_decimal": 59070
 217 |     },{
 218 |       "icon_id": "24923356",
 219 |       "name": "arrowthindown",
 220 |       "font_class": "arrowthindown",
 221 |       "unicode": "e6be",
 222 |       "unicode_decimal": 59070
 223 |     },
 224 |     {
 225 |       "icon_id": "24923349",
 226 |       "name": "arrowdown",
 227 |       "font_class": "bottom",
 228 |       "unicode": "e6b8",
 229 |       "unicode_decimal": 59064
 230 |     },{
 231 |       "icon_id": "24923349",
 232 |       "name": "arrowdown",
 233 |       "font_class": "arrowdown",
 234 |       "unicode": "e6b8",
 235 |       "unicode_decimal": 59064
 236 |     },
 237 |     {
 238 |       "icon_id": "24923346",
 239 |       "name": "arrowright",
 240 |       "font_class": "right",
 241 |       "unicode": "e6b5",
 242 |       "unicode_decimal": 59061
 243 |     },
 244 | 		{
 245 | 		  "icon_id": "24923346",
 246 | 		  "name": "arrowright",
 247 | 		  "font_class": "arrowright",
 248 | 		  "unicode": "e6b5",
 249 | 		  "unicode_decimal": 59061
 250 | 		},
 251 |     {
 252 |       "icon_id": "24923347",
 253 |       "name": "arrowup",
 254 |       "font_class": "top",
 255 |       "unicode": "e6b6",
 256 |       "unicode_decimal": 59062
 257 |     },
 258 | 		{
 259 | 		  "icon_id": "24923347",
 260 | 		  "name": "arrowup",
 261 | 		  "font_class": "arrowup",
 262 | 		  "unicode": "e6b6",
 263 | 		  "unicode_decimal": 59062
 264 | 		},
 265 |     {
 266 |       "icon_id": "24923348",
 267 |       "name": "arrowleft",
 268 |       "font_class": "left",
 269 |       "unicode": "e6b7",
 270 |       "unicode_decimal": 59063
 271 |     },
 272 | 		{
 273 | 		  "icon_id": "24923348",
 274 | 		  "name": "arrowleft",
 275 | 		  "font_class": "arrowleft",
 276 | 		  "unicode": "e6b7",
 277 | 		  "unicode_decimal": 59063
 278 | 		},
 279 |     {
 280 |       "icon_id": "24923334",
 281 |       "name": "eye",
 282 |       "font_class": "eye",
 283 |       "unicode": "e651",
 284 |       "unicode_decimal": 58961
 285 |     },
 286 |     {
 287 |       "icon_id": "24923335",
 288 |       "name": "eye-filled",
 289 |       "font_class": "eye-filled",
 290 |       "unicode": "e66a",
 291 |       "unicode_decimal": 58986
 292 |     },
 293 |     {
 294 |       "icon_id": "24923336",
 295 |       "name": "eye-slash",
 296 |       "font_class": "eye-slash",
 297 |       "unicode": "e6b3",
 298 |       "unicode_decimal": 59059
 299 |     },
 300 |     {
 301 |       "icon_id": "24923337",
 302 |       "name": "eye-slash-filled",
 303 |       "font_class": "eye-slash-filled",
 304 |       "unicode": "e6b4",
 305 |       "unicode_decimal": 59060
 306 |     },
 307 |     {
 308 |       "icon_id": "24923305",
 309 |       "name": "info-filled",
 310 |       "font_class": "info-filled",
 311 |       "unicode": "e649",
 312 |       "unicode_decimal": 58953
 313 |     },
 314 |     {
 315 |       "icon_id": "24923299",
 316 |       "name": "reload-01",
 317 |       "font_class": "reload",
 318 |       "unicode": "e6b2",
 319 |       "unicode_decimal": 59058
 320 |     },
 321 |     {
 322 |       "icon_id": "24923195",
 323 |       "name": "mic_slash_fill",
 324 |       "font_class": "micoff-filled",
 325 |       "unicode": "e6b0",
 326 |       "unicode_decimal": 59056
 327 |     },
 328 |     {
 329 |       "icon_id": "24923165",
 330 |       "name": "map-pin-ellipse",
 331 |       "font_class": "map-pin-ellipse",
 332 |       "unicode": "e6ac",
 333 |       "unicode_decimal": 59052
 334 |     },
 335 |     {
 336 |       "icon_id": "24923166",
 337 |       "name": "map-pin",
 338 |       "font_class": "map-pin",
 339 |       "unicode": "e6ad",
 340 |       "unicode_decimal": 59053
 341 |     },
 342 |     {
 343 |       "icon_id": "24923167",
 344 |       "name": "location",
 345 |       "font_class": "location",
 346 |       "unicode": "e6ae",
 347 |       "unicode_decimal": 59054
 348 |     },
 349 |     {
 350 |       "icon_id": "24923064",
 351 |       "name": "starhalf",
 352 |       "font_class": "starhalf",
 353 |       "unicode": "e683",
 354 |       "unicode_decimal": 59011
 355 |     },
 356 |     {
 357 |       "icon_id": "24923065",
 358 |       "name": "star",
 359 |       "font_class": "star",
 360 |       "unicode": "e688",
 361 |       "unicode_decimal": 59016
 362 |     },
 363 |     {
 364 |       "icon_id": "24923066",
 365 |       "name": "star-filled",
 366 |       "font_class": "star-filled",
 367 |       "unicode": "e68f",
 368 |       "unicode_decimal": 59023
 369 |     },
 370 |     {
 371 |       "icon_id": "24899646",
 372 |       "name": "a-rilidaka",
 373 |       "font_class": "calendar",
 374 |       "unicode": "e6a0",
 375 |       "unicode_decimal": 59040
 376 |     },
 377 |     {
 378 |       "icon_id": "24899647",
 379 |       "name": "fire",
 380 |       "font_class": "fire",
 381 |       "unicode": "e6a1",
 382 |       "unicode_decimal": 59041
 383 |     },
 384 |     {
 385 |       "icon_id": "24899648",
 386 |       "name": "paihangbang",
 387 |       "font_class": "medal",
 388 |       "unicode": "e6a2",
 389 |       "unicode_decimal": 59042
 390 |     },
 391 |     {
 392 |       "icon_id": "24899649",
 393 |       "name": "font",
 394 |       "font_class": "font",
 395 |       "unicode": "e6a3",
 396 |       "unicode_decimal": 59043
 397 |     },
 398 |     {
 399 |       "icon_id": "24899650",
 400 |       "name": "gift",
 401 |       "font_class": "gift",
 402 |       "unicode": "e6a4",
 403 |       "unicode_decimal": 59044
 404 |     },
 405 |     {
 406 |       "icon_id": "24899651",
 407 |       "name": "link",
 408 |       "font_class": "link",
 409 |       "unicode": "e6a5",
 410 |       "unicode_decimal": 59045
 411 |     },
 412 |     {
 413 |       "icon_id": "24899652",
 414 |       "name": "notification",
 415 |       "font_class": "notification",
 416 |       "unicode": "e6a6",
 417 |       "unicode_decimal": 59046
 418 |     },
 419 |     {
 420 |       "icon_id": "24899653",
 421 |       "name": "staff",
 422 |       "font_class": "staff",
 423 |       "unicode": "e6a7",
 424 |       "unicode_decimal": 59047
 425 |     },
 426 |     {
 427 |       "icon_id": "24899654",
 428 |       "name": "VIP",
 429 |       "font_class": "vip",
 430 |       "unicode": "e6a8",
 431 |       "unicode_decimal": 59048
 432 |     },
 433 |     {
 434 |       "icon_id": "24899655",
 435 |       "name": "folder_add",
 436 |       "font_class": "folder-add",
 437 |       "unicode": "e6a9",
 438 |       "unicode_decimal": 59049
 439 |     },
 440 |     {
 441 |       "icon_id": "24899656",
 442 |       "name": "tune",
 443 |       "font_class": "tune",
 444 |       "unicode": "e6aa",
 445 |       "unicode_decimal": 59050
 446 |     },
 447 |     {
 448 |       "icon_id": "24899657",
 449 |       "name": "shimingrenzheng",
 450 |       "font_class": "auth",
 451 |       "unicode": "e6ab",
 452 |       "unicode_decimal": 59051
 453 |     },
 454 |     {
 455 |       "icon_id": "24899565",
 456 |       "name": "person",
 457 |       "font_class": "person",
 458 |       "unicode": "e699",
 459 |       "unicode_decimal": 59033
 460 |     },
 461 |     {
 462 |       "icon_id": "24899566",
 463 |       "name": "email-filled",
 464 |       "font_class": "email-filled",
 465 |       "unicode": "e69a",
 466 |       "unicode_decimal": 59034
 467 |     },
 468 |     {
 469 |       "icon_id": "24899567",
 470 |       "name": "phone-filled",
 471 |       "font_class": "phone-filled",
 472 |       "unicode": "e69b",
 473 |       "unicode_decimal": 59035
 474 |     },
 475 |     {
 476 |       "icon_id": "24899568",
 477 |       "name": "phone",
 478 |       "font_class": "phone",
 479 |       "unicode": "e69c",
 480 |       "unicode_decimal": 59036
 481 |     },
 482 |     {
 483 |       "icon_id": "24899570",
 484 |       "name": "email",
 485 |       "font_class": "email",
 486 |       "unicode": "e69e",
 487 |       "unicode_decimal": 59038
 488 |     },
 489 |     {
 490 |       "icon_id": "24899571",
 491 |       "name": "personadd",
 492 |       "font_class": "personadd",
 493 |       "unicode": "e69f",
 494 |       "unicode_decimal": 59039
 495 |     },
 496 |     {
 497 |       "icon_id": "24899558",
 498 |       "name": "chatboxes-filled",
 499 |       "font_class": "chatboxes-filled",
 500 |       "unicode": "e692",
 501 |       "unicode_decimal": 59026
 502 |     },
 503 |     {
 504 |       "icon_id": "24899559",
 505 |       "name": "contact",
 506 |       "font_class": "contact",
 507 |       "unicode": "e693",
 508 |       "unicode_decimal": 59027
 509 |     },
 510 |     {
 511 |       "icon_id": "24899560",
 512 |       "name": "chatbubble-filled",
 513 |       "font_class": "chatbubble-filled",
 514 |       "unicode": "e694",
 515 |       "unicode_decimal": 59028
 516 |     },
 517 |     {
 518 |       "icon_id": "24899561",
 519 |       "name": "contact-filled",
 520 |       "font_class": "contact-filled",
 521 |       "unicode": "e695",
 522 |       "unicode_decimal": 59029
 523 |     },
 524 |     {
 525 |       "icon_id": "24899562",
 526 |       "name": "chatboxes",
 527 |       "font_class": "chatboxes",
 528 |       "unicode": "e696",
 529 |       "unicode_decimal": 59030
 530 |     },
 531 |     {
 532 |       "icon_id": "24899563",
 533 |       "name": "chatbubble",
 534 |       "font_class": "chatbubble",
 535 |       "unicode": "e697",
 536 |       "unicode_decimal": 59031
 537 |     },
 538 |     {
 539 |       "icon_id": "24881290",
 540 |       "name": "upload-filled",
 541 |       "font_class": "upload-filled",
 542 |       "unicode": "e68e",
 543 |       "unicode_decimal": 59022
 544 |     },
 545 |     {
 546 |       "icon_id": "24881292",
 547 |       "name": "upload",
 548 |       "font_class": "upload",
 549 |       "unicode": "e690",
 550 |       "unicode_decimal": 59024
 551 |     },
 552 |     {
 553 |       "icon_id": "24881293",
 554 |       "name": "weixin",
 555 |       "font_class": "weixin",
 556 |       "unicode": "e691",
 557 |       "unicode_decimal": 59025
 558 |     },
 559 |     {
 560 |       "icon_id": "24881274",
 561 |       "name": "compose",
 562 |       "font_class": "compose",
 563 |       "unicode": "e67f",
 564 |       "unicode_decimal": 59007
 565 |     },
 566 |     {
 567 |       "icon_id": "24881275",
 568 |       "name": "qq",
 569 |       "font_class": "qq",
 570 |       "unicode": "e680",
 571 |       "unicode_decimal": 59008
 572 |     },
 573 |     {
 574 |       "icon_id": "24881276",
 575 |       "name": "download-filled",
 576 |       "font_class": "download-filled",
 577 |       "unicode": "e681",
 578 |       "unicode_decimal": 59009
 579 |     },
 580 |     {
 581 |       "icon_id": "24881277",
 582 |       "name": "pengyouquan",
 583 |       "font_class": "pyq",
 584 |       "unicode": "e682",
 585 |       "unicode_decimal": 59010
 586 |     },
 587 |     {
 588 |       "icon_id": "24881279",
 589 |       "name": "sound",
 590 |       "font_class": "sound",
 591 |       "unicode": "e684",
 592 |       "unicode_decimal": 59012
 593 |     },
 594 |     {
 595 |       "icon_id": "24881280",
 596 |       "name": "trash-filled",
 597 |       "font_class": "trash-filled",
 598 |       "unicode": "e685",
 599 |       "unicode_decimal": 59013
 600 |     },
 601 |     {
 602 |       "icon_id": "24881281",
 603 |       "name": "sound-filled",
 604 |       "font_class": "sound-filled",
 605 |       "unicode": "e686",
 606 |       "unicode_decimal": 59014
 607 |     },
 608 |     {
 609 |       "icon_id": "24881282",
 610 |       "name": "trash",
 611 |       "font_class": "trash",
 612 |       "unicode": "e687",
 613 |       "unicode_decimal": 59015
 614 |     },
 615 |     {
 616 |       "icon_id": "24881284",
 617 |       "name": "videocam-filled",
 618 |       "font_class": "videocam-filled",
 619 |       "unicode": "e689",
 620 |       "unicode_decimal": 59017
 621 |     },
 622 |     {
 623 |       "icon_id": "24881285",
 624 |       "name": "spinner-cycle",
 625 |       "font_class": "spinner-cycle",
 626 |       "unicode": "e68a",
 627 |       "unicode_decimal": 59018
 628 |     },
 629 |     {
 630 |       "icon_id": "24881286",
 631 |       "name": "weibo",
 632 |       "font_class": "weibo",
 633 |       "unicode": "e68b",
 634 |       "unicode_decimal": 59019
 635 |     },
 636 |     {
 637 |       "icon_id": "24881288",
 638 |       "name": "videocam",
 639 |       "font_class": "videocam",
 640 |       "unicode": "e68c",
 641 |       "unicode_decimal": 59020
 642 |     },
 643 |     {
 644 |       "icon_id": "24881289",
 645 |       "name": "download",
 646 |       "font_class": "download",
 647 |       "unicode": "e68d",
 648 |       "unicode_decimal": 59021
 649 |     },
 650 |     {
 651 |       "icon_id": "24879601",
 652 |       "name": "help",
 653 |       "font_class": "help",
 654 |       "unicode": "e679",
 655 |       "unicode_decimal": 59001
 656 |     },
 657 |     {
 658 |       "icon_id": "24879602",
 659 |       "name": "navigate-filled",
 660 |       "font_class": "navigate-filled",
 661 |       "unicode": "e67a",
 662 |       "unicode_decimal": 59002
 663 |     },
 664 |     {
 665 |       "icon_id": "24879603",
 666 |       "name": "plusempty",
 667 |       "font_class": "plusempty",
 668 |       "unicode": "e67b",
 669 |       "unicode_decimal": 59003
 670 |     },
 671 |     {
 672 |       "icon_id": "24879604",
 673 |       "name": "smallcircle",
 674 |       "font_class": "smallcircle",
 675 |       "unicode": "e67c",
 676 |       "unicode_decimal": 59004
 677 |     },
 678 |     {
 679 |       "icon_id": "24879605",
 680 |       "name": "minus-filled",
 681 |       "font_class": "minus-filled",
 682 |       "unicode": "e67d",
 683 |       "unicode_decimal": 59005
 684 |     },
 685 |     {
 686 |       "icon_id": "24879606",
 687 |       "name": "micoff",
 688 |       "font_class": "micoff",
 689 |       "unicode": "e67e",
 690 |       "unicode_decimal": 59006
 691 |     },
 692 |     {
 693 |       "icon_id": "24879588",
 694 |       "name": "closeempty",
 695 |       "font_class": "closeempty",
 696 |       "unicode": "e66c",
 697 |       "unicode_decimal": 58988
 698 |     },
 699 |     {
 700 |       "icon_id": "24879589",
 701 |       "name": "clear",
 702 |       "font_class": "clear",
 703 |       "unicode": "e66d",
 704 |       "unicode_decimal": 58989
 705 |     },
 706 |     {
 707 |       "icon_id": "24879590",
 708 |       "name": "navigate",
 709 |       "font_class": "navigate",
 710 |       "unicode": "e66e",
 711 |       "unicode_decimal": 58990
 712 |     },
 713 |     {
 714 |       "icon_id": "24879591",
 715 |       "name": "minus",
 716 |       "font_class": "minus",
 717 |       "unicode": "e66f",
 718 |       "unicode_decimal": 58991
 719 |     },
 720 |     {
 721 |       "icon_id": "24879592",
 722 |       "name": "image",
 723 |       "font_class": "image",
 724 |       "unicode": "e670",
 725 |       "unicode_decimal": 58992
 726 |     },
 727 |     {
 728 |       "icon_id": "24879593",
 729 |       "name": "mic",
 730 |       "font_class": "mic",
 731 |       "unicode": "e671",
 732 |       "unicode_decimal": 58993
 733 |     },
 734 |     {
 735 |       "icon_id": "24879594",
 736 |       "name": "paperplane",
 737 |       "font_class": "paperplane",
 738 |       "unicode": "e672",
 739 |       "unicode_decimal": 58994
 740 |     },
 741 |     {
 742 |       "icon_id": "24879595",
 743 |       "name": "close",
 744 |       "font_class": "close",
 745 |       "unicode": "e673",
 746 |       "unicode_decimal": 58995
 747 |     },
 748 |     {
 749 |       "icon_id": "24879596",
 750 |       "name": "help-filled",
 751 |       "font_class": "help-filled",
 752 |       "unicode": "e674",
 753 |       "unicode_decimal": 58996
 754 |     },
 755 |     {
 756 |       "icon_id": "24879597",
 757 |       "name": "plus-filled",
 758 |       "font_class": "paperplane-filled",
 759 |       "unicode": "e675",
 760 |       "unicode_decimal": 58997
 761 |     },
 762 |     {
 763 |       "icon_id": "24879598",
 764 |       "name": "plus",
 765 |       "font_class": "plus",
 766 |       "unicode": "e676",
 767 |       "unicode_decimal": 58998
 768 |     },
 769 |     {
 770 |       "icon_id": "24879599",
 771 |       "name": "mic-filled",
 772 |       "font_class": "mic-filled",
 773 |       "unicode": "e677",
 774 |       "unicode_decimal": 58999
 775 |     },
 776 |     {
 777 |       "icon_id": "24879600",
 778 |       "name": "image-filled",
 779 |       "font_class": "image-filled",
 780 |       "unicode": "e678",
 781 |       "unicode_decimal": 59000
 782 |     },
 783 |     {
 784 |       "icon_id": "24855900",
 785 |       "name": "locked-filled",
 786 |       "font_class": "locked-filled",
 787 |       "unicode": "e668",
 788 |       "unicode_decimal": 58984
 789 |     },
 790 |     {
 791 |       "icon_id": "24855901",
 792 |       "name": "info",
 793 |       "font_class": "info",
 794 |       "unicode": "e669",
 795 |       "unicode_decimal": 58985
 796 |     },
 797 |     {
 798 |       "icon_id": "24855903",
 799 |       "name": "locked",
 800 |       "font_class": "locked",
 801 |       "unicode": "e66b",
 802 |       "unicode_decimal": 58987
 803 |     },
 804 |     {
 805 |       "icon_id": "24855884",
 806 |       "name": "camera-filled",
 807 |       "font_class": "camera-filled",
 808 |       "unicode": "e658",
 809 |       "unicode_decimal": 58968
 810 |     },
 811 |     {
 812 |       "icon_id": "24855885",
 813 |       "name": "chat-filled",
 814 |       "font_class": "chat-filled",
 815 |       "unicode": "e659",
 816 |       "unicode_decimal": 58969
 817 |     },
 818 |     {
 819 |       "icon_id": "24855886",
 820 |       "name": "camera",
 821 |       "font_class": "camera",
 822 |       "unicode": "e65a",
 823 |       "unicode_decimal": 58970
 824 |     },
 825 |     {
 826 |       "icon_id": "24855887",
 827 |       "name": "circle",
 828 |       "font_class": "circle",
 829 |       "unicode": "e65b",
 830 |       "unicode_decimal": 58971
 831 |     },
 832 |     {
 833 |       "icon_id": "24855888",
 834 |       "name": "checkmarkempty",
 835 |       "font_class": "checkmarkempty",
 836 |       "unicode": "e65c",
 837 |       "unicode_decimal": 58972
 838 |     },
 839 |     {
 840 |       "icon_id": "24855889",
 841 |       "name": "chat",
 842 |       "font_class": "chat",
 843 |       "unicode": "e65d",
 844 |       "unicode_decimal": 58973
 845 |     },
 846 |     {
 847 |       "icon_id": "24855890",
 848 |       "name": "circle-filled",
 849 |       "font_class": "circle-filled",
 850 |       "unicode": "e65e",
 851 |       "unicode_decimal": 58974
 852 |     },
 853 |     {
 854 |       "icon_id": "24855891",
 855 |       "name": "flag",
 856 |       "font_class": "flag",
 857 |       "unicode": "e65f",
 858 |       "unicode_decimal": 58975
 859 |     },
 860 |     {
 861 |       "icon_id": "24855892",
 862 |       "name": "flag-filled",
 863 |       "font_class": "flag-filled",
 864 |       "unicode": "e660",
 865 |       "unicode_decimal": 58976
 866 |     },
 867 |     {
 868 |       "icon_id": "24855893",
 869 |       "name": "gear-filled",
 870 |       "font_class": "gear-filled",
 871 |       "unicode": "e661",
 872 |       "unicode_decimal": 58977
 873 |     },
 874 |     {
 875 |       "icon_id": "24855894",
 876 |       "name": "home",
 877 |       "font_class": "home",
 878 |       "unicode": "e662",
 879 |       "unicode_decimal": 58978
 880 |     },
 881 |     {
 882 |       "icon_id": "24855895",
 883 |       "name": "home-filled",
 884 |       "font_class": "home-filled",
 885 |       "unicode": "e663",
 886 |       "unicode_decimal": 58979
 887 |     },
 888 |     {
 889 |       "icon_id": "24855896",
 890 |       "name": "gear",
 891 |       "font_class": "gear",
 892 |       "unicode": "e664",
 893 |       "unicode_decimal": 58980
 894 |     },
 895 |     {
 896 |       "icon_id": "24855897",
 897 |       "name": "smallcircle-filled",
 898 |       "font_class": "smallcircle-filled",
 899 |       "unicode": "e665",
 900 |       "unicode_decimal": 58981
 901 |     },
 902 |     {
 903 |       "icon_id": "24855898",
 904 |       "name": "map-filled",
 905 |       "font_class": "map-filled",
 906 |       "unicode": "e666",
 907 |       "unicode_decimal": 58982
 908 |     },
 909 |     {
 910 |       "icon_id": "24855899",
 911 |       "name": "map",
 912 |       "font_class": "map",
 913 |       "unicode": "e667",
 914 |       "unicode_decimal": 58983
 915 |     },
 916 |     {
 917 |       "icon_id": "24855825",
 918 |       "name": "refresh-filled",
 919 |       "font_class": "refresh-filled",
 920 |       "unicode": "e656",
 921 |       "unicode_decimal": 58966
 922 |     },
 923 |     {
 924 |       "icon_id": "24855826",
 925 |       "name": "refresh",
 926 |       "font_class": "refresh",
 927 |       "unicode": "e657",
 928 |       "unicode_decimal": 58967
 929 |     },
 930 |     {
 931 |       "icon_id": "24855808",
 932 |       "name": "cloud-upload",
 933 |       "font_class": "cloud-upload",
 934 |       "unicode": "e645",
 935 |       "unicode_decimal": 58949
 936 |     },
 937 |     {
 938 |       "icon_id": "24855809",
 939 |       "name": "cloud-download-filled",
 940 |       "font_class": "cloud-download-filled",
 941 |       "unicode": "e646",
 942 |       "unicode_decimal": 58950
 943 |     },
 944 |     {
 945 |       "icon_id": "24855810",
 946 |       "name": "cloud-download",
 947 |       "font_class": "cloud-download",
 948 |       "unicode": "e647",
 949 |       "unicode_decimal": 58951
 950 |     },
 951 |     {
 952 |       "icon_id": "24855811",
 953 |       "name": "cloud-upload-filled",
 954 |       "font_class": "cloud-upload-filled",
 955 |       "unicode": "e648",
 956 |       "unicode_decimal": 58952
 957 |     },
 958 |     {
 959 |       "icon_id": "24855813",
 960 |       "name": "redo",
 961 |       "font_class": "redo",
 962 |       "unicode": "e64a",
 963 |       "unicode_decimal": 58954
 964 |     },
 965 |     {
 966 |       "icon_id": "24855814",
 967 |       "name": "images-filled",
 968 |       "font_class": "images-filled",
 969 |       "unicode": "e64b",
 970 |       "unicode_decimal": 58955
 971 |     },
 972 |     {
 973 |       "icon_id": "24855815",
 974 |       "name": "undo-filled",
 975 |       "font_class": "undo-filled",
 976 |       "unicode": "e64c",
 977 |       "unicode_decimal": 58956
 978 |     },
 979 |     {
 980 |       "icon_id": "24855816",
 981 |       "name": "more",
 982 |       "font_class": "more",
 983 |       "unicode": "e64d",
 984 |       "unicode_decimal": 58957
 985 |     },
 986 |     {
 987 |       "icon_id": "24855817",
 988 |       "name": "more-filled",
 989 |       "font_class": "more-filled",
 990 |       "unicode": "e64e",
 991 |       "unicode_decimal": 58958
 992 |     },
 993 |     {
 994 |       "icon_id": "24855818",
 995 |       "name": "undo",
 996 |       "font_class": "undo",
 997 |       "unicode": "e64f",
 998 |       "unicode_decimal": 58959
 999 |     },
1000 |     {
1001 |       "icon_id": "24855819",
1002 |       "name": "images",
1003 |       "font_class": "images",
1004 |       "unicode": "e650",
1005 |       "unicode_decimal": 58960
1006 |     },
1007 |     {
1008 |       "icon_id": "24855821",
1009 |       "name": "paperclip",
1010 |       "font_class": "paperclip",
1011 |       "unicode": "e652",
1012 |       "unicode_decimal": 58962
1013 |     },
1014 |     {
1015 |       "icon_id": "24855822",
1016 |       "name": "settings",
1017 |       "font_class": "settings",
1018 |       "unicode": "e653",
1019 |       "unicode_decimal": 58963
1020 |     },
1021 |     {
1022 |       "icon_id": "24855823",
1023 |       "name": "search",
1024 |       "font_class": "search",
1025 |       "unicode": "e654",
1026 |       "unicode_decimal": 58964
1027 |     },
1028 |     {
1029 |       "icon_id": "24855824",
1030 |       "name": "redo-filled",
1031 |       "font_class": "redo-filled",
1032 |       "unicode": "e655",
1033 |       "unicode_decimal": 58965
1034 |     },
1035 |     {
1036 |       "icon_id": "24841702",
1037 |       "name": "list",
1038 |       "font_class": "list",
1039 |       "unicode": "e644",
1040 |       "unicode_decimal": 58948
1041 |     },
1042 |     {
1043 |       "icon_id": "24841489",
1044 |       "name": "mail-open-filled",
1045 |       "font_class": "mail-open-filled",
1046 |       "unicode": "e63a",
1047 |       "unicode_decimal": 58938
1048 |     },
1049 |     {
1050 |       "icon_id": "24841491",
1051 |       "name": "hand-thumbsdown-filled",
1052 |       "font_class": "hand-down-filled",
1053 |       "unicode": "e63c",
1054 |       "unicode_decimal": 58940
1055 |     },
1056 |     {
1057 |       "icon_id": "24841492",
1058 |       "name": "hand-thumbsdown",
1059 |       "font_class": "hand-down",
1060 |       "unicode": "e63d",
1061 |       "unicode_decimal": 58941
1062 |     },
1063 |     {
1064 |       "icon_id": "24841493",
1065 |       "name": "hand-thumbsup-filled",
1066 |       "font_class": "hand-up-filled",
1067 |       "unicode": "e63e",
1068 |       "unicode_decimal": 58942
1069 |     },
1070 |     {
1071 |       "icon_id": "24841494",
1072 |       "name": "hand-thumbsup",
1073 |       "font_class": "hand-up",
1074 |       "unicode": "e63f",
1075 |       "unicode_decimal": 58943
1076 |     },
1077 |     {
1078 |       "icon_id": "24841496",
1079 |       "name": "heart-filled",
1080 |       "font_class": "heart-filled",
1081 |       "unicode": "e641",
1082 |       "unicode_decimal": 58945
1083 |     },
1084 |     {
1085 |       "icon_id": "24841498",
1086 |       "name": "mail-open",
1087 |       "font_class": "mail-open",
1088 |       "unicode": "e643",
1089 |       "unicode_decimal": 58947
1090 |     },
1091 |     {
1092 |       "icon_id": "24841488",
1093 |       "name": "heart",
1094 |       "font_class": "heart",
1095 |       "unicode": "e639",
1096 |       "unicode_decimal": 58937
1097 |     },
1098 |     {
1099 |       "icon_id": "24839963",
1100 |       "name": "loop",
1101 |       "font_class": "loop",
1102 |       "unicode": "e633",
1103 |       "unicode_decimal": 58931
1104 |     },
1105 |     {
1106 |       "icon_id": "24839866",
1107 |       "name": "pulldown",
1108 |       "font_class": "pulldown",
1109 |       "unicode": "e632",
1110 |       "unicode_decimal": 58930
1111 |     },
1112 |     {
1113 |       "icon_id": "24813798",
1114 |       "name": "scan",
1115 |       "font_class": "scan",
1116 |       "unicode": "e62a",
1117 |       "unicode_decimal": 58922
1118 |     },
1119 |     {
1120 |       "icon_id": "24813786",
1121 |       "name": "bars",
1122 |       "font_class": "bars",
1123 |       "unicode": "e627",
1124 |       "unicode_decimal": 58919
1125 |     },
1126 |     {
1127 |       "icon_id": "24813788",
1128 |       "name": "cart-filled",
1129 |       "font_class": "cart-filled",
1130 |       "unicode": "e629",
1131 |       "unicode_decimal": 58921
1132 |     },
1133 |     {
1134 |       "icon_id": "24813790",
1135 |       "name": "checkbox",
1136 |       "font_class": "checkbox",
1137 |       "unicode": "e62b",
1138 |       "unicode_decimal": 58923
1139 |     },
1140 |     {
1141 |       "icon_id": "24813791",
1142 |       "name": "checkbox-filled",
1143 |       "font_class": "checkbox-filled",
1144 |       "unicode": "e62c",
1145 |       "unicode_decimal": 58924
1146 |     },
1147 |     {
1148 |       "icon_id": "24813794",
1149 |       "name": "shop",
1150 |       "font_class": "shop",
1151 |       "unicode": "e62f",
1152 |       "unicode_decimal": 58927
1153 |     },
1154 |     {
1155 |       "icon_id": "24813795",
1156 |       "name": "headphones",
1157 |       "font_class": "headphones",
1158 |       "unicode": "e630",
1159 |       "unicode_decimal": 58928
1160 |     },
1161 |     {
1162 |       "icon_id": "24813796",
1163 |       "name": "cart",
1164 |       "font_class": "cart",
1165 |       "unicode": "e631",
1166 |       "unicode_decimal": 58929
1167 |     }
1168 |   ]
1169 | }
1170 | 


--------------------------------------------------------------------------------
/uni_modules/uni-icons/components/uni-icons/uni-icons.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<!-- #ifdef APP-NVUE -->
 3 | 	<text :style="{ color: color, 'font-size': iconSize }" class="uni-icons" @click="_onClick">{{unicode}}</text>
 4 | 	<!-- #endif -->
 5 | 	<!-- #ifndef APP-NVUE -->
 6 | 	<text :style="{ color: color, 'font-size': iconSize }" class="uni-icons" :class="['uniui-'+type,customPrefix,customPrefix?type:'']" @click="_onClick"></text>
 7 | 	<!-- #endif -->
 8 | </template>
 9 | 
10 | <script>
11 | 	import icons from './icons.js';
12 | 	const getVal = (val) => {
13 | 		const reg = /^[0-9]*$/g
14 | 		return (typeof val === 'number' ||　reg.test(val) )? val + 'px' : val;
15 | 	} 
16 | 	// #ifdef APP-NVUE
17 | 	var domModule = weex.requireModule('dom');
18 | 	import iconUrl from './uniicons.ttf'
19 | 	domModule.addRule('fontFace', {
20 | 		'fontFamily': "uniicons",
21 | 		'src': "url('"+iconUrl+"')"
22 | 	});
23 | 	// #endif
24 | 
25 | 	/**
26 | 	 * Icons 图标
27 | 	 * @description 用于展示 icons 图标
28 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=28
29 | 	 * @property {Number} size 图标大小
30 | 	 * @property {String} type 图标图案，参考示例
31 | 	 * @property {String} color 图标颜色
32 | 	 * @property {String} customPrefix 自定义图标
33 | 	 * @event {Function} click 点击 Icon 触发事件
34 | 	 */
35 | 	export default {
36 | 		name: 'UniIcons',
37 | 		emits:['click'],
38 | 		props: {
39 | 			type: {
40 | 				type: String,
41 | 				default: ''
42 | 			},
43 | 			color: {
44 | 				type: String,
45 | 				default: '#333333'
46 | 			},
47 | 			size: {
48 | 				type: [Number, String],
49 | 				default: 16
50 | 			},
51 | 			customPrefix:{
52 | 				type: String,
53 | 				default: ''
54 | 			}
55 | 		},
56 | 		data() {
57 | 			return {
58 | 				icons: icons.glyphs
59 | 			}
60 | 		},
61 | 		computed:{
62 | 			unicode(){
63 | 				let code = this.icons.find(v=>v.font_class === this.type)
64 | 				if(code){
65 | 					return unescape(`%u${code.unicode}`)
66 | 				}
67 | 				return ''
68 | 			},
69 | 			iconSize(){
70 | 				return getVal(this.size)
71 | 			}
72 | 		},
73 | 		methods: {
74 | 			_onClick() {
75 | 				this.$emit('click')
76 | 			}
77 | 		}
78 | 	}
79 | </script>
80 | 
81 | <style lang="scss">
82 | 	/* #ifndef APP-NVUE */
83 | 	@import './uniicons.css';
84 | 	@font-face {
85 | 		font-family: uniicons;
86 | 		src: url('./uniicons.ttf') format('truetype');
87 | 	}
88 | 
89 | 	/* #endif */
90 | 	.uni-icons {
91 | 		font-family: uniicons;
92 | 		text-decoration: none;
93 | 		text-align: center;
94 | 	}
95 | 
96 | </style>
97 | 


--------------------------------------------------------------------------------
/uni_modules/uni-icons/components/uni-icons/uniicons.css:
--------------------------------------------------------------------------------
  1 | .uniui-color:before {
  2 |   content: "\e6cf";
  3 | }
  4 | 
  5 | .uniui-wallet:before {
  6 |   content: "\e6b1";
  7 | }
  8 | 
  9 | .uniui-settings-filled:before {
 10 |   content: "\e6ce";
 11 | }
 12 | 
 13 | .uniui-auth-filled:before {
 14 |   content: "\e6cc";
 15 | }
 16 | 
 17 | .uniui-shop-filled:before {
 18 |   content: "\e6cd";
 19 | }
 20 | 
 21 | .uniui-staff-filled:before {
 22 |   content: "\e6cb";
 23 | }
 24 | 
 25 | .uniui-vip-filled:before {
 26 |   content: "\e6c6";
 27 | }
 28 | 
 29 | .uniui-plus-filled:before {
 30 |   content: "\e6c7";
 31 | }
 32 | 
 33 | .uniui-folder-add-filled:before {
 34 |   content: "\e6c8";
 35 | }
 36 | 
 37 | .uniui-color-filled:before {
 38 |   content: "\e6c9";
 39 | }
 40 | 
 41 | .uniui-tune-filled:before {
 42 |   content: "\e6ca";
 43 | }
 44 | 
 45 | .uniui-calendar-filled:before {
 46 |   content: "\e6c0";
 47 | }
 48 | 
 49 | .uniui-notification-filled:before {
 50 |   content: "\e6c1";
 51 | }
 52 | 
 53 | .uniui-wallet-filled:before {
 54 |   content: "\e6c2";
 55 | }
 56 | 
 57 | .uniui-medal-filled:before {
 58 |   content: "\e6c3";
 59 | }
 60 | 
 61 | .uniui-gift-filled:before {
 62 |   content: "\e6c4";
 63 | }
 64 | 
 65 | .uniui-fire-filled:before {
 66 |   content: "\e6c5";
 67 | }
 68 | 
 69 | .uniui-refreshempty:before {
 70 |   content: "\e6bf";
 71 | }
 72 | 
 73 | .uniui-location-filled:before {
 74 |   content: "\e6af";
 75 | }
 76 | 
 77 | .uniui-person-filled:before {
 78 |   content: "\e69d";
 79 | }
 80 | 
 81 | .uniui-personadd-filled:before {
 82 |   content: "\e698";
 83 | }
 84 | 
 85 | .uniui-back:before {
 86 |   content: "\e6b9";
 87 | }
 88 | 
 89 | .uniui-forward:before {
 90 |   content: "\e6ba";
 91 | }
 92 | 
 93 | .uniui-arrow-right:before {
 94 |   content: "\e6bb";
 95 | }
 96 | 
 97 | .uniui-arrowthinright:before {
 98 |   content: "\e6bb";
 99 | }
100 | 
101 | .uniui-arrow-left:before {
102 |   content: "\e6bc";
103 | }
104 | 
105 | .uniui-arrowthinleft:before {
106 |   content: "\e6bc";
107 | }
108 | 
109 | .uniui-arrow-up:before {
110 |   content: "\e6bd";
111 | }
112 | 
113 | .uniui-arrowthinup:before {
114 |   content: "\e6bd";
115 | }
116 | 
117 | .uniui-arrow-down:before {
118 |   content: "\e6be";
119 | }
120 | 
121 | .uniui-arrowthindown:before {
122 |   content: "\e6be";
123 | }
124 | 
125 | .uniui-bottom:before {
126 |   content: "\e6b8";
127 | }
128 | 
129 | .uniui-arrowdown:before {
130 |   content: "\e6b8";
131 | }
132 | 
133 | .uniui-right:before {
134 |   content: "\e6b5";
135 | }
136 | 
137 | .uniui-arrowright:before {
138 |   content: "\e6b5";
139 | }
140 | 
141 | .uniui-top:before {
142 |   content: "\e6b6";
143 | }
144 | 
145 | .uniui-arrowup:before {
146 |   content: "\e6b6";
147 | }
148 | 
149 | .uniui-left:before {
150 |   content: "\e6b7";
151 | }
152 | 
153 | .uniui-arrowleft:before {
154 |   content: "\e6b7";
155 | }
156 | 
157 | .uniui-eye:before {
158 |   content: "\e651";
159 | }
160 | 
161 | .uniui-eye-filled:before {
162 |   content: "\e66a";
163 | }
164 | 
165 | .uniui-eye-slash:before {
166 |   content: "\e6b3";
167 | }
168 | 
169 | .uniui-eye-slash-filled:before {
170 |   content: "\e6b4";
171 | }
172 | 
173 | .uniui-info-filled:before {
174 |   content: "\e649";
175 | }
176 | 
177 | .uniui-reload:before {
178 |   content: "\e6b2";
179 | }
180 | 
181 | .uniui-micoff-filled:before {
182 |   content: "\e6b0";
183 | }
184 | 
185 | .uniui-map-pin-ellipse:before {
186 |   content: "\e6ac";
187 | }
188 | 
189 | .uniui-map-pin:before {
190 |   content: "\e6ad";
191 | }
192 | 
193 | .uniui-location:before {
194 |   content: "\e6ae";
195 | }
196 | 
197 | .uniui-starhalf:before {
198 |   content: "\e683";
199 | }
200 | 
201 | .uniui-star:before {
202 |   content: "\e688";
203 | }
204 | 
205 | .uniui-star-filled:before {
206 |   content: "\e68f";
207 | }
208 | 
209 | .uniui-calendar:before {
210 |   content: "\e6a0";
211 | }
212 | 
213 | .uniui-fire:before {
214 |   content: "\e6a1";
215 | }
216 | 
217 | .uniui-medal:before {
218 |   content: "\e6a2";
219 | }
220 | 
221 | .uniui-font:before {
222 |   content: "\e6a3";
223 | }
224 | 
225 | .uniui-gift:before {
226 |   content: "\e6a4";
227 | }
228 | 
229 | .uniui-link:before {
230 |   content: "\e6a5";
231 | }
232 | 
233 | .uniui-notification:before {
234 |   content: "\e6a6";
235 | }
236 | 
237 | .uniui-staff:before {
238 |   content: "\e6a7";
239 | }
240 | 
241 | .uniui-vip:before {
242 |   content: "\e6a8";
243 | }
244 | 
245 | .uniui-folder-add:before {
246 |   content: "\e6a9";
247 | }
248 | 
249 | .uniui-tune:before {
250 |   content: "\e6aa";
251 | }
252 | 
253 | .uniui-auth:before {
254 |   content: "\e6ab";
255 | }
256 | 
257 | .uniui-person:before {
258 |   content: "\e699";
259 | }
260 | 
261 | .uniui-email-filled:before {
262 |   content: "\e69a";
263 | }
264 | 
265 | .uniui-phone-filled:before {
266 |   content: "\e69b";
267 | }
268 | 
269 | .uniui-phone:before {
270 |   content: "\e69c";
271 | }
272 | 
273 | .uniui-email:before {
274 |   content: "\e69e";
275 | }
276 | 
277 | .uniui-personadd:before {
278 |   content: "\e69f";
279 | }
280 | 
281 | .uniui-chatboxes-filled:before {
282 |   content: "\e692";
283 | }
284 | 
285 | .uniui-contact:before {
286 |   content: "\e693";
287 | }
288 | 
289 | .uniui-chatbubble-filled:before {
290 |   content: "\e694";
291 | }
292 | 
293 | .uniui-contact-filled:before {
294 |   content: "\e695";
295 | }
296 | 
297 | .uniui-chatboxes:before {
298 |   content: "\e696";
299 | }
300 | 
301 | .uniui-chatbubble:before {
302 |   content: "\e697";
303 | }
304 | 
305 | .uniui-upload-filled:before {
306 |   content: "\e68e";
307 | }
308 | 
309 | .uniui-upload:before {
310 |   content: "\e690";
311 | }
312 | 
313 | .uniui-weixin:before {
314 |   content: "\e691";
315 | }
316 | 
317 | .uniui-compose:before {
318 |   content: "\e67f";
319 | }
320 | 
321 | .uniui-qq:before {
322 |   content: "\e680";
323 | }
324 | 
325 | .uniui-download-filled:before {
326 |   content: "\e681";
327 | }
328 | 
329 | .uniui-pyq:before {
330 |   content: "\e682";
331 | }
332 | 
333 | .uniui-sound:before {
334 |   content: "\e684";
335 | }
336 | 
337 | .uniui-trash-filled:before {
338 |   content: "\e685";
339 | }
340 | 
341 | .uniui-sound-filled:before {
342 |   content: "\e686";
343 | }
344 | 
345 | .uniui-trash:before {
346 |   content: "\e687";
347 | }
348 | 
349 | .uniui-videocam-filled:before {
350 |   content: "\e689";
351 | }
352 | 
353 | .uniui-spinner-cycle:before {
354 |   content: "\e68a";
355 | }
356 | 
357 | .uniui-weibo:before {
358 |   content: "\e68b";
359 | }
360 | 
361 | .uniui-videocam:before {
362 |   content: "\e68c";
363 | }
364 | 
365 | .uniui-download:before {
366 |   content: "\e68d";
367 | }
368 | 
369 | .uniui-help:before {
370 |   content: "\e679";
371 | }
372 | 
373 | .uniui-navigate-filled:before {
374 |   content: "\e67a";
375 | }
376 | 
377 | .uniui-plusempty:before {
378 |   content: "\e67b";
379 | }
380 | 
381 | .uniui-smallcircle:before {
382 |   content: "\e67c";
383 | }
384 | 
385 | .uniui-minus-filled:before {
386 |   content: "\e67d";
387 | }
388 | 
389 | .uniui-micoff:before {
390 |   content: "\e67e";
391 | }
392 | 
393 | .uniui-closeempty:before {
394 |   content: "\e66c";
395 | }
396 | 
397 | .uniui-clear:before {
398 |   content: "\e66d";
399 | }
400 | 
401 | .uniui-navigate:before {
402 |   content: "\e66e";
403 | }
404 | 
405 | .uniui-minus:before {
406 |   content: "\e66f";
407 | }
408 | 
409 | .uniui-image:before {
410 |   content: "\e670";
411 | }
412 | 
413 | .uniui-mic:before {
414 |   content: "\e671";
415 | }
416 | 
417 | .uniui-paperplane:before {
418 |   content: "\e672";
419 | }
420 | 
421 | .uniui-close:before {
422 |   content: "\e673";
423 | }
424 | 
425 | .uniui-help-filled:before {
426 |   content: "\e674";
427 | }
428 | 
429 | .uniui-paperplane-filled:before {
430 |   content: "\e675";
431 | }
432 | 
433 | .uniui-plus:before {
434 |   content: "\e676";
435 | }
436 | 
437 | .uniui-mic-filled:before {
438 |   content: "\e677";
439 | }
440 | 
441 | .uniui-image-filled:before {
442 |   content: "\e678";
443 | }
444 | 
445 | .uniui-locked-filled:before {
446 |   content: "\e668";
447 | }
448 | 
449 | .uniui-info:before {
450 |   content: "\e669";
451 | }
452 | 
453 | .uniui-locked:before {
454 |   content: "\e66b";
455 | }
456 | 
457 | .uniui-camera-filled:before {
458 |   content: "\e658";
459 | }
460 | 
461 | .uniui-chat-filled:before {
462 |   content: "\e659";
463 | }
464 | 
465 | .uniui-camera:before {
466 |   content: "\e65a";
467 | }
468 | 
469 | .uniui-circle:before {
470 |   content: "\e65b";
471 | }
472 | 
473 | .uniui-checkmarkempty:before {
474 |   content: "\e65c";
475 | }
476 | 
477 | .uniui-chat:before {
478 |   content: "\e65d";
479 | }
480 | 
481 | .uniui-circle-filled:before {
482 |   content: "\e65e";
483 | }
484 | 
485 | .uniui-flag:before {
486 |   content: "\e65f";
487 | }
488 | 
489 | .uniui-flag-filled:before {
490 |   content: "\e660";
491 | }
492 | 
493 | .uniui-gear-filled:before {
494 |   content: "\e661";
495 | }
496 | 
497 | .uniui-home:before {
498 |   content: "\e662";
499 | }
500 | 
501 | .uniui-home-filled:before {
502 |   content: "\e663";
503 | }
504 | 
505 | .uniui-gear:before {
506 |   content: "\e664";
507 | }
508 | 
509 | .uniui-smallcircle-filled:before {
510 |   content: "\e665";
511 | }
512 | 
513 | .uniui-map-filled:before {
514 |   content: "\e666";
515 | }
516 | 
517 | .uniui-map:before {
518 |   content: "\e667";
519 | }
520 | 
521 | .uniui-refresh-filled:before {
522 |   content: "\e656";
523 | }
524 | 
525 | .uniui-refresh:before {
526 |   content: "\e657";
527 | }
528 | 
529 | .uniui-cloud-upload:before {
530 |   content: "\e645";
531 | }
532 | 
533 | .uniui-cloud-download-filled:before {
534 |   content: "\e646";
535 | }
536 | 
537 | .uniui-cloud-download:before {
538 |   content: "\e647";
539 | }
540 | 
541 | .uniui-cloud-upload-filled:before {
542 |   content: "\e648";
543 | }
544 | 
545 | .uniui-redo:before {
546 |   content: "\e64a";
547 | }
548 | 
549 | .uniui-images-filled:before {
550 |   content: "\e64b";
551 | }
552 | 
553 | .uniui-undo-filled:before {
554 |   content: "\e64c";
555 | }
556 | 
557 | .uniui-more:before {
558 |   content: "\e64d";
559 | }
560 | 
561 | .uniui-more-filled:before {
562 |   content: "\e64e";
563 | }
564 | 
565 | .uniui-undo:before {
566 |   content: "\e64f";
567 | }
568 | 
569 | .uniui-images:before {
570 |   content: "\e650";
571 | }
572 | 
573 | .uniui-paperclip:before {
574 |   content: "\e652";
575 | }
576 | 
577 | .uniui-settings:before {
578 |   content: "\e653";
579 | }
580 | 
581 | .uniui-search:before {
582 |   content: "\e654";
583 | }
584 | 
585 | .uniui-redo-filled:before {
586 |   content: "\e655";
587 | }
588 | 
589 | .uniui-list:before {
590 |   content: "\e644";
591 | }
592 | 
593 | .uniui-mail-open-filled:before {
594 |   content: "\e63a";
595 | }
596 | 
597 | .uniui-hand-down-filled:before {
598 |   content: "\e63c";
599 | }
600 | 
601 | .uniui-hand-down:before {
602 |   content: "\e63d";
603 | }
604 | 
605 | .uniui-hand-up-filled:before {
606 |   content: "\e63e";
607 | }
608 | 
609 | .uniui-hand-up:before {
610 |   content: "\e63f";
611 | }
612 | 
613 | .uniui-heart-filled:before {
614 |   content: "\e641";
615 | }
616 | 
617 | .uniui-mail-open:before {
618 |   content: "\e643";
619 | }
620 | 
621 | .uniui-heart:before {
622 |   content: "\e639";
623 | }
624 | 
625 | .uniui-loop:before {
626 |   content: "\e633";
627 | }
628 | 
629 | .uniui-pulldown:before {
630 |   content: "\e632";
631 | }
632 | 
633 | .uniui-scan:before {
634 |   content: "\e62a";
635 | }
636 | 
637 | .uniui-bars:before {
638 |   content: "\e627";
639 | }
640 | 
641 | .uniui-cart-filled:before {
642 |   content: "\e629";
643 | }
644 | 
645 | .uniui-checkbox:before {
646 |   content: "\e62b";
647 | }
648 | 
649 | .uniui-checkbox-filled:before {
650 |   content: "\e62c";
651 | }
652 | 
653 | .uniui-shop:before {
654 |   content: "\e62f";
655 | }
656 | 
657 | .uniui-headphones:before {
658 |   content: "\e630";
659 | }
660 | 
661 | .uniui-cart:before {
662 |   content: "\e631";
663 | }
664 | 


--------------------------------------------------------------------------------
/uni_modules/uni-icons/components/uni-icons/uniicons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tonylu110/uni-bilibili/a3d8b8b7f8ba664683c09907b9f0cd045ac45665/uni_modules/uni-icons/components/uni-icons/uniicons.ttf


--------------------------------------------------------------------------------
/uni_modules/uni-icons/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "id": "uni-icons",
 3 |   "displayName": "uni-icons 图标",
 4 |   "version": "1.3.5",
 5 |   "description": "图标组件，用于展示移动端常见的图标，可自定义颜色、大小。",
 6 |   "keywords": [
 7 |     "uni-ui",
 8 |     "uniui",
 9 |     "icon",
10 |     "图标"
11 | ],
12 |   "repository": "https://github.com/dcloudio/uni-ui",
13 |   "engines": {
14 |     "HBuilderX": "^3.2.14"
15 |   },
16 |   "directories": {
17 |     "example": "../../temps/example_temps"
18 |   },
19 |   "dcloudext": {
20 |     "category": [
21 |       "前端组件",
22 |       "通用组件"
23 |     ],
24 |     "sale": {
25 |       "regular": {
26 |         "price": "0.00"
27 |       },
28 |       "sourcecode": {
29 |         "price": "0.00"
30 |       }
31 |     },
32 |     "contact": {
33 |       "qq": ""
34 |     },
35 |     "declaration": {
36 |       "ads": "无",
37 |       "data": "无",
38 |       "permissions": "无"
39 |     },
40 |     "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
41 |   },
42 |   "uni_modules": {
43 |     "dependencies": ["uni-scss"],
44 |     "encrypt": [],
45 |     "platforms": {
46 |       "cloud": {
47 |         "tcb": "y",
48 |         "aliyun": "y"
49 |       },
50 |       "client": {
51 |         "App": {
52 |           "app-vue": "y",
53 |           "app-nvue": "y"
54 |         },
55 |         "H5-mobile": {
56 |           "Safari": "y",
57 |           "Android Browser": "y",
58 |           "微信浏览器(Android)": "y",
59 |           "QQ浏览器(Android)": "y"
60 |         },
61 |         "H5-pc": {
62 |           "Chrome": "y",
63 |           "IE": "y",
64 |           "Edge": "y",
65 |           "Firefox": "y",
66 |           "Safari": "y"
67 |         },
68 |         "小程序": {
69 |           "微信": "y",
70 |           "阿里": "y",
71 |           "百度": "y",
72 |           "字节跳动": "y",
73 |           "QQ": "y"
74 |         },
75 |         "快应用": {
76 |           "华为": "u",
77 |           "联盟": "u"
78 |         },
79 |         "Vue": {
80 |             "vue2": "y",
81 |             "vue3": "y"
82 |         }
83 |       }
84 |     }
85 |   }
86 | }


--------------------------------------------------------------------------------
/uni_modules/uni-icons/readme.md:
--------------------------------------------------------------------------------
1 | ## Icons 图标
2 | > **组件名：uni-icons**
3 | > 代码块： `uIcons`
4 | 
5 | 用于展示 icons 图标 。
6 | 
7 | ### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-icons)
8 | #### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 
9 | 


--------------------------------------------------------------------------------
/uni_modules/uni-scss/changelog.md:
--------------------------------------------------------------------------------
1 | ## 1.0.3（2022-01-21）
2 | - 优化 组件示例
3 | ## 1.0.2（2021-11-22）
4 | - 修复 / 符号在 vue 不同版本兼容问题引起的报错问题
5 | ## 1.0.1（2021-11-22）
6 | - 修复 vue3中scss语法兼容问题
7 | ## 1.0.0（2021-11-18）
8 | - init
9 | 


--------------------------------------------------------------------------------
/uni_modules/uni-scss/index.scss:
--------------------------------------------------------------------------------
1 | @import './styles/index.scss';
2 | 


--------------------------------------------------------------------------------
/uni_modules/uni-scss/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "id": "uni-scss",
 3 |   "displayName": "uni-scss 辅助样式",
 4 |   "version": "1.0.3",
 5 |   "description": "uni-sass是uni-ui提供的一套全局样式 ，通过一些简单的类名和sass变量，实现简单的页面布局操作，比如颜色、边距、圆角等。",
 6 |   "keywords": [
 7 |     "uni-scss",
 8 |     "uni-ui",
 9 |     "辅助样式"
10 | ],
11 |   "repository": "https://github.com/dcloudio/uni-ui",
12 |   "engines": {
13 |     "HBuilderX": "^3.1.0"
14 |   },
15 |   "dcloudext": {
16 |     "category": [
17 |         "JS SDK",
18 |         "通用 SDK"
19 |     ],
20 |     "sale": {
21 |       "regular": {
22 |         "price": "0.00"
23 |       },
24 |       "sourcecode": {
25 |         "price": "0.00"
26 |       }
27 |     },
28 |     "contact": {
29 |       "qq": ""
30 |     },
31 |     "declaration": {
32 |       "ads": "无",
33 |       "data": "无",
34 |       "permissions": "无"
35 |     },
36 |     "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
37 |   },
38 |   "uni_modules": {
39 |     "dependencies": [],
40 |     "encrypt": [],
41 |     "platforms": {
42 |       "cloud": {
43 |         "tcb": "y",
44 |         "aliyun": "y"
45 |       },
46 |       "client": {
47 |         "App": {
48 |           "app-vue": "y",
49 |           "app-nvue": "u"
50 |         },
51 |         "H5-mobile": {
52 |           "Safari": "y",
53 |           "Android Browser": "y",
54 |           "微信浏览器(Android)": "y",
55 |           "QQ浏览器(Android)": "y"
56 |         },
57 |         "H5-pc": {
58 |           "Chrome": "y",
59 |           "IE": "y",
60 |           "Edge": "y",
61 |           "Firefox": "y",
62 |           "Safari": "y"
63 |         },
64 |         "小程序": {
65 |           "微信": "y",
66 |           "阿里": "y",
67 |           "百度": "y",
68 |           "字节跳动": "y",
69 |           "QQ": "y"
70 |         },
71 |         "快应用": {
72 |           "华为": "n",
73 |           "联盟": "n"
74 |         },
75 |         "Vue": {
76 |             "vue2": "y",
77 |             "vue3": "y"
78 |         }
79 |       }
80 |     }
81 |   }
82 | }
83 | 


--------------------------------------------------------------------------------
/uni_modules/uni-scss/readme.md:
--------------------------------------------------------------------------------
1 | `uni-sass` 是 `uni-ui`提供的一套全局样式 ，通过一些简单的类名和`sass`变量，实现简单的页面布局操作，比如颜色、边距、圆角等。
2 | 
3 | ### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-sass)
4 | #### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 


--------------------------------------------------------------------------------
/uni_modules/uni-scss/styles/index.scss:
--------------------------------------------------------------------------------
1 | @import './setting/_variables.scss';
2 | @import './setting/_border.scss';
3 | @import './setting/_color.scss';
4 | @import './setting/_space.scss';
5 | @import './setting/_radius.scss';
6 | @import './setting/_text.scss';
7 | @import './setting/_styles.scss';
8 | 


--------------------------------------------------------------------------------
/uni_modules/uni-scss/styles/setting/_border.scss:
--------------------------------------------------------------------------------
1 | .uni-border {
2 | 	border: 1px $uni-border-1 solid;
3 | }


--------------------------------------------------------------------------------
/uni_modules/uni-scss/styles/setting/_color.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | // TODO 暂时不需要 class ，需要用户使用变量实现 ，如果使用类名其实并不推荐
 3 | // @mixin get-styles($k,$c) {
 4 | // 	@if $k == size or $k == weight{
 5 | // 		font-#{$k}:#{$c}
 6 | // 	}@else{
 7 | // 		#{$k}:#{$c}
 8 | // 	}
 9 | // }
10 | $uni-ui-color:(
11 | 	// 主色
12 | 	primary: $uni-primary,
13 | 	primary-disable: $uni-primary-disable,
14 | 	primary-light: $uni-primary-light,
15 | 	// 辅助色
16 | 	success: $uni-success,
17 | 	success-disable: $uni-success-disable,
18 | 	success-light: $uni-success-light,
19 | 	warning: $uni-warning,
20 | 	warning-disable: $uni-warning-disable,
21 | 	warning-light: $uni-warning-light,
22 | 	error: $uni-error,
23 | 	error-disable: $uni-error-disable,
24 | 	error-light: $uni-error-light,
25 | 	info: $uni-info,
26 | 	info-disable: $uni-info-disable,
27 | 	info-light: $uni-info-light,
28 | 	// 中性色
29 | 	main-color: $uni-main-color,
30 | 	base-color: $uni-base-color,
31 | 	secondary-color: $uni-secondary-color,
32 | 	extra-color: $uni-extra-color,
33 | 	// 背景色
34 | 	bg-color: $uni-bg-color,
35 | 	// 边框颜色
36 | 	border-1: $uni-border-1,
37 | 	border-2: $uni-border-2,
38 | 	border-3: $uni-border-3,
39 | 	border-4: $uni-border-4,
40 | 	// 黑色
41 | 	black:$uni-black,
42 | 	// 白色
43 | 	white:$uni-white,
44 | 	// 透明
45 | 	transparent:$uni-transparent
46 | ) !default;
47 | @each $key, $child in $uni-ui-color {
48 | 	.uni-#{"" + $key} {
49 | 		color: $child;
50 | 	}
51 | 	.uni-#{"" + $key}-bg {
52 | 		background-color: $child;
53 | 	}
54 | }
55 | .uni-shadow-sm {
56 | 	box-shadow: $uni-shadow-sm;
57 | }
58 | .uni-shadow-base {
59 | 	box-shadow: $uni-shadow-base;
60 | }
61 | .uni-shadow-lg {
62 | 	box-shadow: $uni-shadow-lg;
63 | }
64 | .uni-mask {
65 | 	background-color:$uni-mask;
66 | }
67 | 


--------------------------------------------------------------------------------
/uni_modules/uni-scss/styles/setting/_radius.scss:
--------------------------------------------------------------------------------
 1 | @mixin radius($r,$d:null ,$important: false){
 2 |   $radius-value:map-get($uni-radius, $r) if($important, !important, null);
 3 |   // Key exists within the $uni-radius variable
 4 |   @if (map-has-key($uni-radius, $r) and  $d){
 5 | 		@if $d == t {
 6 | 				border-top-left-radius:$radius-value;
 7 | 				border-top-right-radius:$radius-value;
 8 | 		}@else if $d == r {
 9 | 				border-top-right-radius:$radius-value;
10 | 				border-bottom-right-radius:$radius-value;
11 | 		}@else if $d == b {
12 | 				border-bottom-left-radius:$radius-value;
13 | 				border-bottom-right-radius:$radius-value;
14 | 		}@else if $d == l {
15 | 				border-top-left-radius:$radius-value;
16 | 				border-bottom-left-radius:$radius-value;
17 | 		}@else if $d == tl {
18 | 				border-top-left-radius:$radius-value;
19 | 		}@else if $d == tr {
20 | 				border-top-right-radius:$radius-value;
21 | 		}@else if $d == br {
22 | 				border-bottom-right-radius:$radius-value;
23 | 		}@else if $d == bl {
24 | 				border-bottom-left-radius:$radius-value;
25 | 		}
26 |   }@else{
27 | 		border-radius:$radius-value;
28 |   }
29 | }
30 | 
31 | @each $key, $child in $uni-radius {
32 | 	@if($key){
33 | 		.uni-radius-#{"" + $key} {
34 | 				@include radius($key)
35 | 		}
36 | 	}@else{
37 | 		.uni-radius {
38 | 				@include radius($key)
39 | 		}
40 | 	}
41 | }
42 | 
43 | @each $direction in t, r, b, l,tl, tr, br, bl {
44 | 	@each $key, $child in $uni-radius {
45 | 		@if($key){
46 | 			.uni-radius-#{"" + $direction}-#{"" + $key} {
47 | 				@include radius($key,$direction,false)
48 | 			}
49 | 		}@else{
50 | 			.uni-radius-#{$direction} {
51 | 				@include radius($key,$direction,false)
52 | 			}
53 | 		}
54 | 	}
55 | }
56 | 


--------------------------------------------------------------------------------
/uni_modules/uni-scss/styles/setting/_space.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | @mixin fn($space,$direction,$size,$n) {
 3 | 	@if $n {
 4 | 		#{$space}-#{$direction}: #{$size*$uni-space-root}px
 5 | 	} @else {
 6 | 		 #{$space}-#{$direction}: #{-$size*$uni-space-root}px
 7 | 	}
 8 | }
 9 | @mixin get-styles($direction,$i,$space,$n){
10 | 	@if $direction == t {
11 | 		@include fn($space, top,$i,$n);
12 | 	} 
13 | 	@if $direction == r {
14 | 		@include fn($space, right,$i,$n);
15 | 	} 
16 | 	@if $direction == b {
17 | 		@include fn($space, bottom,$i,$n);
18 | 	} 
19 | 	@if $direction == l {
20 | 	 @include fn($space, left,$i,$n);
21 | 	} 
22 | 	@if $direction == x {
23 | 		@include fn($space, left,$i,$n);
24 | 		@include fn($space, right,$i,$n);
25 | 	} 
26 | 	@if $direction == y {
27 | 		@include fn($space, top,$i,$n);
28 | 		@include fn($space, bottom,$i,$n);
29 | 	} 
30 | 	@if $direction == a {
31 | 		@if $n {
32 | 			#{$space}:#{$i*$uni-space-root}px;
33 | 		} @else {
34 | 			#{$space}:#{-$i*$uni-space-root}px;
35 | 		}
36 | 	} 
37 | }
38 | 
39 | @each $orientation in m,p {
40 | 	$space: margin;
41 | 	@if $orientation == m {
42 | 		$space: margin;
43 | 	} @else {
44 | 		$space: padding;
45 | 	}
46 | 	@for $i from 0 through 16 {
47 | 		@each $direction in t, r, b, l, x, y, a {
48 | 			.uni-#{$orientation}#{$direction}-#{$i} { 
49 | 				@include  get-styles($direction,$i,$space,true);
50 | 			} 
51 | 			.uni-#{$orientation}#{$direction}-n#{$i} { 
52 | 				@include  get-styles($direction,$i,$space,false);
53 | 			}
54 | 		}
55 | 	}
56 | }


--------------------------------------------------------------------------------
/uni_modules/uni-scss/styles/setting/_styles.scss:
--------------------------------------------------------------------------------
  1 | /* #ifndef APP-NVUE */
  2 | 
  3 | $-color-white:#fff;
  4 | $-color-black:#000;
  5 | @mixin base-style($color) {
  6 | 	color: #fff;
  7 | 	background-color: $color;
  8 | 	border-color: mix($-color-black, $color, 8%);
  9 | 	&:not([hover-class]):active {
 10 | 		background: mix($-color-black, $color, 10%);
 11 | 		border-color: mix($-color-black, $color, 20%);
 12 | 		color: $-color-white;
 13 | 		outline: none;
 14 | 	}
 15 | }
 16 | @mixin is-color($color) {
 17 | 	@include base-style($color);
 18 | 	&[loading] {
 19 | 		@include base-style($color);
 20 | 		&::before {
 21 | 			margin-right:5px;
 22 | 		}
 23 | 	}
 24 | 	&[disabled] {
 25 | 	  &,
 26 | 		&[loading],
 27 | 	  &:not([hover-class]):active {
 28 | 	    color: $-color-white;
 29 | 			border-color: mix(darken($color,10%), $-color-white);
 30 | 	    background-color: mix($color, $-color-white);
 31 | 	  }
 32 | 	}
 33 | 
 34 | }
 35 | @mixin base-plain-style($color) {
 36 | 	color:$color;
 37 | 	background-color: mix($-color-white, $color, 90%);
 38 | 	border-color: mix($-color-white, $color, 70%);
 39 | 	&:not([hover-class]):active {
 40 | 	  background: mix($-color-white, $color, 80%);
 41 | 	  color: $color;
 42 | 	  outline: none;
 43 | 		border-color: mix($-color-white, $color, 50%);
 44 | 	}
 45 | }
 46 | @mixin is-plain($color){
 47 | 	&[plain] {
 48 | 		@include base-plain-style($color);
 49 | 		&[loading] {
 50 | 			@include base-plain-style($color);
 51 | 			&::before {
 52 | 				margin-right:5px;
 53 | 			}
 54 | 		}
 55 | 		&[disabled] {
 56 | 		  &,
 57 | 		  &:active {
 58 | 		    color: mix($-color-white, $color, 40%);
 59 | 		    background-color: mix($-color-white, $color, 90%);
 60 | 				border-color: mix($-color-white, $color, 80%);
 61 | 		  }
 62 | 		}
 63 | 	}
 64 | }
 65 | 
 66 | 
 67 | .uni-btn {
 68 | 	margin: 5px;
 69 | 	color: #393939;
 70 | 	border:1px solid #ccc;
 71 | 	font-size: 16px;
 72 | 	font-weight: 200;
 73 | 	background-color: #F9F9F9;
 74 | 	// TODO 暂时处理边框隐藏一边的问题
 75 | 	overflow: visible;
 76 | 	&::after{
 77 | 		border: none;
 78 | 	}
 79 | 
 80 | 	&:not([type]),&[type=default] {
 81 | 		color: #999;
 82 | 		&[loading] {
 83 | 			background: none;
 84 | 			&::before {
 85 | 				margin-right:5px;
 86 | 			}
 87 | 		}
 88 | 
 89 | 
 90 | 
 91 | 		&[disabled]{
 92 | 			color: mix($-color-white, #999, 60%);
 93 | 		  &,
 94 | 			&[loading],
 95 | 		  &:active {
 96 | 				color: mix($-color-white, #999, 60%);
 97 | 		    background-color: mix($-color-white,$-color-black , 98%);
 98 | 				border-color: mix($-color-white,  #999, 85%);
 99 | 		  }
100 | 		}
101 | 
102 | 		&[plain] {
103 | 			color: #999;
104 | 			background: none;
105 | 			border-color: $uni-border-1;
106 | 			&:not([hover-class]):active {
107 | 				background: none;
108 | 			  color: mix($-color-white, $-color-black, 80%);
109 | 				border-color: mix($-color-white, $-color-black, 90%);
110 | 			  outline: none;
111 | 			}
112 | 			&[disabled]{
113 | 			  &,
114 | 				&[loading],
115 | 			  &:active {
116 | 			    background: none;
117 | 					color: mix($-color-white, #999, 60%);
118 | 					border-color: mix($-color-white,  #999, 85%);
119 | 			  }
120 | 			}
121 | 		}
122 | 	}
123 | 
124 | 	&:not([hover-class]):active {
125 | 	  color: mix($-color-white, $-color-black, 50%);
126 | 	}
127 | 
128 | 	&[size=mini] {
129 | 		font-size: 16px;
130 | 		font-weight: 200;
131 | 		border-radius: 8px;
132 | 	}
133 | 
134 | 
135 | 
136 | 	&.uni-btn-small {
137 | 		font-size: 14px;
138 | 	}
139 | 	&.uni-btn-mini {
140 | 		font-size: 12px;
141 | 	}
142 | 
143 | 	&.uni-btn-radius {
144 | 		border-radius: 999px;
145 | 	}
146 | 	&[type=primary] {
147 | 		@include is-color($uni-primary);
148 | 		@include is-plain($uni-primary)
149 | 	}
150 | 	&[type=success] {
151 | 		@include is-color($uni-success);
152 | 		@include is-plain($uni-success)
153 | 	}
154 | 	&[type=error] {
155 | 		@include is-color($uni-error);
156 | 		@include is-plain($uni-error)
157 | 	}
158 | 	&[type=warning] {
159 | 		@include is-color($uni-warning);
160 | 		@include is-plain($uni-warning)
161 | 	}
162 | 	&[type=info] {
163 | 		@include is-color($uni-info);
164 | 		@include is-plain($uni-info)
165 | 	}
166 | }
167 | /* #endif */
168 | 


--------------------------------------------------------------------------------
/uni_modules/uni-scss/styles/setting/_text.scss:
--------------------------------------------------------------------------------
 1 | @mixin get-styles($k,$c) {
 2 | 	@if $k == size or $k == weight{
 3 | 		font-#{$k}:#{$c}
 4 | 	}@else{
 5 | 		#{$k}:#{$c}
 6 | 	}
 7 | }
 8 | 
 9 | @each $key, $child in $uni-headings {
10 | 	/* #ifndef APP-NVUE */
11 | 	.uni-#{$key} {
12 | 		@each $k, $c in $child {
13 | 			@include get-styles($k,$c)
14 | 		}
15 | 	}
16 | 	/* #endif */
17 | 	/* #ifdef APP-NVUE */
18 | 	.container .uni-#{$key} {
19 | 		@each $k, $c in $child {
20 | 			@include get-styles($k,$c)
21 | 		}
22 | 	}
23 | 	/* #endif */
24 | }
25 | 


--------------------------------------------------------------------------------
/uni_modules/uni-scss/styles/setting/_variables.scss:
--------------------------------------------------------------------------------
  1 | // @use "sass:math";
  2 | @import  '../tools/functions.scss';
  3 | // 间距基础倍数
  4 | $uni-space-root: 2 !default;
  5 | // 边框半径默认值
  6 | $uni-radius-root:5px !default;
  7 | $uni-radius: () !default;
  8 | // 边框半径断点
  9 | $uni-radius: map-deep-merge(
 10 |   (
 11 |     0: 0,
 12 | 		// TODO 当前版本暂时不支持 sm 属性
 13 |     // 'sm': math.div($uni-radius-root, 2),
 14 |     null: $uni-radius-root,
 15 |     'lg': $uni-radius-root * 2,
 16 |     'xl': $uni-radius-root * 6,
 17 |     'pill': 9999px,
 18 |     'circle': 50%
 19 |   ),
 20 |   $uni-radius
 21 | );
 22 | // 字体家族
 23 | $body-font-family: 'Roboto', sans-serif !default;
 24 | // 文本
 25 | $heading-font-family: $body-font-family !default;
 26 | $uni-headings: () !default;
 27 | $letterSpacing: -0.01562em;
 28 | $uni-headings: map-deep-merge(
 29 |   (
 30 |     'h1': (
 31 |       size: 32px,
 32 | 			weight: 300,
 33 | 			line-height: 50px,
 34 | 			// letter-spacing:-0.01562em
 35 |     ),
 36 |     'h2': (
 37 |       size: 28px,
 38 |       weight: 300,
 39 |       line-height: 40px,
 40 |       // letter-spacing: -0.00833em
 41 |     ),
 42 |     'h3': (
 43 |       size: 24px,
 44 |       weight: 400,
 45 |       line-height: 32px,
 46 |       // letter-spacing: normal
 47 |     ),
 48 |     'h4': (
 49 |       size: 20px,
 50 |       weight: 400,
 51 |       line-height: 30px,
 52 |       // letter-spacing: 0.00735em
 53 |     ),
 54 |     'h5': (
 55 |       size: 16px,
 56 |       weight: 400,
 57 |       line-height: 24px,
 58 |       // letter-spacing: normal
 59 |     ),
 60 |     'h6': (
 61 |       size: 14px,
 62 |       weight: 500,
 63 |       line-height: 18px,
 64 |       // letter-spacing: 0.0125em
 65 |     ),
 66 |     'subtitle': (
 67 |       size: 12px,
 68 |       weight: 400,
 69 |       line-height: 20px,
 70 |       // letter-spacing: 0.00937em
 71 |     ),
 72 |     'body': (
 73 |       font-size: 14px,
 74 | 			font-weight: 400,
 75 | 			line-height: 22px,
 76 | 			// letter-spacing: 0.03125em
 77 |     ),
 78 |     'caption': (
 79 |       'size': 12px,
 80 |       'weight': 400,
 81 |       'line-height': 20px,
 82 |       // 'letter-spacing': 0.03333em,
 83 |       // 'text-transform': false
 84 |     )
 85 |   ),
 86 |   $uni-headings
 87 | );
 88 | 
 89 | 
 90 | 
 91 | // 主色
 92 | $uni-primary: #2979ff !default;
 93 | $uni-primary-disable:lighten($uni-primary,20%) !default;
 94 | $uni-primary-light: lighten($uni-primary,25%) !default;
 95 | 
 96 | // 辅助色
 97 | // 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
 98 | $uni-success: #18bc37 !default;
 99 | $uni-success-disable:lighten($uni-success,20%) !default;
100 | $uni-success-light: lighten($uni-success,25%) !default;
101 | 
102 | $uni-warning: #f3a73f !default;
103 | $uni-warning-disable:lighten($uni-warning,20%) !default;
104 | $uni-warning-light: lighten($uni-warning,25%) !default;
105 | 
106 | $uni-error: #e43d33 !default;
107 | $uni-error-disable:lighten($uni-error,20%) !default;
108 | $uni-error-light: lighten($uni-error,25%) !default;
109 | 
110 | $uni-info: #8f939c !default;
111 | $uni-info-disable:lighten($uni-info,20%) !default;
112 | $uni-info-light: lighten($uni-info,25%) !default;
113 | 
114 | // 中性色
115 | // 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
116 | $uni-main-color: #3a3a3a !default; 			// 主要文字
117 | $uni-base-color: #6a6a6a !default;			// 常规文字
118 | $uni-secondary-color: #909399 !default;	// 次要文字
119 | $uni-extra-color: #c7c7c7 !default;			// 辅助说明
120 | 
121 | // 边框颜色
122 | $uni-border-1: #F0F0F0 !default;
123 | $uni-border-2: #EDEDED !default;
124 | $uni-border-3: #DCDCDC !default;
125 | $uni-border-4: #B9B9B9 !default;
126 | 
127 | // 常规色
128 | $uni-black: #000000 !default;
129 | $uni-white: #ffffff !default;
130 | $uni-transparent: rgba($color: #000000, $alpha: 0) !default;
131 | 
132 | // 背景色
133 | $uni-bg-color: #f7f7f7 !default;
134 | 
135 | /* 水平间距 */
136 | $uni-spacing-sm: 8px !default;
137 | $uni-spacing-base: 15px !default;
138 | $uni-spacing-lg: 30px !default;
139 | 
140 | // 阴影
141 | $uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5) !default;
142 | $uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
143 | $uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5) !default;
144 | 
145 | // 蒙版
146 | $uni-mask: rgba($color: #000000, $alpha: 0.4) !default;
147 | 


--------------------------------------------------------------------------------
/uni_modules/uni-scss/styles/tools/functions.scss:
--------------------------------------------------------------------------------
 1 | // 合并 map
 2 | @function map-deep-merge($parent-map, $child-map){
 3 | 	$result: $parent-map;
 4 | 	@each $key, $child in $child-map {
 5 | 		$parent-has-key: map-has-key($result, $key);
 6 | 		$parent-value: map-get($result, $key);
 7 | 		$parent-type: type-of($parent-value);
 8 | 		$child-type: type-of($child);
 9 | 		$parent-is-map: $parent-type == map;
10 | 		$child-is-map: $child-type == map;
11 | 			
12 | 		@if (not $parent-has-key) or ($parent-type != $child-type) or (not ($parent-is-map and $child-is-map)){
13 | 			$result: map-merge($result, ( $key: $child ));
14 | 		}@else {
15 | 			$result: map-merge($result, ( $key: map-deep-merge($parent-value, $child) ));
16 | 		}
17 | 	}
18 | 	@return $result;
19 | };
20 | 


--------------------------------------------------------------------------------
/uni_modules/uni-scss/theme.scss:
--------------------------------------------------------------------------------
 1 | // 间距基础倍数
 2 | $uni-space-root: 2;
 3 | // 边框半径默认值
 4 | $uni-radius-root:5px;
 5 | // 主色
 6 | $uni-primary: #2979ff;
 7 | // 辅助色
 8 | $uni-success: #4cd964;
 9 | // 警告色
10 | $uni-warning: #f0ad4e;
11 | // 错误色
12 | $uni-error: #dd524d;
13 | // 描述色
14 | $uni-info: #909399;
15 | // 中性色
16 | $uni-main-color: #303133;
17 | $uni-base-color: #606266;
18 | $uni-secondary-color: #909399;
19 | $uni-extra-color: #C0C4CC;
20 | // 背景色
21 | $uni-bg-color: #f5f5f5;
22 | // 边框颜色
23 | $uni-border-1: #DCDFE6;
24 | $uni-border-2: #E4E7ED;
25 | $uni-border-3: #EBEEF5;
26 | $uni-border-4: #F2F6FC;
27 | 
28 | // 常规色
29 | $uni-black: #000000;
30 | $uni-white: #ffffff;
31 | $uni-transparent: rgba($color: #000000, $alpha: 0);
32 | 


--------------------------------------------------------------------------------
/uni_modules/uni-scss/variables.scss:
--------------------------------------------------------------------------------
 1 | @import './styles/setting/_variables.scss';
 2 | // 间距基础倍数
 3 | $uni-space-root: 2;
 4 | // 边框半径默认值
 5 | $uni-radius-root:5px;
 6 | 
 7 | // 主色
 8 | $uni-primary: #2979ff;
 9 | $uni-primary-disable:mix(#fff,$uni-primary,50%);
10 | $uni-primary-light: mix(#fff,$uni-primary,80%);
11 | 
12 | // 辅助色
13 | // 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
14 | $uni-success: #18bc37;
15 | $uni-success-disable:mix(#fff,$uni-success,50%);
16 | $uni-success-light: mix(#fff,$uni-success,80%);
17 | 
18 | $uni-warning: #f3a73f;
19 | $uni-warning-disable:mix(#fff,$uni-warning,50%);
20 | $uni-warning-light: mix(#fff,$uni-warning,80%);
21 | 
22 | $uni-error: #e43d33;
23 | $uni-error-disable:mix(#fff,$uni-error,50%);
24 | $uni-error-light: mix(#fff,$uni-error,80%);
25 | 
26 | $uni-info: #8f939c;
27 | $uni-info-disable:mix(#fff,$uni-info,50%);
28 | $uni-info-light: mix(#fff,$uni-info,80%);
29 | 
30 | // 中性色
31 | // 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
32 | $uni-main-color: #3a3a3a; 			// 主要文字
33 | $uni-base-color: #6a6a6a;			// 常规文字
34 | $uni-secondary-color: #909399;	// 次要文字
35 | $uni-extra-color: #c7c7c7;			// 辅助说明
36 | 
37 | // 边框颜色
38 | $uni-border-1: #F0F0F0;
39 | $uni-border-2: #EDEDED;
40 | $uni-border-3: #DCDCDC;
41 | $uni-border-4: #B9B9B9;
42 | 
43 | // 常规色
44 | $uni-black: #000000;
45 | $uni-white: #ffffff;
46 | $uni-transparent: rgba($color: #000000, $alpha: 0);
47 | 
48 | // 背景色
49 | $uni-bg-color: #f7f7f7;
50 | 
51 | /* 水平间距 */
52 | $uni-spacing-sm: 8px;
53 | $uni-spacing-base: 15px;
54 | $uni-spacing-lg: 30px;
55 | 
56 | // 阴影
57 | $uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
58 | $uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
59 | $uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);
60 | 
61 | // 蒙版
62 | $uni-mask: rgba($color: #000000, $alpha: 0.4);
63 | 


--------------------------------------------------------------------------------
/uni_modules/uni-search-bar/changelog.md:
--------------------------------------------------------------------------------
 1 | ## 1.2.0（2021-11-19）
 2 | - 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
 3 | - 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-search-bar](https://uniapp.dcloud.io/component/uniui/uni-search-bar)
 4 | ## 1.1.2（2021-08-30）
 5 | - 修复 value 属性与 modelValue 属性不兼容的Bug
 6 | ## 1.1.1（2021-08-24）
 7 | - 新增 支持国际化
 8 | ## 1.1.0（2021-07-30）
 9 | - 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
10 | ## 1.0.9（2021-05-12）
11 | - 新增 项目示例地址
12 | ## 1.0.8（2021-04-21）
13 | - 优化 添加依赖 uni-icons, 导入后自动下载依赖
14 | ## 1.0.7（2021-04-15）
15 | - uni-ui 新增 uni-search-bar 的 focus 事件
16 | 
17 | ## 1.0.6（2021-02-05）
18 | - 优化 组件引用关系，通过uni_modules引用组件
19 | 
20 | ## 1.0.5（2021-02-05）
21 | - 调整为uni_modules目录规范
22 | - 新增 支持双向绑定
23 | - 更改 input 事件的返回值，e={value:Number} --> e=value
24 | - 新增 支持图标插槽
25 | - 新增 支持 clear、blur 事件
26 | - 新增 支持 focus 属性
27 | - 去掉组件背景色
28 | 


--------------------------------------------------------------------------------
/uni_modules/uni-search-bar/components/uni-search-bar/i18n/en.json:
--------------------------------------------------------------------------------
1 | {
2 | 	"uni-search-bar.cancel": "cancel",
3 | 	"uni-search-bar.placeholder": "Search enter content"
4 | }


--------------------------------------------------------------------------------
/uni_modules/uni-search-bar/components/uni-search-bar/i18n/index.js:
--------------------------------------------------------------------------------
1 | import en from './en.json'
2 | import zhHans from './zh-Hans.json'
3 | import zhHant from './zh-Hant.json'
4 | export default {
5 | 	en,
6 | 	'zh-Hans': zhHans,
7 | 	'zh-Hant': zhHant
8 | }
9 | 


--------------------------------------------------------------------------------
/uni_modules/uni-search-bar/components/uni-search-bar/i18n/zh-Hans.json:
--------------------------------------------------------------------------------
1 | {
2 | 	"uni-search-bar.cancel": "cancel",
3 | 	"uni-search-bar.placeholder": "请输入搜索内容"
4 | }
5 | 


--------------------------------------------------------------------------------
/uni_modules/uni-search-bar/components/uni-search-bar/i18n/zh-Hant.json:
--------------------------------------------------------------------------------
1 | {
2 | 	"uni-search-bar.cancel": "cancel",
3 | 	"uni-search-bar.placeholder": "請輸入搜索內容"
4 | }
5 | 


--------------------------------------------------------------------------------
/uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar.vue:
--------------------------------------------------------------------------------
  1 | s<template>
  2 | 	<view class="uni-searchbar">
  3 | 		<view :style="{borderRadius:radius+'px',backgroundColor: bgColor}" class="uni-searchbar__box" @click="searchClick">
  4 | 			<view class="uni-searchbar__box-icon-search">
  5 | 				<slot name="searchIcon">
  6 | 					<uni-icons color="#c0c4cc" size="18" type="search" />
  7 | 				</slot>
  8 | 			</view>
  9 | 			<input v-if="show || searchVal" :focus="showSync" :placeholder="placeholderText" :maxlength="maxlength" class="uni-searchbar__box-search-input"
 10 | 			 confirm-type="search" type="text" v-model="searchVal" @confirm="confirm" @blur="blur" @focus="emitFocus" />
 11 | 			<text v-else class="uni-searchbar__text-placeholder">{{ placeholder }}</text>
 12 | 			<view v-if="show && (clearButton==='always'||clearButton==='auto'&&searchVal!=='')" class="uni-searchbar__box-icon-clear"
 13 | 			 @click="clear">
 14 | 				<slot name="clearIcon">
 15 | 					<uni-icons color="#c0c4cc" size="20" type="clear" />
 16 | 				</slot>
 17 | 			</view>
 18 | 		</view>
 19 | 		<text @click="cancel" class="uni-searchbar__cancel" v-if="cancelButton ==='always' || show && cancelButton ==='auto'">{{cancelTextI18n}}</text>
 20 | 	</view>
 21 | </template>
 22 | 
 23 | <script>
 24 | 	import {
 25 | 	initVueI18n
 26 | 	} from '@dcloudio/uni-i18n'
 27 | 	import messages from './i18n/index.js'
 28 | 	const {	t	} = initVueI18n(messages)
 29 | 
 30 | 	/**
 31 | 	 * SearchBar 搜索栏
 32 | 	 * @description 搜索栏组件，通常用于搜索商品、文章等
 33 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=866
 34 | 	 * @property {Number} radius 搜索栏圆角
 35 | 	 * @property {Number} maxlength 输入最大长度
 36 | 	 * @property {String} placeholder 搜索栏Placeholder
 37 | 	 * @property {String} clearButton = [always|auto|none] 是否显示清除按钮
 38 | 	 * 	@value always 一直显示
 39 | 	 * 	@value auto 输入框不为空时显示
 40 | 	 * 	@value none 一直不显示
 41 | 	 * @property {String} cancelButton = [always|auto|none] 是否显示取消按钮
 42 | 	 * 	@value always 一直显示
 43 | 	 * 	@value auto 输入框不为空时显示
 44 | 	 * 	@value none 一直不显示
 45 | 	 * @property {String} cancelText 取消按钮的文字
 46 | 	 * @property {String} bgColor 输入框背景颜色
 47 | 	 * @property {Boolean} focus 是否自动聚焦
 48 | 	 * @event {Function} confirm uniSearchBar 的输入框 confirm 事件，返回参数为uniSearchBar的value，e={value:Number}
 49 | 	 * @event {Function} input uniSearchBar 的 value 改变时触发事件，返回参数为uniSearchBar的value，e=value
 50 | 	 * @event {Function} cancel 点击取消按钮时触发事件，返回参数为uniSearchBar的value，e={value:Number}
 51 | 	 * @event {Function} clear 点击清除按钮时触发事件，返回参数为uniSearchBar的value，e={value:Number}
 52 | 	 * @event {Function} blur input失去焦点时触发事件，返回参数为uniSearchBar的value，e={value:Number}
 53 | 	 */
 54 | 
 55 | 	export default {
 56 | 		name: "UniSearchBar",
 57 | 		emits:['input','update:modelValue','clear','cancel','confirm','blur','focus'],
 58 | 		props: {
 59 | 			placeholder: {
 60 | 				type: String,
 61 | 				default: ""
 62 | 			},
 63 | 			radius: {
 64 | 				type: [Number, String],
 65 | 				default: 5
 66 | 			},
 67 | 			clearButton: {
 68 | 				type: String,
 69 | 				default: "auto"
 70 | 			},
 71 | 			cancelButton: {
 72 | 				type: String,
 73 | 				default: "auto"
 74 | 			},
 75 | 			cancelText: {
 76 | 				type: String,
 77 | 				default: '取消'
 78 | 			},
 79 | 			bgColor: {
 80 | 				type: String,
 81 | 				default: "#F8F8F8"
 82 | 			},
 83 | 			maxlength: {
 84 | 				type: [Number, String],
 85 | 				default: 100
 86 | 			},
 87 | 			value: {
 88 | 				type: [Number, String],
 89 | 				default: ""
 90 | 			},
 91 | 			modelValue: {
 92 | 				type: [Number, String],
 93 | 				default: ""
 94 | 			},
 95 | 			focus: {
 96 | 				type: Boolean,
 97 | 				default: false
 98 | 			}
 99 | 		},
100 | 		data() {
101 | 			return {
102 | 				show: false,
103 | 				showSync: false,
104 | 				searchVal: ''
105 | 			}
106 | 		},
107 | 		computed:{
108 | 			cancelTextI18n() {
109 | 				return this.cancelText || t("uni-search-bar.cancel")
110 | 			},
111 | 			placeholderText() {
112 | 				return this.placeholder || t("uni-search-bar.placeholder")
113 | 			}
114 | 		},
115 | 		watch: {
116 | 			// #ifndef VUE3
117 | 			value: {
118 | 				immediate: true,
119 | 				handler(newVal) {
120 | 					this.searchVal = newVal
121 | 					if (newVal) {
122 | 						this.show = true
123 | 					}
124 | 				}
125 | 			},
126 | 			// #endif
127 | 			// #ifdef VUE3
128 | 			modelValue: {
129 | 				immediate: true,
130 | 				handler(newVal) {
131 | 					this.searchVal = newVal
132 | 					if (newVal) {
133 | 						this.show = true
134 | 					}
135 | 				}
136 | 			},
137 | 			// #endif
138 | 			focus: {
139 | 				immediate: true,
140 | 				handler(newVal) {
141 | 					if (newVal) {
142 | 						this.show = true;
143 | 						this.$nextTick(() => {
144 | 							this.showSync = true
145 | 						})
146 | 					}
147 | 				}
148 | 			},
149 | 			searchVal(newVal, oldVal) {
150 | 				// #ifndef VUE3
151 | 				this.$emit("input", newVal)
152 | 				// #endif
153 | 				// #ifdef VUE3
154 | 				this.$emit("update:modelValue", newVal)
155 | 				// #endif
156 | 			}
157 | 		},
158 | 		methods: {
159 | 			searchClick() {
160 | 				if (this.show) {
161 | 					return
162 | 				}
163 | 				this.show = true;
164 | 				this.$nextTick(() => {
165 | 					this.showSync = true
166 | 				})
167 | 			},
168 | 			clear() {
169 | 				this.$emit("clear", {
170 | 					value: this.searchVal
171 | 				})
172 | 				this.searchVal = ""
173 | 			},
174 | 			cancel() {
175 | 				this.$emit("cancel", {
176 | 					value: this.searchVal
177 | 				});
178 | 				this.searchVal = ""
179 | 				this.show = false
180 | 				this.showSync = false
181 | 				// #ifndef APP-PLUS
182 | 				uni.hideKeyboard()
183 | 				// #endif
184 | 				// #ifdef APP-PLUS
185 | 				plus.key.hideSoftKeybord()
186 | 				// #endif
187 | 			},
188 | 			confirm() {
189 | 				// #ifndef APP-PLUS
190 | 				uni.hideKeyboard();
191 | 				// #endif
192 | 				// #ifdef APP-PLUS
193 | 				plus.key.hideSoftKeybord()
194 | 				// #endif
195 | 				this.$emit("confirm", {
196 | 					value: this.searchVal
197 | 				})
198 | 			},
199 | 			blur() {
200 | 				// #ifndef APP-PLUS
201 | 				uni.hideKeyboard();
202 | 				// #endif
203 | 				// #ifdef APP-PLUS
204 | 				plus.key.hideSoftKeybord()
205 | 				// #endif
206 | 				this.$emit("blur", {
207 | 					value: this.searchVal
208 | 				})
209 | 			},
210 | 			emitFocus(e) {
211 | 				this.$emit("focus", e.detail)
212 | 			}
213 | 		}
214 | 	};
215 | </script>
216 | 
217 | <style lang="scss" scoped>
218 | 	$uni-searchbar-height: 36px;
219 | 
220 | 	.uni-searchbar {
221 | 		/* #ifndef APP-NVUE */
222 | 		display: flex;
223 | 		/* #endif */
224 | 		flex-direction: row;
225 | 		position: relative;
226 | 		padding: 10px;
227 | 		// background-color: #fff;
228 | 	}
229 | 
230 | 	.uni-searchbar__box {
231 | 		/* #ifndef APP-NVUE */
232 | 		display: flex;
233 | 		box-sizing: border-box;
234 | 		/* #endif */
235 | 		overflow: hidden;
236 | 		position: relative;
237 | 		flex: 1;
238 | 		justify-content: center;
239 | 		flex-direction: row;
240 | 		align-items: center;
241 | 		height: $uni-searchbar-height;
242 | 		padding: 5px 8px 5px 0px;
243 | 	}
244 | 
245 | 	.uni-searchbar__box-icon-search {
246 | 		/* #ifndef APP-NVUE */
247 | 		display: flex;
248 | 		/* #endif */
249 | 		flex-direction: row;
250 | 		// width: 32px;
251 | 		padding: 0 8px;
252 | 		justify-content: center;
253 | 		align-items: center;
254 | 		color: #B3B3B3;
255 | 	}
256 | 
257 | 	.uni-searchbar__box-search-input {
258 | 		flex: 1;
259 | 		font-size: 14px;
260 | 		color: #333;
261 | 	}
262 | 
263 | 	.uni-searchbar__box-icon-clear {
264 | 		align-items: center;
265 | 		line-height: 24px;
266 | 		padding-left: 8px;
267 | 		/* #ifdef H5 */
268 | 		cursor: pointer;
269 | 		/* #endif */
270 | 	}
271 | 
272 | 	.uni-searchbar__text-placeholder {
273 | 		font-size: 14px;
274 | 		color: #B3B3B3;
275 | 		margin-left: 5px;
276 | 	}
277 | 
278 | 	.uni-searchbar__cancel {
279 | 		padding-left: 10px;
280 | 		line-height: $uni-searchbar-height;
281 | 		font-size: 14px;
282 | 		color: #333333;
283 | 		/* #ifdef H5 */
284 | 		cursor: pointer;
285 | 		/* #endif */
286 | 	}
287 | </style>
288 | 


--------------------------------------------------------------------------------
/uni_modules/uni-search-bar/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "id": "uni-search-bar",
 3 |   "displayName": "uni-search-bar 搜索栏",
 4 |   "version": "1.2.0",
 5 |   "description": "搜索栏组件，通常用于搜索商品、文章等",
 6 |   "keywords": [
 7 |     "uni-ui",
 8 |     "uniui",
 9 |     "搜索框",
10 |     "搜索栏"
11 | ],
12 |   "repository": "https://github.com/dcloudio/uni-ui",
13 |   "engines": {
14 |     "HBuilderX": ""
15 |   },
16 |   "directories": {
17 |     "example": "../../temps/example_temps"
18 |   },
19 |   "dcloudext": {
20 |     "category": [
21 |       "前端组件",
22 |       "通用组件"
23 |     ],
24 |     "sale": {
25 |       "regular": {
26 |         "price": "0.00"
27 |       },
28 |       "sourcecode": {
29 |         "price": "0.00"
30 |       }
31 |     },
32 |     "contact": {
33 |       "qq": ""
34 |     },
35 |     "declaration": {
36 |       "ads": "无",
37 |       "data": "无",
38 |       "permissions": "无"
39 |     },
40 |     "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
41 |   },
42 |   "uni_modules": {
43 |     "dependencies": [
44 | 			"uni-scss",
45 | 			"uni-icons"
46 | 		],
47 |     "encrypt": [],
48 |     "platforms": {
49 |       "cloud": {
50 |         "tcb": "y",
51 |         "aliyun": "y"
52 |       },
53 |       "client": {
54 |         "App": {
55 |           "app-vue": "y",
56 |           "app-nvue": "y"
57 |         },
58 |         "H5-mobile": {
59 |           "Safari": "y",
60 |           "Android Browser": "y",
61 |           "微信浏览器(Android)": "y",
62 |           "QQ浏览器(Android)": "y"
63 |         },
64 |         "H5-pc": {
65 |           "Chrome": "y",
66 |           "IE": "y",
67 |           "Edge": "y",
68 |           "Firefox": "y",
69 |           "Safari": "y"
70 |         },
71 |         "小程序": {
72 |           "微信": "y",
73 |           "阿里": "y",
74 |           "百度": "y",
75 |           "字节跳动": "y",
76 |           "QQ": "y"
77 |         },
78 |         "快应用": {
79 |           "华为": "u",
80 |           "联盟": "u"
81 |         },
82 |         "Vue": {
83 |             "vue2": "y",
84 |             "vue3": "y"
85 |         }
86 |       }
87 |     }
88 |   }
89 | }


--------------------------------------------------------------------------------
/uni_modules/uni-search-bar/readme.md:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | ## SearchBar 搜索栏
 4 | 
 5 | > **组件名：uni-search-bar**
 6 | > 代码块： `uSearchBar`
 7 | 
 8 | 
 9 | 评分组件
10 | 
11 | ### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-search-bar)
12 | #### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 
13 | 
14 | 
15 | 


--------------------------------------------------------------------------------