• uni-app：实现页面效果2（canvas绘制，根据页面宽度调整元素位置）

    效果

     

    代码

    1. <template>
    2. 	<view>
    3. 		
    4. 		<view class="content_position">
    5. 			<view class="content">
    6. 				<view class="SN">
    7. 					<view class="SN_title">设备1view>
    8. 					<view class="SN_input">
    9. 						SN：
    10. 						<input type="text">
    11. 						
    12. 					view>
    13. 				view>
    14. 				<view class="line1">
    15. 					<view class="line1_item3">
    16. 						<view class="item3_top">
    17. 							<view class="item3_top_title_position">
    18. 								<view class="item3_top_title">
    19. 									<view>CO/VIview>
    20. 								view>
    21. 							view>
    22. 							<view class="item3_top_canvas_position">
    23. 								<canvas style="width:100%; height: 80px;" canvas-id="firstCanvas"
    24. 									id="firstCanvas">canvas>
    25. 							view>
    26. 							<view class="item3_top_text_position">
    27. 								<view class="top_text1">
    28. 									<view>
    29. 										<view class="text_center">CO浓度值view>
    30. 										<view class="circle">
    31. 											<view>
    32. 												<view class="text_center">
    33. 													0
    34. 												view>
    35. 												<view class="text_center">
    36. 													PPM
    37. 												view>
    38. 											view>
    39. 										view>
    40. 									view>
    41. 								view>
    42. 								<view class="top_text2">
    43. 									<view>
    44. 										<view class="text_center">VI可见度view>
    45. 										<view class="circle">
    46. 											<view>
    47. 												<view class="text_center">
    48. 													0
    49. 												view>
    50. 												<view class="text_center">
    51. 													0M
    52. 												view>
    53. 											view>
    54. 										view>
    55. 									view>
    56. 								view>
    57. 							view>
    58. 						view>
    59. 						<view class="item3_bottom">
    60. 							<view class="line1_item3_block2">
    61. 								<view class="block2">
    62. 									<view class="title">
    63. 										CO信号输入
    64. 									view>
    65. 									<view class="green_ring_select">
    66. 										<view>DI7view>
    67. 										<view>
    68. 											<image :src="down" mode="">image>
    69. 										view>
    70. 									view>
    71. 									<view class="block2_input">
    72. 										<view class="block2_input_title">
    73. 											量程
    74. 										view>
    75. 										<view class="block2_input_data">
    76. 											<input type="text" value="0PPM">
    77. 											<input type="text" value="300PPM">
    78. 										view>
    79. 									view>
    80. 								view>
    81. 							view>
    82. 							<view class="line1_item3_block2">
    83. 								<view class="block2">
    84. 									<view class="title">
    85. 										CO信号输入
    86. 									view>
    87. 									<view class="green_ring_select">
    88. 										<view>DI7view>
    89. 										<view>
    90. 											<image :src="down" mode="">image>
    91. 										view>
    92. 									view>
    93. 									<view class="block2_input">
    94. 										<view class="block2_input_title">
    95. 											量程
    96. 										view>
    97. 										<view class="block2_input_data">
    98. 											<input type="text" value="0M">
    99. 											<input type="text" value="5000M">
    100. 										view>
    101. 									view>
    102. 								view>
    103. 							view>
    104. 						view>
    105. 					view>
    106. 				view>
    107. 			view>
    108. 		view>
    109. 	view>
    110. template>
    111.  
    112. <script>
    113. 	export default {
    114. 		data() {
    115. 			return {
    116. 				down: getApp().globalData.icon + 'look/down.png',
    117. 			}
    118. 		},
    119. 		onReady: function(e) {
    120. 			//创建一个画布上下文对象，用于进行绘图操作。'firstCanvas'是一个指定的画布标识符，表示在页面上的哪个  元素上进行绘制。
    121. 			var context = uni.createCanvasContext('firstCanvas')
    122. 			var width = '';
    123. 			const query = uni.createSelectorQuery();
    124. 			//获取宽度
    125. 			query.select('#firstCanvas').fields({
    126. 				size: true
    127. 			}, (res) => {
    128. 				width = res.width;
    129. 			}).exec();
    130.  
    131. 			//绘制路径中的线条。
    132. 			context.setStrokeStyle("#aaaaff")
    133. 			// 设置线条的宽度为2个像素。
    134. 			context.setLineWidth(2)
    135. 			// 绘制横线
    136. 			context.beginPath(); // 开始路径绘制
    137. 			context.moveTo(width / 2, 0); // 将起点移动到 (0, 100)
    138. 			context.lineTo(width / 2, 50);
    139. 			context.stroke(); // 绘制线条
    140. 			var x1 = width / 4; // 第一个竖线的起点 x 坐标
    141. 			var y1 = 50; // 第一个竖线的起点 y 坐标
    142. 			var y2 = 30; // 短竖线的高度
    143. 			var horizontalLength = width / 2; // 横线的长度
    144. 			context.beginPath();
    145. 			context.moveTo(x1, y1 + y2); // 移动到第一个短竖线的起点
    146. 			context.lineTo(x1, y1); // 绘制第一个短竖线
    147. 			context.moveTo(x1 + horizontalLength, y1 + y2); // 移动到横线的右端下方
    148. 			context.lineTo(x1 + horizontalLength, y1); // 绘制第二个短竖线
    149. 			context.moveTo(x1, y1); // 移动到横线的左端下方
    150. 			context.lineTo(x1 + horizontalLength, y1); // 绘制横线/*  */
    151. 			context.stroke(); // 绘制线条
    152. 			// 将之前的绘图操作渲染到画布上。
    153. 			context.draw()
    154.  
    155. 			// 获取父元素的宽度
    156. 			var parentWidth = document.querySelector('.item3_top_text_position').offsetWidth;
    157. 			console.log(parentWidth);
    158. 			// 计算margin-left的值
    159. 			var marginLeft = parentWidth / 4;
    160. 			// 设置样式
    161. 			document.querySelector('.top_text2').style.marginLeft = marginLeft + 'px';
    162. 			document.querySelector('.top_text1').style.marginLeft = '-' + marginLeft + 'px';
    163. 		},
    164. 		methods: {
    165.  
    166. 		}
    167. 	}
    168. script>
    169.  
    170. <style lang="scss">
    171. 	page {
    172. 		background-color: #f3f4f6;
    173. 	}
    174.  
    175. 	.text_center {
    176. 		display: flex;
    177. 		justify-content: center;
    178. 	}
    179.  
    180. 	/* 总体样式 */
    181. 	.content_position {
    182. 		width: 100%;
    183. 		display: flex;
    184. 		align-items: center;
    185. 		justify-content: center;
    186. 	}
    187.  
    188. 	.content {
    189. 		width: 90%;
    190. 		padding: 2% 0;
    191.  
    192. 	}
    193.  
    194. 	/* SN 样式 */
    195. 	.SN {
    196. 		color: #6b6c6e;
    197. 		padding: 2%;
    198. 		display: flex;
    199. 		// border:1px solid black;
    200. 		justify-content: space-between;
    201.  
    202. 		/* 将左右视图分散对齐 */
    203. 		.SN_input {
    204. 			display: flex;
    205.  
    206. 			// border:1px solid black;
    207. 			input {
    208. 				border-bottom: 1px solid #a3a4a6;
    209. 				width: 200rpx;
    210. 			}
    211.  
    212. 			image {
    213. 				width: 48rpx;
    214. 				height: 48rpx;
    215. 			}
    216. 		}
    217. 	}
    218.  
    219. 	// 行1样式
    220. 	.line1 {
    221. 		// border: 1px solid black;
    222. 		background-color: #fff;
    223. 		border-radius: 15px;
    224. 		margin: 3% 0;
    225. 		padding: 3% 0;
    226. 	}
    227.  
    228. 	.line1_item3 {
    229.  
    230. 		// 顶部样式
    231. 		.item3_top {
    232. 			// position:relative;s
    233. 		}
    234.  
    235. 		//第一行标题
    236. 		//标题位置
    237. 		.item3_top_title_position {
    238. 			// border: 1px solid black;
    239. 			display: flex;
    240. 			align-items: center;
    241. 			justify-content: center;
    242. 		}
    243.  
    244. 		//标题内容
    245. 		.item3_top_title {
    246. 			width: 160rpx;
    247. 			height: 160rpx;
    248. 			border-radius: 50%;
    249. 			background-color: #edf1fc;
    250. 			color: #8196ec;
    251. 			font-size: 120%;
    252. 			font-weight: bold;
    253. 			display: flex;
    254. 			align-items: center;
    255. 			justify-content: center;
    256. 			// border:1px solid black
    257. 		}
    258.  
    259. 		//画布位置
    260. 		.item3_top_canvas_position {
    261. 			// border: 1px solid black;
    262. 			display: flex;
    263. 			align-items: center;
    264. 			justify-content: center;
    265. 		}
    266.  
    267. 		//文本位置
    268. 		.item3_top_text_position {
    269. 			// border: 1px solid black;
    270. 			position: relative;
    271. 			height: 400rpx;
    272. 		}
    273.  
    274. 		.top_text1 {
    275. 			position: absolute;
    276. 			left: 50%;
    277. 			transform: translateX(-50%);
    278. 			margin-left: -85px;
    279. 			// border: 1px solid black;
    280. 			width: 220rpx;
    281. 			height: 350rpx;
    282. 			background-color: #edf1fc;
    283. 			border-radius: 10px;
    284. 			display: flex;
    285. 			align-items: center;
    286. 			justify-content: center;
    287. 		}
    288.  
    289. 		.top_text2 {
    290. 			position: absolute;
    291. 			left: 50%;
    292. 			transform: translateX(-50%);
    293. 			margin-left: 85px;
    294. 			// border: 1px solid black;
    295. 			width: 220rpx;
    296. 			height: 350rpx;
    297. 			background-color: #edf1fc;
    298. 			border-radius: 10px;
    299. 			display: flex;
    300. 			align-items: center;
    301. 			justify-content: center;
    302. 		}
    303.  
    304. 		.circle {
    305. 			width: 140rpx;
    306. 			height: 140rpx;
    307. 			border-radius: 50%;
    308. 			font-size: 95%;
    309. 			display: flex;
    310. 			align-items: center;
    311. 			justify-content: center;
    312. 			background-color: #e8e8e8;
    313. 		}
    314.  
    315.  
    316.  
    317. 		// 底部样式
    318. 		.item3_bottom {
    319. 			display: flex;
    320. 			justify-content: space-between; //分散排列
    321. 			// border: 1px solid black;
    322. 		}
    323.  
    324. 		//两列
    325. 		.line1_item3_block2 {
    326. 			display: flex;
    327. 			text-align: center;
    328.  
    329. 			margin: 0 5%; //增加底部两个模块之间的距离
    330. 		}
    331.  
    332. 		//两个小块样式
    333. 		.block2_input {
    334. 			margin: 5% 0;
    335. 			display: flex;
    336. 		}
    337.  
    338. 		// 底部两小块标题
    339. 		.block2_input_title {
    340. 			width: 30%;
    341. 			display: flex;
    342. 			align-items: center; //竖直居中
    343. 			justify-content: center; //水平居中
    344. 			// border: 1px solid black;
    345. 		}
    346.  
    347. 		.block2_input_data {
    348. 			width: 70%;
    349. 		}
    350.  
    351. 		.block2_input_data input {
    352. 			margin: 5% 0;
    353. 			border: 1px solid #808080;
    354. 			border-radius: 20px;
    355. 			padding: 2% 5%;
    356. 			color: #737373;
    357. 			text-align: right;
    358.  
    359. 		}
    360.  
    361. 		//绿环样式
    362. 		.green_ring_select {
    363. 			background-color: #6da54f;
    364. 			border-radius: 20px;
    365. 			color: #fff;
    366. 			font-size: 95%;
    367. 			display: flex;
    368. 			align-items: center;
    369. 			padding: 1% 0;
    370. 			margin: 5% 0;
    371.  
    372. 			// width:200rpx;
    373. 			view:nth-child(1) {
    374. 				width: 60%;
    375. 				display: flex;
    376. 				justify-content: center;
    377. 				align-items: center;
    378. 			}
    379.  
    380. 			view:nth-child(2) {
    381. 				width: 40%;
    382. 				display: flex;
    383. 				justify-content: center;
    384. 				align-items: center;
    385.  
    386. 				image {
    387. 					width: 30rpx;
    388. 					height: 30rpx;
    389. 				}
    390. 			}
    391.  
    392. 		}
    393. 	}
    394. style>

    上面的额问题或许在手机端执行会出现问题 ，修改后的代码

    1. <template>
    2. 	<view>
    3. 		
    4. 		<view class="content_position">
    5. 			<view class="content">
    6. 				<view class="SN">
    7. 					<view class="SN_title">设备1view>
    8. 					<view class="SN_input">
    9. 						SN：
    10. 						<input type="text">
    11. 						
    12. 					view>
    13. 				view>
    14. 				<view class="line1">
    15. 					<view class="line1_item3">
    16. 						<view class="item3_top">
    17. 							<view class="item3_top_title_position">
    18. 								<view class="item3_top_title">
    19. 									<view>CO/VIview>
    20. 								view>
    21. 							view>
    22. 							<view class="item3_top_canvas_position">
    23. 								<canvas style="width:100%; height: 80px;" canvas-id="firstCanvas"
    24. 									id="firstCanvas">canvas>
    25. 							view>
    26. 							<view class="item3_top_text_position">
    27. 								<view class="top_text1" ref="myView1" :style="{ marginLeft: marginLeft1 + 'px' }">
    28. 									<view>
    29. 										<view class="text_center">CO浓度值view>
    30. 										<view class="circle">
    31. 											<view>
    32. 												<view class="text_center">
    33. 													0
    34. 												view>
    35. 												<view class="text_center">
    36. 													PPM
    37. 												view>
    38. 											view>
    39. 										view>
    40. 									view>
    41. 								view>
    42. 								<view class="top_text2" ref="myView2" :style="{ marginLeft: marginLeft2 + 'px'}">
    43. 									<view>
    44. 										<view class="text_center">VI可见度view>
    45. 										<view class="circle">
    46. 											<view>
    47. 												<view class="text_center">
    48. 													0
    49. 												view>
    50. 												<view class="text_center">
    51. 													0M
    52. 												view>
    53. 											view>
    54. 										view>
    55. 									view>
    56. 								view>
    57. 							view>
    58. 						view>
    59. 						<view class="item3_bottom">
    60. 							<view class="line1_item3_block2">
    61. 								<view class="block2">
    62. 									<view class="title">
    63. 										CO信号输入
    64. 									view>
    65. 									<view class="green_ring_select">
    66. 										<view>DI7view>
    67. 										<view>
    68. 											<image :src="down" mode="">image>
    69. 										view>
    70. 									view>
    71. 									<view class="block2_input">
    72. 										<view class="block2_input_title">
    73. 											量程
    74. 										view>
    75. 										<view class="block2_input_data">
    76. 											<input type="text" value="0PPM">
    77. 											<input type="text" value="300PPM">
    78. 										view>
    79. 									view>
    80. 								view>
    81. 							view>
    82. 							<view class="line1_item3_block2">
    83. 								<view class="block2">
    84. 									<view class="title">
    85. 										CO信号输入
    86. 									view>
    87. 									<view class="green_ring_select">
    88. 										<view>DI7view>
    89. 										<view>
    90. 											<image :src="down" mode="">image>
    91. 										view>
    92. 									view>
    93. 									<view class="block2_input">
    94. 										<view class="block2_input_title">
    95. 											量程
    96. 										view>
    97. 										<view class="block2_input_data">
    98. 											<input type="text" value="0M">
    99. 											<input type="text" value="5000M">
    100. 										view>
    101. 									view>
    102. 								view>
    103. 							view>
    104. 						view>
    105. 					view>
    106. 				view>
    107. 			view>
    108. 		view>
    109. 	view>
    110. template>
    111.  
    112. <script>
    113. 	export default {
    114. 		data() {
    115. 			return {
    116. 				down: getApp().globalData.icon + 'look/down.png',
    117. 				marginLeft1: 0, // 子元素的外边距
    118. 				marginLeft2: 0, // 子元素的外边距
    119. 			}
    120. 		},
    121. 		onReady: function(e) {
    122. 			//创建一个画布上下文对象，用于进行绘图操作。'firstCanvas'是一个指定的画布标识符，表示在页面上的哪个  元素上进行绘制。
    123. 			var context = uni.createCanvasContext('firstCanvas')
    124. 			var width = '';
    125. 			const query = uni.createSelectorQuery();
    126. 			//获取宽度
    127. 			query.select('#firstCanvas').fields({
    128. 				size: true
    129. 			}, (res) => {
    130. 				width = res.width;
    131. 				//获取到宽度进行绘制
    132. 				//绘制路径中的线条。
    133. 				context.setStrokeStyle("#aaaaff")
    134. 				// 设置线条的宽度为2个像素。
    135. 				context.setLineWidth(2)
    136. 				// 绘制横线
    137. 				context.beginPath(); // 开始路径绘制
    138. 				context.moveTo(width / 2, 0); // 将起点移动到 (0, 100)
    139. 				context.lineTo(width / 2, 50);
    140. 				context.stroke(); // 绘制线条
    141. 				var x1 = width / 4; // 第一个竖线的起点 x 坐标
    142. 				var y1 = 50; // 第一个竖线的起点 y 坐标
    143. 				var y2 = 30; // 短竖线的高度
    144. 				var horizontalLength = width / 2; // 横线的长度
    145. 				context.beginPath();
    146. 				context.moveTo(x1, y1 + y2); // 移动到第一个短竖线的起点
    147. 				context.lineTo(x1, y1); // 绘制第一个短竖线
    148. 				context.moveTo(x1 + horizontalLength, y1 + y2); // 移动到横线的右端下方
    149. 				context.lineTo(x1 + horizontalLength, y1); // 绘制第二个短竖线
    150. 				context.moveTo(x1, y1); // 移动到横线的左端下方
    151. 				context.lineTo(x1 + horizontalLength, y1); // 绘制横线/*  */
    152. 				context.stroke(); // 绘制线条
    153. 				// 将之前的绘图操作渲染到画布上。
    154. 				context.draw()
    155. 			}).exec();
    156. 			//获取父元素宽度
    157. 			query.select('.item3_top_text_position').fields({
    158. 				size: true
    159. 			}, (res) => {
    160. 				const parentWidth = res.width;
    161. 				// console.log("父元素的宽度：" + parentWidth)
    162. 				var marginLeft = parentWidth / 4;
    163. 				this.marginLeft1 = marginLeft;
    164. 				this.marginLeft2 = '-' + marginLeft;
    165. 			}).exec();
    166. 		},
    167. 		methods: {
    168.  
    169. 		}
    170. 	}
    171. script>
    172.  
    173. <style lang="scss">
    174. 	page {
    175. 		background-color: #f3f4f6;
    176. 	}
    177.  
    178. 	.text_center {
    179. 		display: flex;
    180. 		justify-content: center;
    181. 	}
    182.  
    183. 	/* 总体样式 */
    184. 	.content_position {
    185. 		width: 100%;
    186. 		display: flex;
    187. 		align-items: center;
    188. 		justify-content: center;
    189. 	}
    190.  
    191. 	.content {
    192. 		width: 90%;
    193. 		padding: 2% 0;
    194.  
    195. 	}
    196.  
    197. 	/* SN 样式 */
    198. 	.SN {
    199. 		color: #6b6c6e;
    200. 		padding: 2%;
    201. 		display: flex;
    202. 		// border:1px solid black;
    203. 		justify-content: space-between;
    204.  
    205. 		/* 将左右视图分散对齐 */
    206. 		.SN_input {
    207. 			display: flex;
    208.  
    209. 			// border:1px solid black;
    210. 			input {
    211. 				border-bottom: 1px solid #a3a4a6;
    212. 				width: 200rpx;
    213. 			}
    214.  
    215. 			image {
    216. 				width: 48rpx;
    217. 				height: 48rpx;
    218. 			}
    219. 		}
    220. 	}
    221.  
    222. 	// 行1样式
    223. 	.line1 {
    224. 		// border: 1px solid black;
    225. 		background-color: #fff;
    226. 		border-radius: 15px;
    227. 		margin: 3% 0;
    228. 		padding: 3% 0;
    229. 	}
    230.  
    231. 	.line1_item3 {
    232.  
    233. 		// 顶部样式
    234. 		.item3_top {
    235. 			// position:relative;s
    236. 		}
    237.  
    238. 		//第一行标题
    239. 		//标题位置
    240. 		.item3_top_title_position {
    241. 			// border: 1px solid black;
    242. 			display: flex;
    243. 			align-items: center;
    244. 			justify-content: center;
    245. 		}
    246.  
    247. 		//标题内容
    248. 		.item3_top_title {
    249. 			width: 160rpx;
    250. 			height: 160rpx;
    251. 			border-radius: 50%;
    252. 			background-color: #edf1fc;
    253. 			color: #8196ec;
    254. 			font-size: 120%;
    255. 			font-weight: bold;
    256. 			display: flex;
    257. 			align-items: center;
    258. 			justify-content: center;
    259. 			// border:1px solid black
    260. 		}
    261.  
    262. 		//画布位置
    263. 		.item3_top_canvas_position {
    264. 			// border: 1px solid black;
    265. 			display: flex;
    266. 			align-items: center;
    267. 			justify-content: center;
    268. 		}
    269.  
    270. 		//文本位置
    271. 		.item3_top_text_position {
    272. 			// border: 1px solid black;
    273. 			position: relative;
    274. 			height: 400rpx;
    275. 		}
    276.  
    277. 		.top_text1 {
    278. 			position: absolute;
    279. 			left: 50%;
    280. 			transform: translateX(-50%);
    281. 			margin-left: -85px;
    282. 			// border: 1px solid black;
    283. 			width: 220rpx;
    284. 			height: 350rpx;
    285. 			background-color: #edf1fc;
    286. 			border-radius: 10px;
    287. 			display: flex;
    288. 			align-items: center;
    289. 			justify-content: center;
    290. 		}
    291.  
    292. 		.top_text2 {
    293. 			position: absolute;
    294. 			left: 50%;
    295. 			transform: translateX(-50%);
    296. 			margin-left: 85px;
    297. 			// border: 1px solid black;
    298. 			width: 220rpx;
    299. 			height: 350rpx;
    300. 			background-color: #edf1fc;
    301. 			border-radius: 10px;
    302. 			display: flex;
    303. 			align-items: center;
    304. 			justify-content: center;
    305. 		}
    306.  
    307. 		.circle {
    308. 			width: 140rpx;
    309. 			height: 140rpx;
    310. 			border-radius: 50%;
    311. 			font-size: 95%;
    312. 			display: flex;
    313. 			align-items: center;
    314. 			justify-content: center;
    315. 			background-color: #e8e8e8;
    316. 		}
    317.  
    318.  
    319.  
    320. 		// 底部样式
    321. 		.item3_bottom {
    322. 			display: flex;
    323. 			justify-content: space-between; //分散排列
    324. 			// border: 1px solid black;
    325. 		}
    326.  
    327. 		//两列
    328. 		.line1_item3_block2 {
    329. 			display: flex;
    330. 			text-align: center;
    331.  
    332. 			margin: 0 5%; //增加底部两个模块之间的距离
    333. 		}
    334.  
    335. 		//两个小块样式
    336. 		.block2_input {
    337. 			margin: 5% 0;
    338. 			display: flex;
    339. 		}
    340.  
    341. 		// 底部两小块标题
    342. 		.block2_input_title {
    343. 			width: 30%;
    344. 			display: flex;
    345. 			align-items: center; //竖直居中
    346. 			justify-content: center; //水平居中
    347. 			// border: 1px solid black;
    348. 		}
    349.  
    350. 		.block2_input_data {
    351. 			width: 70%;
    352. 		}
    353.  
    354. 		.block2_input_data input {
    355. 			margin: 5% 0;
    356. 			border: 1px solid #808080;
    357. 			border-radius: 20px;
    358. 			padding: 2% 5%;
    359. 			color: #737373;
    360. 			text-align: right;
    361.  
    362. 		}
    363.  
    364. 		//绿环样式
    365. 		.green_ring_select {
    366. 			background-color: #6da54f;
    367. 			border-radius: 20px;
    368. 			color: #fff;
    369. 			font-size: 95%;
    370. 			display: flex;
    371. 			align-items: center;
    372. 			padding: 1% 0;
    373. 			margin: 5% 0;
    374.  
    375. 			// width:200rpx;
    376. 			view:nth-child(1) {
    377. 				width: 60%;
    378. 				display: flex;
    379. 				justify-content: center;
    380. 				align-items: center;
    381. 			}
    382.  
    383. 			view:nth-child(2) {
    384. 				width: 40%;
    385. 				display: flex;
    386. 				justify-content: center;
    387. 				align-items: center;
    388.  
    389. 				image {
    390. 					width: 30rpx;
    391. 					height: 30rpx;
    392. 				}
    393. 			}
    394. 		}
    395. 	}
    396. style>

  • 相关阅读:
    【Halcon图像拟合圆】
    麒麟服务器系统挂载磁盘
    QSystemTrayIcon——实现系统托盘
    C#程序随系统启动例子 - 开源研究系列文章
    【Echarts多种曲线实例】Echarts多条曲线不同时间轴对比（附代码）
    高德地图JSAPI 2.0使用Java代码代替Nginx进行反向代理产生CORS跨域
    设计模式的一些笔记（个人见解参杂各个模式的用途，未完待续0907）
    Mysql高可用
    MySQL 深度分页性能急剧下降，该如何优化？
    TypeReference使用笔记
  • 原文地址：https://blog.csdn.net/weixin_46001736/article/details/133345919