tnblog
首页
视频
资源
登录
转

uni-app左侧菜单，左右联动,侧边导航分类

12264人阅读 2022/1/25 17:09 总访问：294568 评论：0 收藏：2 手机
分类: 移动开发


效果图：



代码：

  1. <template>

  2. 	<view class="page-body" :style="'height:' + height + 'px'">

  3. 		<scroll-view class="nav-left" scroll-y :style="'height:' + height + 'px'" :scroll-top="scrollLeftTop" scroll-with-animation>

  4. 			<view class="nav-left-item" @click="categoryClickMain(index)" :key="index" :class="index == categoryActive ? 'active' : ''" v-for="(item, index) in classifyData">

  5. 				{{ item.name }}

  6. 			</view>

  7. 		</scroll-view>

  8. 		<scroll-view 

  9. 		class="nav-right" 

  10. 		scroll-y 

  11. 		:scroll-top="scrollTop" 

  12. 		@scroll="scroll" 

  13. 		:style="'height:' + height + 'px'" 

  14. 		scroll-with-animation

  15. 		>

  16. 			<view v-for="(foods, index) in classifyData" :key="index" class="box">

  17. 				<view style="margin-bottom:10upx">{{foods.name}}</view>

  18. 				<view :id="i == 0 ? 'first' : ''" class="nav-right-item" v-for="(item, i) in foods.foods" :key="i" @click="cart(item.name)">

  19. 					<image src="https://img.tnblog.net/bigclassimg/1net.png" />

  20. 					<view>{{ item.name }}</view>

  21. 				</view>

  22. 			</view>

  23. 		</scroll-view>

  24. 	</view>

  25. </template>

  26. 

  27. <script>

  28. import classifyData from '../../common/classify.data.js';

  29. export default {

  30. 	data() {

  31. 		return {

  32. 			name: 'wkiwi',

  33. 			height: 0,

  34. 			categoryActive: 0,

  35. 			scrollTop: 0,

  36. 			scrollLeftTop: 0,

  37. 			// scrollHeight: 0,

  38. 			classifyData: classifyData,

  39. 			arr: [0, 584, 1168, 1752, 2336, 2805, 3274, 3858, 4442, 4911, 5380, 5734, 6203, 6672, 7017], //初始值，后边计算会根据手机适配覆盖

  40. 			leftItemHeight: 51, //49行会计算出新值进行覆盖

  41. 			navLeftHeight: 0, //左边scroll-view 内层nav的总高度

  42. 			diff: 0, //左边scroll-view 内层nav的总高度与视口之差

  43. 			tabBarHeight: 0 //如果此页面为Tab页面，自己改变高度值,,一般tab高度为51

  44. 		};

  45. 	},

  46. 	created() {

  47. 		//如果你的分类数据为后台异步获取请	将下方代码放置你的数据回调中

  48. 		// this.$nextTick(()=>{

  49. 		// 	this.getHeightList();

  50. 		// })

  51. 	},

  52. 	onLoad: function() {

  53. 		this.height = uni.getSystemInfoSync().windowHeight - this.tabBarHeight;

  54. 	},

  55. 	onReady() {

  56. 		this.getHeightList();

  57. 	},

  58. 	methods: {

  59. 		getHeightList() {

  60. 			let _this = this;

  61. 			let selectorQuery = uni.createSelectorQuery();

  62. 			selectorQuery.selectAll('.nav-left-item').boundingClientRect(function(rects) {

  63. 				_this.leftItemHeight = rects[0].height;

  64. 				_this.navLeftHeight = _this.leftItemHeight * classifyData.length;

  65. 				_this.diff = _this.navLeftHeight - _this.height;

  66. 			});

  67. 			selectorQuery

  68. 				.selectAll('.box')

  69. 				.boundingClientRect(function(rects) {

  70. 					let arr = [0];

  71. 					let top = 0;

  72. 					rects.forEach(function(rect) {

  73. 						// 					rect.id      // 节点的ID

  74. 						// 					rect.dataset // 节点的dataset

  75. 						// 					rect.left    // 节点的左边界坐标

  76. 						// 					rect.right   // 节点的右边界坐标

  77. 						// 					rect.top     // 节点的上边界坐标

  78. 						// 					rect.bottom  // 节点的下边界坐标

  79. 						// 					rect.width   // 节点的宽度

  80. 						// 					rect.height  // 节点的高度

  81. 						top += rect.height;

  82. 						arr.push(top);

  83. 					});

  84. 					console.log(arr);

  85. 					_this.arr = arr;

  86. 				})

  87. 				.exec();

  88. 		},

  89. 		scroll(e) {

  90. 			let _this = this;

  91. 			if (this.timeoutId) {

  92. 				clearTimeout(this.timeoutId);

  93. 			}

  94. 			this.timeoutId = setTimeout(function() {

  95. 				//节流

  96. 				_this.scrollHeight = e.detail.scrollTop + 1 + _this.height / 2;

  97. 				//+1不要删除，解决最后一项某种情况下翻到底部，左边按钮并不会切换至最后一个

  98. 				//若想使切换参考线为屏幕顶部请删除 _this.height/2

  99. 				for (let i = 0; i < _this.arr.length; i++) {

  100. 					let height1 = _this.arr[i];

  101. 					let height2 = _this.arr[i + 1];

  102. 					if (!height2 || (_this.scrollHeight >= height1 && _this.scrollHeight < height2)) {

  103. 						_this.categoryActive = i;

  104. 						_this.diff > 0 && (_this.scrollLeftTop = Math.round((_this.categoryActive * _this.diff) / (classifyData.length - 1)));

  105. 						return false;

  106. 					}

  107. 				}

  108. 				_this.categoryActive = 0;

  109. 				_this.timeoutId = undefined;

  110. 			}, 10);

  111. 		},

  112. 		categoryClickMain(index) {

  113. 			this.categoryActive = index;

  114. 			this.scrollTop == this.arr[index] ? (this.scrollTop = this.scrollTop + 1) : (this.scrollTop = this.arr[index]); //防止两次相等造成点击不触发滚动时间

  115. 		},

  116. 		cart: function(text) {

  117. 			uni.showToast({

  118. 				title: text,

  119. 				icon: 'none'

  120. 			});

  121. 		}

  122. 	},

  123. 	components: {}

  124. };

  125. </script>

  126. 

  127. <style>

  128. .page-body {

  129. 	display: flex;

  130. 	background: #fff;

  131. 	overflow: hidden;

  132. }

  133. 

  134. .nav {

  135. 	display: flex;

  136. 	width: 100%;

  137. }

  138. 

  139. .nav-left {

  140. 	width: 25%;

  141. 	background: #fafafa;

  142. }

  143. 

  144. .nav-left-item {

  145. 	height: 100upx;

  146. 	border-right: solid 1px #f1f1f1;

  147. 	border-bottom: solid 1px #f1f1f1;

  148. 	font-size: 30upx;

  149. 	display: flex;

  150. 	align-items: center;

  151. 	justify-content: center;

  152. }

  153. .nav-left-item:last-child {

  154. 	border-bottom: none;

  155. }

  156. .nav-right {

  157. 	width: 75%;

  158. }

  159. .box {

  160. 	display: block;

  161. 	overflow: hidden;

  162. 	border-bottom: 20upx solid #f3f3f3;

  163. 	/* min-height: 100vh; */

  164. 	/*若您的子分类过少想使得每个子分类占满屏请放开上边注视 */

  165. }

  166. .box:last-child {

  167. 	border: none;

  168. 	min-height: 100vh;

  169. }

  170. .nav-right-item {

  171. 	width: 30%;

  172. 	height: 220upx;

  173. 	float: left;

  174. 	text-align: center;

  175. 	padding: 11upx;

  176. 	font-size: 28upx;

  177. 	background: #fff;

  178. }

  179. 

  180. .nav-right-item image {

  181. 	width: 120upx;

  182. 	height: 120upx;

  183. }

  184. 

  185. .active {

  186. 	color: #ff80ab;

  187. 	background: #fff;

  188. 	border-right: 0;

  189. }

  190. ::-webkit-scrollbar {

  191. 	width: 0;

  192. 	height: 0;

  193. 	color: transparent;

  194. }

  195. </style>


测试数据classify.data.js:

  1. export default [{

  2. 		"name": "女装推荐啊哇..",

  3. 		"foods": [{

  4. 				"name": "A字裙xxxxxqqqqqqqqqssxxxxqqsdsdfsdfdsfdsfdsfdsfdsfdsfdsfdfgfdgfdg",

  5. 				"key": "A字裙",

  6. 				"icon": "http://img.kiwifruits.cn/classify/1/1.jpg",

  7. 				"cat": 10

  8. 			},

  9. 			{

  10. 				"name": "T恤",

  11. 				"key": "T恤",

  12. 				"icon": "http://img.kiwifruits.cn/classify/1/2.jpg",

  13. 				"cat": 10

  14. 			},

  15. 			{

  16. 				"name": "半身裙",

  17. 				"key": "半身裙",

  18. 				"icon": "http://img.kiwifruits.cn/classify/1/3.jpg",

  19. 				"cat": 10

  20. 			},

  21. 			{

  22. 				"name": "衬衫",

  23. 				"key": "衬衫",

  24. 				"icon": "http://img.kiwifruits.cn/classify/1/4.jpg",

  25. 				"cat": 10

  26. 			},

  27. 			{

  28. 				"name": "短裙",

  29. 				"key": "短裙",

  30. 				"icon": "http://img.kiwifruits.cn/classify/1/5.jpg",

  31. 				"cat": 10

  32. 			},

  33. 			{

  34. 				"name": "阔腿裤",

  35. 				"key": "阔腿裤",

  36. 				"icon": "http://img.kiwifruits.cn/classify/1/6.jpg",

  37. 				"cat": 10

  38. 			},

  39. 			{

  40. 				"name": "连衣裙",

  41. 				"key": "连衣裙",

  42. 				"icon": "http://img.kiwifruits.cn/classify/1/7.jpg",

  43. 				"cat": 10

  44. 			},

  45. 			{

  46. 				"name": "妈妈装",

  47. 				"key": "妈妈装",

  48. 				"icon": "http://img.kiwifruits.cn/classify/1/8.jpg",

  49. 				"cat": 10

  50. 			},

  51. 			{

  52. 				"name": "牛仔裤",

  53. 				"key": "牛仔裤",

  54. 				"icon": "http://img.kiwifruits.cn/classify/1/9.jpg",

  55. 				"cat": 10

  56. 			},

  57. 			{

  58. 				"name": "情侣装",

  59. 				"key": "情侣装",

  60. 				"icon": "http://img.kiwifruits.cn/classify/1/10.jpg",

  61. 				"cat": 10

  62. 			},

  63. 			{

  64. 				"name": "休闲裤",

  65. 				"key": "休闲裤",

  66. 				"icon": "http://img.kiwifruits.cn/classify/1/11.jpg",

  67. 				"cat": 10

  68. 			},

  69. 			{

  70. 				"name": "雪纺衫",

  71. 				"key": "雪纺衫",

  72. 				"icon": "http://img.kiwifruits.cn/classify/1/12.jpg",

  73. 				"cat": 10

  74. 			},

  75. 			{

  76. 				"name": "防晒衣",

  77. 				"key": "防晒衣",

  78. 				"icon": "http://img.kiwifruits.cn/classify/1/13.jpg",

  79. 				"cat": 10

  80. 			},

  81. 			{

  82. 				"name": "礼服/婚纱",

  83. 				"key": "礼服婚纱",

  84. 				"icon": "http://img.kiwifruits.cn/classify/1/14.jpg",

  85. 				"cat": 10

  86. 			}

  87. 		]

  88. 	},

  89. 	{

  90. 		"name": "美食",

  91. 		"foods": [{

  92. 				"name": "火锅",

  93. 				"key": "火锅",

  94. 				"icon": "http://img.kiwifruits.cn/classify/2/1.jpg",

  95. 				"cat": 6

  96. 			},

  97. 			{

  98. 				"name": "糕点饼干",

  99. 				"key": "糕点饼干",

  100. 				"icon": "http://img.kiwifruits.cn/classify/2/2.jpg",

  101. 				"cat": 6

  102. 			},

  103. 			{

  104. 				"name": "坚果果干",

  105. 				"key": "坚果果干",

  106. 				"icon": "http://img.kiwifruits.cn/classify/2/3.jpg",

  107. 				"cat": 6

  108. 			},

  109. 			{

  110. 				"name": "酒类",

  111. 				"key": "酒类",

  112. 				"icon": "http://img.kiwifruits.cn/classify/2/4.jpg",

  113. 				"cat": 6

  114. 			},

  115. 			{

  116. 				"name": "辣条",

  117. 				"key": "辣条",

  118. 				"icon": "http://img.kiwifruits.cn/classify/2/5.jpg",

  119. 				"cat": 6

  120. 			},

  121. 			{

  122. 				"name": "大礼包",

  123. 				"key": "大礼包",

  124. 				"icon": "http://img.kiwifruits.cn/classify/2/6.jpg",

  125. 				"cat": 6

  126. 			},

  127. 			{

  128. 				"name": "精品茗茶",

  129. 				"key": "茶",

  130. 				"icon": "http://img.kiwifruits.cn/classify/2/7.jpg",

  131. 				"cat": 6

  132. 			},

  133. 			{

  134. 				"name": "休闲食品",

  135. 				"key": "休闲食品",

  136. 				"icon": "http://img.kiwifruits.cn/classify/2/8.jpg",

  137. 				"cat": 6

  138. 			},

  139. 			{

  140. 				"name": "糖果巧克力",

  141. 				"key": "糖果巧克力",

  142. 				"icon": "http://img.kiwifruits.cn/classify/2/9.jpg",

  143. 				"cat": 6

  144. 			},

  145. 			{

  146. 				"name": "方便速食",

  147. 				"key": "方便速食",

  148. 				"icon": "http://img.kiwifruits.cn/classify/2/10.jpg",

  149. 				"cat": 6

  150. 			},

  151. 			{

  152. 				"name": "营养代餐",

  153. 				"key": "营养代餐",

  154. 				"icon": "http://img.kiwifruits.cn/classify/2/11.jpg",

  155. 				"cat": 6

  156. 			},

  157. 			{

  158. 				"name": "粮油副食",

  159. 				"key": "粮油",

  160. 				"icon": "http://img.kiwifruits.cn/classify/2/12.jpg",

  161. 				"cat": 6

  162. 			},

  163. 			{

  164. 				"name": "生鲜水果",

  165. 				"key": "水果",

  166. 				"icon": "http://img.kiwifruits.cn/classify/2/13.jpg",

  167. 				"cat": 6

  168. 			},

  169. 			{

  170. 				"name": "饮品",

  171. 				"key": "饮品",

  172. 				"icon": "http://img.kiwifruits.cn/classify/2/14.jpg",

  173. 				"cat": 6

  174. 			}

  175. 		]

  176. 	},

  177. 	{

  178. 		"name": "美妆",

  179. 		"foods": [{

  180. 				"name": "化妆刷",

  181. 				"key": "化妆刷",

  182. 				"icon": "http://img.kiwifruits.cn/classify/3/1.jpg",

  183. 				"cat": 3

  184. 			},

  185. 			{

  186. 				"name": "粉底",

  187. 				"key": "粉底",

  188. 				"icon": "http://img.kiwifruits.cn/classify/3/2.jpg",

  189. 				"cat": 3

  190. 			},

  191. 			{

  192. 				"name": "洗发护发",

  193. 				"key": "洗发护发",

  194. 				"icon": "http://img.kiwifruits.cn/classify/3/3.jpg",

  195. 				"cat": 3

  196. 			},

  197. 			{

  198. 				"name": "美容工具",

  199. 				"key": "美容工具",

  200. 				"icon": "http://img.kiwifruits.cn/classify/3/4.jpg",

  201. 				"cat": 3

  202. 			},

  203. 			{

  204. 				"name": "眼部护理",

  205. 				"key": "眼部护理",

  206. 				"icon": "http://img.kiwifruits.cn/classify/3/5.jpg",

  207. 				"cat": 3

  208. 			},

  209. 			{

  210. 				"name": "眉妆",

  211. 				"key": "眉妆",

  212. 				"icon": "http://img.kiwifruits.cn/classify/3/6.jpg",

  213. 				"cat": 3

  214. 			},

  215. 			{

  216. 				"name": "卸妆品",

  217. 				"key": "卸妆品",

  218. 				"icon": "http://img.kiwifruits.cn/classify/3/7.jpg",

  219. 				"cat": 3

  220. 			},

  221. 			{

  222. 				"name": "基础护肤",

  223. 				"key": "基础护肤",

  224. 				"icon": "http://img.kiwifruits.cn/classify/3/8.jpg",

  225. 				"cat": 3

  226. 			},

  227. 			{

  228. 				"name": "眼妆",

  229. 				"key": "眼妆",

  230. 				"icon": "http://img.kiwifruits.cn/classify/3/9.jpg",

  231. 				"cat": 3

  232. 			},

  233. 			{

  234. 				"name": "唇妆",

  235. 				"key": "唇妆",

  236. 				"icon": "http://img.kiwifruits.cn/classify/3/10.jpg",

  237. 				"cat": 3

  238. 			},

  239. 			{

  240. 				"name": "面膜",

  241. 				"key": "面膜",

  242. 				"icon": "http://img.kiwifruits.cn/classify/3/11.jpg",

  243. 				"cat": 3

  244. 			},

  245. 			{

  246. 				"name": "沐浴用品",

  247. 				"key": "沐浴用品",

  248. 				"icon": "http://img.kiwifruits.cn/classify/3/12.jpg",

  249. 				"cat": 3

  250. 			},

  251. 			{

  252. 				"name": "护肤套装",

  253. 				"key": "护肤套装",

  254. 				"icon": "http://img.kiwifruits.cn/classify/3/13.jpg",

  255. 				"cat": 3

  256. 			},

  257. 			{

  258. 				"name": "防晒品",

  259. 				"key": "防晒品",

  260. 				"icon": "http://img.kiwifruits.cn/classify/3/14.jpg",

  261. 				"cat": 3

  262. 			},

  263. 			{

  264. 				"name": "美甲",

  265. 				"key": "美甲",

  266. 				"icon": "http://img.kiwifruits.cn/classify/3/15.jpg",

  267. 				"cat": 3

  268. 			}

  269. 

  270. 		]

  271. 	},

  272. 	{

  273. 		"name": "读书笔记,英语阅读",

  274. 		"foods": [{

  275. 				"name": "垃圾袋",

  276. 				"key": "垃圾袋",

  277. 				"icon": "http://img.kiwifruits.cn/classify/4/1.jpg",

  278. 				"cat": 4

  279. 			},

  280. 			{

  281. 				"name": "纸巾",

  282. 				"key": "纸巾",

  283. 				"icon": "http://img.kiwifruits.cn/classify/4/2.jpg",

  284. 				"cat": 4

  285. 			},

  286. 			{

  287. 				"name": "驱蚊用品",

  288. 				"key": "驱蚊用品",

  289. 				"icon": "http://img.kiwifruits.cn/classify/4/3.jpg",

  290. 				"cat": 4

  291. 			},

  292. 			{

  293. 				"name": "收纳神器",

  294. 				"key": "收纳神器",

  295. 				"icon": "http://img.kiwifruits.cn/classify/4/4.jpg",

  296. 				"cat": 4

  297. 			},

  298. 			{

  299. 				"name": "厨房用品",

  300. 				"key": "厨房用品",

  301. 				"icon": "http://img.kiwifruits.cn/classify/4/5.jpg",

  302. 				"cat": 4

  303. 			},

  304. 			{

  305. 				"name": "厨房烹饪",

  306. 				"key": "烹饪",

  307. 				"icon": "http://img.kiwifruits.cn/classify/4/6.jpg",

  308. 				"cat": 4

  309. 			},

  310. 			{

  311. 				"name": "衣物晾晒",

  312. 				"key": "衣物晾晒",

  313. 				"icon": "http://img.kiwifruits.cn/classify/4/7.jpg",

  314. 				"cat": 4

  315. 			},

  316. 			{

  317. 				"name": "衣物护理",

  318. 				"key": "衣物护理",

  319. 				"icon": "http://img.kiwifruits.cn/classify/4/8.jpg",

  320. 				"cat": 4

  321. 			},

  322. 			{

  323. 				"name": "宠物用品",

  324. 				"key": "宠物用品",

  325. 				"icon": "http://img.kiwifruits.cn/classify/4/9.jpg",

  326. 				"cat": 4

  327. 			},

  328. 			{

  329. 				"name": "医药保健",

  330. 				"key": "医药",

  331. 				"icon": "http://img.kiwifruits.cn/classify/4/10.jpg",

  332. 				"cat": 4

  333. 			},

  334. 			{

  335. 				"name": "日用百货",

  336. 				"key": "百货",

  337. 				"icon": "http://img.kiwifruits.cn/classify/4/11.jpg",

  338. 				"cat": 4

  339. 			},

  340. 			{

  341. 				"name": "清洁用品",

  342. 				"key": "清洁",

  343. 				"icon": "http://img.kiwifruits.cn/classify/4/12.jpg",

  344. 				"cat": 4

  345. 			},

  346. 			{

  347. 				"name": "绿植园艺",

  348. 				"key": "绿植",

  349. 				"icon": "http://img.kiwifruits.cn/classify/4/13.jpg",

  350. 				"cat": 4

  351. 			}

  352. 		]

  353. 	},

  354. 	{

  355. 		"name": "男装",

  356. 		"foods": [{

  357. 				"name": "爸爸装",

  358. 				"key": "爸爸装",

  359. 				"icon": "http://img.kiwifruits.cn/classify/5/1.jpg",

  360. 				"cat": 12

  361. 			},

  362. 			{

  363. 				"name": "牛仔裤",

  364. 				"key": "牛仔裤",

  365. 				"icon": "http://img.kiwifruits.cn/classify/5/2.jpg",

  366. 				"cat": 12

  367. 			},

  368. 			{

  369. 				"name": "衬衫",

  370. 				"key": "衬衫",

  371. 				"icon": "http://img.kiwifruits.cn/classify/5/3.jpg",

  372. 				"cat": 12

  373. 			},

  374. 			{

  375. 				"name": "休闲裤",

  376. 				"key": "休闲裤",

  377. 				"icon": "http://img.kiwifruits.cn/classify/5/4.jpg",

  378. 				"cat": 12

  379. 			},

  380. 			{

  381. 				"name": "外套",

  382. 				"key": "外套",

  383. 				"icon": "http://img.kiwifruits.cn/classify/5/5.jpg",

  384. 				"cat": 12

  385. 			},

  386. 			{

  387. 				"name": "T恤",

  388. 				"key": "T恤",

  389. 				"icon": "http://img.kiwifruits.cn/classify/5/6.jpg",

  390. 				"cat": 12

  391. 			},

  392. 			{

  393. 				"name": "套装",

  394. 				"key": "套装",

  395. 				"icon": "http://img.kiwifruits.cn/classify/5/7.jpg",

  396. 				"cat": 12

  397. 			},

  398. 			{

  399. 				"name": "运动裤",

  400. 				"key": "运动裤",

  401. 				"icon": "http://img.kiwifruits.cn/classify/5/8.jpg",

  402. 				"cat": 12

  403. 			},

  404. 			{

  405. 				"name": "马甲/背心",

  406. 				"key": "马甲背心",

  407. 				"icon": "http://img.kiwifruits.cn/classify/5/9.jpg",

  408. 				"cat": 12

  409. 			},

  410. 			{

  411. 				"name": "POLO衫",

  412. 				"key": "POLO衫",

  413. 				"icon": "http://img.kiwifruits.cn/classify/5/10.jpg",

  414. 				"cat": 12

  415. 			},

  416. 			{

  417. 				"name": "商务装",

  418. 				"key": "商务装",

  419. 				"icon": "http://img.kiwifruits.cn/classify/5/11.jpg",

  420. 				"cat": 12

  421. 			}

  422. 		]

  423. 	},

  424. 	{

  425. 		"name": "鞋品",

  426. 		"foods": [{

  427. 				"name": "单鞋",

  428. 				"key": "单鞋",

  429. 				"icon": "http://img.kiwifruits.cn/classify/6/1.jpg",

  430. 				"cat": 5

  431. 			},

  432. 			{

  433. 				"name": "皮鞋",

  434. 				"key": "皮鞋",

  435. 				"icon": "http://img.kiwifruits.cn/classify/6/2.jpg",

  436. 				"cat": 5

  437. 			},

  438. 			{

  439. 				"name": "帆布鞋",

  440. 				"key": "帆布鞋",

  441. 				"icon": "http://img.kiwifruits.cn/classify/6/3.jpg",

  442. 				"cat": 5

  443. 			},

  444. 			{

  445. 				"name": "北京老布鞋",

  446. 				"key": "北京老布鞋",

  447. 				"icon": "http://img.kiwifruits.cn/classify/6/4.jpg",

  448. 				"cat": 5

  449. 			},

  450. 			{

  451. 				"name": "运动鞋",

  452. 				"key": "运动鞋",

  453. 				"icon": "http://img.kiwifruits.cn/classify/6/5.jpg",

  454. 				"cat": 5

  455. 			},

  456. 			{

  457. 				"name": "拖鞋",

  458. 				"key": "拖鞋",

  459. 				"icon": "http://img.kiwifruits.cn/classify/6/6.jpg",

  460. 				"cat": 5

  461. 			},

  462. 			{

  463. 				"name": "凉鞋",

  464. 				"key": "凉鞋",

  465. 				"icon": "http://img.kiwifruits.cn/classify/6/7.jpg",

  466. 				"cat": 5

  467. 			},

  468. 			{

  469. 				"name": "休闲鞋",

  470. 				"key": "休闲鞋",

  471. 				"icon": "http://img.kiwifruits.cn/classify/6/8.jpg",

  472. 				"cat": 5

  473. 			},

  474. 			{

  475. 				"name": "高跟鞋",

  476. 				"key": "高跟鞋",

  477. 				"icon": "http://img.kiwifruits.cn/classify/6/9.jpg",

  478. 				"cat": 5

  479. 			},

  480. 			{

  481. 				"name": "老人鞋",

  482. 				"key": "老人鞋",

  483. 				"icon": "http://img.kiwifruits.cn/classify/6/10.jpg",

  484. 				"cat": 5

  485. 			},

  486. 			{

  487. 				"name": "懒人鞋",

  488. 				"key": "懒人鞋",

  489. 				"icon": "http://img.kiwifruits.cn/classify/6/11.jpg",

  490. 				"cat": 5

  491. 			}

  492. 		]

  493. 	},

  494. 	{

  495. 		"name": "数码家电",

  496. 		"foods": [{

  497. 				"name": "数据线",

  498. 				"key": "数据线",

  499. 				"icon": "http://img.kiwifruits.cn/classify/7/1.jpg",

  500. 				"cat": 8

  501. 			},

  502. 			{

  503. 				"name": "耳机",

  504. 				"key": "耳机",

  505. 				"icon": "http://img.kiwifruits.cn/classify/7/2.jpg",

  506. 				"cat": 8

  507. 			},

  508. 			{

  509. 				"name": "生活家电",

  510. 				"key": "家电",

  511. 				"icon": "http://img.kiwifruits.cn/classify/7/3.jpg",

  512. 				"cat": 8

  513. 			},

  514. 			{

  515. 				"name": "电风扇",

  516. 				"key": "电风扇",

  517. 				"icon": "http://img.kiwifruits.cn/classify/7/4.jpg",

  518. 				"cat": 8

  519. 			},

  520. 			{

  521. 				"name": "电吹风",

  522. 				"key": "电吹风",

  523. 				"icon": "http://img.kiwifruits.cn/classify/7/5.jpg",

  524. 				"cat": 8

  525. 			},

  526. 			{

  527. 				"name": "手机壳",

  528. 				"key": "手机壳",

  529. 				"icon": "http://img.kiwifruits.cn/classify/7/6.jpg",

  530. 				"cat": 8

  531. 			},

  532. 			{

  533. 				"name": "榨汁机",

  534. 				"key": "榨汁机",

  535. 				"icon": "http://img.kiwifruits.cn/classify/7/7.jpg",

  536. 				"cat": 8

  537. 			},

  538. 			{

  539. 				"name": "小家电",

  540. 				"key": "小家电",

  541. 				"icon": "http://img.kiwifruits.cn/classify/7/8.jpg",

  542. 				"cat": 8

  543. 			},

  544. 			{

  545. 				"name": "数码电子",

  546. 				"key": "数码",

  547. 				"icon": "http://img.kiwifruits.cn/classify/7/9.jpg",

  548. 				"cat": 8

  549. 			},

  550. 			{

  551. 				"name": "电饭锅",

  552. 				"key": "电饭锅",

  553. 				"icon": "http://img.kiwifruits.cn/classify/7/10.jpg",

  554. 				"cat": 8

  555. 			},

  556. 			{

  557. 				"name": "手机支架",

  558. 				"key": "手机支架",

  559. 				"icon": "http://img.kiwifruits.cn/classify/7/11.jpg",

  560. 				"cat": 8

  561. 			},

  562. 			{

  563. 				"name": "剃须刀",

  564. 				"key": "剃须刀",

  565. 				"icon": "http://img.kiwifruits.cn/classify/7/12.jpg",

  566. 				"cat": 8

  567. 			},

  568. 			{

  569. 				"name": "充电宝",

  570. 				"key": "充电宝",

  571. 				"icon": "http://img.kiwifruits.cn/classify/7/13.jpg",

  572. 				"cat": 8

  573. 			},

  574. 			{

  575. 				"name": "手机配件",

  576. 				"key": "手机配件",

  577. 				"icon": "http://img.kiwifruits.cn/classify/7/14.jpg",

  578. 				"cat": 8

  579. 			}

  580. 		]

  581. 	},

  582. 	{

  583. 		"name": "母婴",

  584. 		"foods": [{

  585. 				"name": "婴童服饰",

  586. 				"key": "衣服",

  587. 				"icon": "http://img.kiwifruits.cn/classify/8/1.jpg",

  588. 				"cat": 2

  589. 			},

  590. 			{

  591. 				"name": "玩具乐器",

  592. 				"key": "玩具乐器",

  593. 				"icon": "http://img.kiwifruits.cn/classify/8/2.jpg",

  594. 				"cat": 2

  595. 			},

  596. 			{

  597. 				"name": "尿不湿",

  598. 				"key": "尿不湿",

  599. 				"icon": "http://img.kiwifruits.cn/classify/8/3.jpg",

  600. 				"cat": 2

  601. 			},

  602. 			{

  603. 				"name": "安抚牙胶",

  604. 				"key": "安抚牙胶",

  605. 				"icon": "http://img.kiwifruits.cn/classify/8/4.jpg",

  606. 				"cat": 2

  607. 			},

  608. 			{

  609. 				"name": "奶瓶奶嘴",

  610. 				"key": "奶瓶奶嘴",

  611. 				"icon": "http://img.kiwifruits.cn/classify/8/5.jpg",

  612. 				"cat": 2

  613. 			},

  614. 			{

  615. 				"name": "孕妈用品",

  616. 				"key": "孕妈用品",

  617. 				"icon": "http://img.kiwifruits.cn/classify/8/6.jpg",

  618. 				"cat": 2

  619. 			},

  620. 			{

  621. 				"name": "宝宝用品",

  622. 				"key": "宝宝用品",

  623. 				"icon": "http://img.kiwifruits.cn/classify/8/7.jpg",

  624. 				"cat": 2

  625. 			},

  626. 			{

  627. 				"name": "婴童湿巾",

  628. 				"key": "湿巾",

  629. 				"icon": "http://img.kiwifruits.cn/classify/8/8.jpg",

  630. 				"cat": 2

  631. 			},

  632. 			{

  633. 				"name": "喂养洗护",

  634. 				"key": "洗护",

  635. 				"icon": "http://img.kiwifruits.cn/classify/8/9.jpg",

  636. 				"cat": 2

  637. 			},

  638. 			{

  639. 				"name": "婴童鞋靴",

  640. 				"key": "童鞋",

  641. 				"icon": "http://img.kiwifruits.cn/classify/8/10.jpg",

  642. 				"cat": 2

  643. 			},

  644. 			{

  645. 				"name": "口水巾",

  646. 				"key": "口水巾",

  647. 				"icon": "http://img.kiwifruits.cn/classify/8/11.jpg",

  648. 				"cat": 2

  649. 			},

  650. 			{

  651. 				"name": "营养辅食",

  652. 				"key": "营养",

  653. 				"icon": "http://img.kiwifruits.cn/classify/8/12.jpg",

  654. 				"cat": 2

  655. 			},

  656. 			{

  657. 				"name": "婴幼书籍",

  658. 				"key": "书籍",

  659. 				"icon": "http://img.kiwifruits.cn/classify/8/13.jpg",

  660. 				"cat": 2

  661. 			},

  662. 			{

  663. 				"name": "婴儿车",

  664. 				"key": "婴儿车",

  665. 				"icon": "http://img.kiwifruits.cn/classify/8/14.jpg",

  666. 				"cat": 2

  667. 			}

  668. 		]

  669. 	},

  670. 	{

  671. 		"name": "箱包",

  672. 		"foods": [{

  673. 				"name": "单肩包",

  674. 				"key": "单肩包",

  675. 				"icon": "http://img.kiwifruits.cn/classify/9/1.jpg",

  676. 				"cat": 0

  677. 			},

  678. 			{

  679. 				"name": "斜挎包",

  680. 				"key": "斜挎包",

  681. 				"icon": "http://img.kiwifruits.cn/classify/9/2.jpg",

  682. 				"cat": 0

  683. 			},

  684. 			{

  685. 				"name": "女包",

  686. 				"key": "女包",

  687. 				"icon": "http://img.kiwifruits.cn/classify/9/3.jpg",

  688. 				"cat": 0

  689. 			},

  690. 			{

  691. 				"name": "男包",

  692. 				"key": "男包",

  693. 				"icon": "http://img.kiwifruits.cn/classify/9/4.jpg",

  694. 				"cat": 0

  695. 			},

  696. 			{

  697. 				"name": "双肩包",

  698. 				"key": "双肩包",

  699. 				"icon": "http://img.kiwifruits.cn/classify/9/5.jpg",

  700. 				"cat": 0

  701. 			},

  702. 			{

  703. 				"name": "小方包",

  704. 				"key": "小方包",

  705. 				"icon": "http://img.kiwifruits.cn/classify/9/6.jpg",

  706. 				"cat": 0

  707. 			},

  708. 			{

  709. 				"name": "钱包",

  710. 				"key": "钱包",

  711. 				"icon": "http://img.kiwifruits.cn/classify/9/7.jpg",

  712. 				"cat": 0

  713. 			},

  714. 			{

  715. 				"name": "旅行箱包",

  716. 				"key": "旅行箱包",

  717. 				"icon": "http://img.kiwifruits.cn/classify/9/8.jpg",

  718. 				"cat": 0

  719. 			},

  720. 			{

  721. 				"name": "零钱包",

  722. 				"key": "零钱包",

  723. 				"icon": "http://img.kiwifruits.cn/classify/9/9.jpg",

  724. 				"cat": 0

  725. 			},

  726. 			{

  727. 				"name": "手提包",

  728. 				"key": "手提包",

  729. 				"icon": "http://img.kiwifruits.cn/classify/9/10.jpg",

  730. 				"cat": 0

  731. 			},

  732. 			{

  733. 				"name": "胸包",

  734. 				"key": "胸包",

  735. 				"icon": "http://img.kiwifruits.cn/classify/9/11.jpg",

  736. 				"cat": 0

  737. 			}

  738. 		]

  739. 	},

  740. 	{

  741. 		"name": "内衣",

  742. 		"foods": [{

  743. 				"name": "袜子",

  744. 				"key": "袜子",

  745. 				"icon": "http://img.kiwifruits.cn/classify/10/1.jpg",

  746. 				"cat": 11

  747. 			},

  748. 			{

  749. 				"name": "吊带背心",

  750. 				"key": "吊带背心",

  751. 				"icon": "http://img.kiwifruits.cn/classify/10/2.jpg",

  752. 				"cat": 11

  753. 			},

  754. 			{

  755. 				"name": "抹胸",

  756. 				"key": "抹胸",

  757. 				"icon": "http://img.kiwifruits.cn/classify/10/3.jpg",

  758. 				"cat": 11

  759. 			},

  760. 			{

  761. 				"name": "内裤",

  762. 				"key": "内裤",

  763. 				"icon": "http://img.kiwifruits.cn/classify/10/4.jpg",

  764. 				"cat": 11

  765. 			},

  766. 			{

  767. 				"name": "文胸",

  768. 				"key": "文胸",

  769. 				"icon": "http://img.kiwifruits.cn/classify/10/5.jpg",

  770. 				"cat": 11

  771. 			},

  772. 			{

  773. 				"name": "文胸套装",

  774. 				"key": "文胸套装",

  775. 				"icon": "http://img.kiwifruits.cn/classify/10/6.jpg",

  776. 				"cat": 11

  777. 			},

  778. 			{

  779. 				"name": "打底塑身",

  780. 				"key": "打底塑身",

  781. 				"icon": "http://img.kiwifruits.cn/classify/10/7.jpg",

  782. 				"cat": 11

  783. 			},

  784. 			{

  785. 				"name": "家居服",

  786. 				"key": "家居服",

  787. 				"icon": "http://img.kiwifruits.cn/classify/10/8.jpg",

  788. 				"cat": 11

  789. 			},

  790. 			{

  791. 				"name": "船袜",

  792. 				"key": "船袜",

  793. 				"icon": "http://img.kiwifruits.cn/classify/10/9.jpg",

  794. 				"cat": 11

  795. 			},

  796. 			{

  797. 				"name": "情侣睡衣",

  798. 				"key": "情侣睡衣",

  799. 				"icon": "http://img.kiwifruits.cn/classify/10/10.jpg",

  800. 				"cat": 11

  801. 			},

  802. 			{

  803. 				"name": "丝袜",

  804. 				"key": "丝袜",

  805. 				"icon": "http://img.kiwifruits.cn/classify/10/11.jpg",

  806. 				"cat": 11

  807. 			}

  808. 		]

  809. 	},

  810. 	{

  811. 		"name": "文娱车品",

  812. 		"foods": [{

  813. 				"name": "车市车品",

  814. 				"key": "车市车品",

  815. 				"icon": "http://img.kiwifruits.cn/classify/11/1.jpg",

  816. 				"cat": 7

  817. 			},

  818. 			{

  819. 				"name": "办公文具",

  820. 				"key": "办公文具",

  821. 				"icon": "http://img.kiwifruits.cn/classify/11/2.jpg",

  822. 				"cat": 7

  823. 			},

  824. 			{

  825. 				"name": "考试必备",

  826. 				"key": "考试必备",

  827. 				"icon": "http://img.kiwifruits.cn/classify/11/3.jpg",

  828. 				"cat": 7

  829. 			},

  830. 			{

  831. 				"name": "笔记本",

  832. 				"key": "笔记本",

  833. 				"icon": "http://img.kiwifruits.cn/classify/11/4.jpg",

  834. 				"cat": 7

  835. 			},

  836. 			{

  837. 				"name": "艺术礼品",

  838. 				"key": "礼品",

  839. 				"icon": "http://img.kiwifruits.cn/classify/11/5.jpg",

  840. 				"cat": 7

  841. 			},

  842. 			{

  843. 				"name": "书写工具",

  844. 				"key": "书写工具",

  845. 				"icon": "http://img.kiwifruits.cn/classify/11/6.jpg",

  846. 				"cat": 7

  847. 			},

  848. 			{

  849. 				"name": "车载电器",

  850. 				"key": "车载电器",

  851. 				"icon": "http://img.kiwifruits.cn/classify/11/7.jpg",

  852. 				"cat": 7

  853. 			},

  854. 			{

  855. 				"name": "图书音像",

  856. 				"key": "图书音像",

  857. 				"icon": "http://img.kiwifruits.cn/classify/11/8.jpg",

  858. 				"cat": 7

  859. 			},

  860. 			{

  861. 				"name": "画具画材",

  862. 				"key": "画具画材",

  863. 				"icon": "http://img.kiwifruits.cn/classify/11/9.jpg",

  864. 				"cat": 7

  865. 			}

  866. 		]

  867. 	},

  868. 	{

  869. 		"name": "配饰",

  870. 		"foods": [{

  871. 				"name": "太阳镜",

  872. 				"key": "太阳镜",

  873. 				"icon": "http://img.kiwifruits.cn/classify/12/1.jpg",

  874. 				"cat": 0

  875. 			},

  876. 			{

  877. 				"name": "皮带",

  878. 				"key": "皮带",

  879. 				"icon": "http://img.kiwifruits.cn/classify/12/2.jpg",

  880. 				"cat": 0

  881. 			},

  882. 			{

  883. 				"name": "棒球帽",

  884. 				"key": "棒球帽",

  885. 				"icon": "http://img.kiwifruits.cn/classify/12/3.jpg",

  886. 				"cat": 0

  887. 			},

  888. 			{

  889. 				"name": "手表",

  890. 				"key": "手表",

  891. 				"icon": "http://img.kiwifruits.cn/classify/12/4.jpg",

  892. 				"cat": 0

  893. 			},

  894. 			{

  895. 				"name": "发饰",

  896. 				"key": "发饰",

  897. 				"icon": "http://img.kiwifruits.cn/classify/12/5.jpg",

  898. 				"cat": 0

  899. 			},

  900. 			{

  901. 				"name": "项链",

  902. 				"key": "项链",

  903. 				"icon": "http://img.kiwifruits.cn/classify/12/6.jpg",

  904. 				"cat": 0

  905. 			},

  906. 			{

  907. 				"name": "手饰",

  908. 				"key": "手饰",

  909. 				"icon": "http://img.kiwifruits.cn/classify/12/7.jpg",

  910. 				"cat": 0

  911. 			},

  912. 			{

  913. 				"name": "耳环",

  914. 				"key": "耳环",

  915. 				"icon": "http://img.kiwifruits.cn/classify/12/8.jpg",

  916. 				"cat": 0

  917. 			},

  918. 			{

  919. 				"name": "帽子丝巾",

  920. 				"key": "帽子丝巾",

  921. 				"icon": "http://img.kiwifruits.cn/classify/12/9.jpg",

  922. 				"cat": 0

  923. 			},

  924. 			{

  925. 				"name": "眼镜墨镜",

  926. 				"key": "眼镜墨镜",

  927. 				"icon": "http://img.kiwifruits.cn/classify/12/10.jpg",

  928. 				"cat": 0

  929. 			},

  930. 			{

  931. 				"name": "发带发箍",

  932. 				"key": "发带发箍",

  933. 				"icon": "http://img.kiwifruits.cn/classify/12/11.jpg",

  934. 				"cat": 0

  935. 			}

  936. 		]

  937. 	},

  938. 	{

  939. 		"name": "家装家纺",

  940. 		"foods": [{

  941. 				"name": "家居饰品",

  942. 				"key": "家居饰品",

  943. 				"icon": "http://img.kiwifruits.cn/classify/13/1.jpg",

  944. 				"cat": 0

  945. 			},

  946. 			{

  947. 				"name": "凉席",

  948. 				"key": "凉席",

  949. 				"icon": "http://img.kiwifruits.cn/classify/13/2.jpg",

  950. 				"cat": 0

  951. 			},

  952. 			{

  953. 				"name": "背枕靠枕",

  954. 				"key": "靠枕",

  955. 				"icon": "http://img.kiwifruits.cn/classify/13/3.jpg",

  956. 				"cat": 0

  957. 			},

  958. 			{

  959. 				"name": "床上用品",

  960. 				"key": "床上用品",

  961. 				"icon": "http://img.kiwifruits.cn/classify/13/4.jpg",

  962. 				"cat": 0

  963. 			},

  964. 			{

  965. 				"name": "摆件",

  966. 				"key": "摆件",

  967. 				"icon": "http://img.kiwifruits.cn/classify/13/5.jpg",

  968. 				"cat": 0

  969. 			},

  970. 			{

  971. 				"name": "四件套",

  972. 				"key": "四件套",

  973. 				"icon": "http://img.kiwifruits.cn/classify/13/6.jpg",

  974. 				"cat": 0

  975. 			},

  976. 			{

  977. 				"name": "装饰品",

  978. 				"key": "装饰品",

  979. 				"icon": "http://img.kiwifruits.cn/classify/13/7.jpg",

  980. 				"cat": 0

  981. 			},

  982. 			{

  983. 				"name": "卫浴用品",

  984. 				"key": "卫浴",

  985. 				"icon": "http://img.kiwifruits.cn/classify/13/8.jpg",

  986. 				"cat": 0

  987. 			},

  988. 			{

  989. 				"name": "家居家装",

  990. 				"key": "家具",

  991. 				"icon": "http://img.kiwifruits.cn/classify/13/9.jpg",

  992. 				"cat": 0

  993. 			},

  994. 			{

  995. 				"name": "蚊帐",

  996. 				"key": "蚊帐",

  997. 				"icon": "http://img.kiwifruits.cn/classify/13/10.jpg",

  998. 				"cat": 0

  999. 			},

  1000. 			{

  1001. 				"name": "墙纸贴纸",

  1002. 				"key": "墙纸",

  1003. 				"icon": "http://img.kiwifruits.cn/classify/13/11.jpg",

  1004. 				"cat": 0

  1005. 			},

  1006. 			{

  1007. 				"name": "空调被",

  1008. 				"key": "空调被",

  1009. 				"icon": "http://img.kiwifruits.cn/classify/13/12.jpg",

  1010. 				"cat": 0

  1011. 			}

  1012. 		]

  1013. 	},

  1014. 	{

  1015. 		"name": "户外运动",

  1016. 		"foods": [{

  1017. 				"name": "游泳装备",

  1018. 				"key": "游泳",

  1019. 				"icon": "http://img.kiwifruits.cn/classify/14/1.jpg",

  1020. 				"cat": 0

  1021. 			},

  1022. 			{

  1023. 				"name": "泳镜",

  1024. 				"key": "泳镜",

  1025. 				"icon": "http://img.kiwifruits.cn/classify/14/2.jpg",

  1026. 				"cat": 0

  1027. 			},

  1028. 			{

  1029. 				"name": "户外装备",

  1030. 				"key": "户外",

  1031. 				"icon": "http://img.kiwifruits.cn/classify/14/3.jpg",

  1032. 				"cat": 0

  1033. 			},

  1034. 			{

  1035. 				"name": "健身服饰",

  1036. 				"key": "健身",

  1037. 				"icon": "http://img.kiwifruits.cn/classify/14/4.jpg",

  1038. 				"cat": 0

  1039. 			},

  1040. 			{

  1041. 				"name": "泳衣",

  1042. 				"key": "泳衣",

  1043. 				"icon": "http://img.kiwifruits.cn/classify/14/5.jpg",

  1044. 				"cat": 0

  1045. 			},

  1046. 			{

  1047. 				"name": "瑜伽垫",

  1048. 				"key": "瑜伽垫",

  1049. 				"icon": "http://img.kiwifruits.cn/classify/14/6.jpg",

  1050. 				"cat": 0

  1051. 			},

  1052. 			{

  1053. 				"name": "瑜伽用品",

  1054. 				"key": "瑜伽",

  1055. 				"icon": "http://img.kiwifruits.cn/classify/14/7.jpg",

  1056. 				"cat": 0

  1057. 			},

  1058. 			{

  1059. 				"name": "健身装备",

  1060. 				"key": "健身",

  1061. 				"icon": "http://img.kiwifruits.cn/classify/14/8.jpg",

  1062. 				"cat": 0

  1063. 			},

  1064. 			{

  1065. 				"name": "球迷用品",

  1066. 				"key": "球迷",

  1067. 				"icon": "http://img.kiwifruits.cn/classify/14/9.jpg",

  1068. 				"cat": 0

  1069. 			}

  1070. 		]

  1071. 	}

  1072. ]

原文地址：https://blog.csdn.net/weixin_44816309/article/details/106869588

评价

uni-app开始时间与结束时间（结束时间大于开始时间）picker编写
利用uni-app官网里面picker插件代码当点击开始时间后结束时间要大于选择后的开始时间，点击结束时间后开始时间要小于开始时...

uni-app用法与html标签的变化
以前是html标签，比如，现在是小程序组件，比如。那么标签和组件有什么区别，不都是用尖括号包围起来一段英文吗？其实标签...

uni-app无法导入插件
点击网页中右上角的插件导入，可以打开项目，但是就是无法导入插件。是因为，要登录！hbuilder里边也要登录才行，他这个应...

使用uni-app的云端一体插件
初次使用uni-app的云端一体插件步骤还是有点多，也有一些坑，在这里把使用过程记录一下。 一：先下载需要的插件在插件右上...

uni-app中list插件图标问题
如图：他使用uni-icons实现的如果只有text就不会有图标有时候贴的文档不是太完善，还是要下一个完整的插件来对比一下

uni-app发起请求
代码如下：uni.request({ url:&#39;接口地址&#39;, success:(result)=&gt;{ my.lists=result.data; } })注意你的...

uni-app官方文档
https://uniapp.dcloud.io/

uni-app运行与调试
上边有菜单，可以运行到浏览器，也可以运行到内置浏览器运行到内置浏览器的效果：

uni-app引入外部资源，引入外网样式
很简单代码如下：&lt;style&gt; @import&#39;http://image.tnblog.net/amazeui.min.css&#39;; &lt;/style&gt; &lt;st...

uni-app设置起始页
很简单，在pages.json里边配置即可。

uni-app页面无法跳转问题
首先检查一下有没有在pages里边配置没有配置不行的哦或者看看你的跳转方式对不对，如果跳转的是底部菜单，但是你用的是uni....

uni-app 删除失败 setting denied access to....
删除的时候如果文件夹下面还有页面，这样直接删除文件夹是会报错的：删除失败 setting denied access to....这种情况就直接...

uni-app中引入外部js
可以使用代码如下：varscript=document.createElement(&#39;script&#39;); script.src=&quot;http://image.tnblog.net/jqu...

uni-app dom操作
比如引入外部js需要用到的dom操作:varscript=document.createElement(&#39;script&#39;); script.src=&quot;http://image....

uni-app使用web-view引入页面
代码如下：&lt;template&gt; &lt;viewclass=&quot;h5-html&quot;&gt; &lt;web-view:webview-styles=&quot;webviewStyl...

uni-app真机调试
很简单只要手机开启了usb调试，然后hbuilderx会自动获取到手机的然后运行到手机即可华为手机开启use调试：一直点击版本号进...
旧年素颜,君记否
博主信息
排名
15
文章
52
粉丝
1
评论
2
文章类别
最新文章
最新评价
关于我们
ICP备案 ：渝ICP备18016597号-1
网站信息：2018-2025TNBLOG.NET
技术交流：群号656732739
联系我们：contact@tnblog.net
公网安备：50010702506256
欢迎加群
欢迎加群交流技术