• 停车场系统、智慧城市停车、智慧社区、物业管理、新能源充电、人脸门禁 uniapp 系统源码

    1. 智慧停车

    • 支持模式

      • 封闭性单个停车场
      • 路边停车(车位级管理)
      • 大小场(场中场)，多场子并行或嵌套

    • 所有者模式

      • 统一平台管理
      • 总平台下子账号(区域代理)自建场地资源，自行维护数据
      • 总平台下子账号(区域代理)再分配和单个停车场管理人员(物业管理/维保/保安/财务等人员)

    • 场站管理

      • 【车位控制】 
        精准的实时车位统计和数据及时推送到场地led/lcd屏幕，车位满后禁止车辆进入
      • 【责任制】 
        每个场地标记所有者，负责人信息，有需要直连联系实际控制负责人
      • 【完整证据链】 
        详细实时记录每一辆车进出时间/场地/进出口/值班人员/图片/视频/金额/优惠/车辆情况(车辆类型|套餐|颜色|品牌)/开闸情况

    • 值班调度

      • 【值守模式】 
        支持有人值守/无人值守/统一远程值守调度，数字数据全自动化录入，处理，资产数据产出并计算汇报展现
      • 【重复过滤】 
        支持入场二次确认，避免路过和倒车车辆误拍产生歧义账单。短时间内重复多次抓拍只记录一条数据
      • 【无处可逃】 
        出场跟车逃费标记，逃费入场提示追缴，补缴入场。支持单场追缴和全网追缴。黑名单通知，违法在逃车辆协同公安网络实时上报
      • 【万无一失】 
        入场车牌识别错误可手动校正车牌，出场识别错误自动模糊相似车牌尝试匹配
      • 【应急响应】 
        支持一键放行，处理紧急情况，手动免单。支持远程可视对讲。
      • 【特殊群体】 
        支持自定义公务车自动免单放行，例如警车，军车，大使馆车，消防车等
      • 【断电断网】 
        1. 断电支持值守人员手机一键进出场拍照录入，入场录入人工放行入场，出场时值守人员向车主展示账单，车主扫码支付离场。
        2. 断网支持硬件设备白名单快速自动放行。保障断网解决方案：增加车牌识别相机4G模块/或者使用双网络路由器(4G/有线智能切换)
      • 【安保互动】 
        支持入场时值守人员留言，出场时备注留言提示
      • 【一码识车】 
        新车无牌/车牌受污/车牌变形/非常规车牌无法识别/三轮代步车等，一键扫码自助入场，扫码缴费出场。公众号/小程序/APP数据一号互通

    • 进出控制与显示

      • 【私人定制】 
        1. 支持自定义车辆类型，每个停车场都可以单独对每种车辆类型设定独立的进出收费规则，放行规则，文字播报，语音提示，图片，视频等
        2. 例如黑名单禁止入场，且禁止录入数据，并提示。免费车，在有效期内，享受不一样的停车特权
      • 【停车VIP】 
        1. 每个停车场都可以独立发行内部和公开的车辆套餐产品，车主可以通过手机端新购和续费停车套餐，生效期进出无阻，套餐即将过期通知续费
        2. 例如黑名单禁止入场，且禁止录入数据，并提示。免费车，在有效期内，享受不一样的停车特权
      • 【特殊车辆】 
        例如日包车(白天停车免费)，夜包车(晚上停车免费)。支持特殊车辆自助购买和续费，弥补车辆套餐不够灵活的缺陷

    • 车位管理

      • 【多位多车】 
        支持一位多车和多位多车自动切换享受套餐停车特权
      • 【神圣私产】 
        支持车位级别管理，车位主人一键扫码升降地锁
      • 【车位共享】 
        支持公共车位扫码降锁入位，计时，超时扫码缴费降锁离场
      • 【快速停车】 
        手机端实时数据显示当前位置和目的地附近停车场车位情况(余位/价格/免停时长/禁停时段/车场图片/具体位置)，可一键导航到空位车
      • 【反向寻车】 
        1. 面对复杂多层大型停车场(例如：大型商场地下停车场，机场，超大型立体停车楼等)，忘记了自己停在几楼哪个车位，利用车位相机自动记录
        2. 您车辆所在楼层和车位，使用室内导航实时引导您走到你的车辆跟前，导航精度0.5米左右

    2. 智慧充电

    • 新能源汽车充电

    • 两轮/三轮电动车充电

    3. 智慧社区

    • 社区管理

    • 物业管理

    • 人脸门禁

    • 上门维修

    4. 电子支付

    • 本平台聚合支付

    • 第三方聚合支付

    • 银行支付

    • 无感支付

    5. 用户资源

    • 权限分配

    • 资源分配

    1. <template>
    2. 	<view>
    3. 		<view class="bgBox">
    4. 			<view class="flex">
    5. 				<image class="backIcon" src="../../static/images/jiantouLeft.png" mode="" @click="intoBack"></image>
    6. 				<view class="navTitle">车场详情</view>
    7. 			</view>
    8. 			<view class="infoBox flex-col bb">
    9. 				<view class="name">{{ changeInfo.stationName }}</view>
    10. 				<view class="address flex">
    11. 					<view class="single-line">{{ changeInfo.address }}</view>
    12. 				</view>
    13. 				<view class="spaces flex flex-row-between">
    14. 					<view class="flex">
    15. 						停车费：免费停车{{ (changeInfo.freeParkTime / 60000).toFixed(0) }}分钟
    16. 					</view>
    17.  
    18. 					<view class="flex">
    19. 						<image src="../../static/images/man@2x.png" mode="" style="width: 32rpx; height: 32rpx" />
    20. 						<view style="margin-left: 8rpx">
    21. 							{{
    22.                 changeInfo.stationName == null ? '暂无数据' : changeInfo.usedSlowChargeNumber + '/' + changeInfo.slowChargeNumber
    23.               }}
    24. 						</view>
    25. 						<image src="../../static/images/kuai@2x.png" mode=""
    26. 							style="width: 32rpx; height: 32rpx; margin-left: 14rpx" />
    27. 						<view style="margin-left: 8rpx">
    28. 							{{
    29.                 changeInfo.stationName == null ? '暂无数据' : changeInfo.usedFastChargeNumber + '/' + changeInfo.fastChargeNumber
    30.               }}
    31. 						</view>
    32. 					</view>
    33. 				</view>
    34. 				<view class="price flex flex-col-center flex-row-between">
    35. 					<view class="flex distance">
    36. 						<image src="../../static/images/daohang@2x.png" mode="" style="width: 32rpx; height: 32rpx">
    37. 						</image>
    38. 						<view>距你{{(changeInfo.distance / 1000).toFixed(2)}}km</view>
    39. 					</view>
    40. 				</view>
    41. 				<view class="line"></view>
    42. 				<view class="flex flex-row-between" style="margin-top: 32rpx;">
    43. 					<view class="flex-col flex-col-center" v-for="item in iconStatusArr" :key="item.icon">
    44. 						<image :src="'../../static/images/' + item.icon + '.png'" mode=""
    45. 							style="width: 48rpx;height: 48rpx;">
    46. 						</image>
    47. 						<view style="font-size: 22rpx;font-weight: 400;color: #323233;margin-top: 8rpx;">{{ item.name }}
    48. 						</view>
    49. 					</view>
    50. 				</view>
    51. 			</view>
    52. 		</view>
    53. 		<view class="imageBox">
    54. 			<scroll-view :scroll-x="true" style="width: 100%;height: 100%;display: flex; white-space:nowrap;">
    55. 				<image class="scrollViewImage" :src="item" v-for="item,index in changeInfo.newImageUrl" :key="item"
    56. 					@click="previewImage(index)"></image>
    57. 			</scroll-view>
    58. 		</view>
    59. 		<view class="feeBox bb">
    60. 			<view class="name">忙闲情况</view>
    61. 			<view class="flex flex-row-between" style="margin-top: 54rpx;">
    62. 				<view class="flex-col flex-col-center">
    63. 					<view class="changeStatusBox_text flex">
    64. 						<view style="line-height: 42rpx;">闲</view>
    65. 						<view style="font-size: 42rpx;color: #000;font-weight: 900;margin-left: 6rpx;">
    66. 							{{changeInfo.usedFastChargeNumber}}
    67. 						</view>
    68. 						<view style="line-height: 42rpx;margin-left: 6rpx;">/{{changeInfo.fastChargeNumber}}</view>
    69. 					</view>
    70. 					<view class="changeStatusBox_red">快桩空闲</view>
    71. 				</view>
    72. 				<view class="flex-col flex-col-center">
    73. 					<view class="changeStatusBox_text flex">
    74. 						<view style="line-height: 42rpx;">闲</view>
    75. 						<view style="font-size: 42rpx;color: #000;font-weight: 900;margin-left: 6rpx;">
    76. 							{{changeInfo.usedSlowChargeNumber}}
    77. 						</view>
    78. 						<view style="line-height: 42rpx;margin-left: 6rpx;">/{{changeInfo.slowChargeNumber}}</view>
    79. 					</view>
    80. 					<view class="changeStatusBox_blue">慢桩空闲</view>
    81. 				</view>
    82. 				<view class="flex-col flex-col-center">
    83. 					<view
    84. 						style="line-height: 22rpx;font-size: 42rpx;color: #000;font-weight: 900;text-align: center;height: 66rpx;">
    85. 						-
    86. 					</view>
    87. 					<view class="changeStatusBox_gray">即将充满</view>
    88. 				</view>
    89. 			</view>
    90. 		</view>
    91. 		<view class="feeBox bb">
    92. 			<view class="name">充电费用</view>
    93. 			<view class="feeBox_item1 bb flex flex-col-center">
    94. 				<view style="margin-left: 32rpx;">
    95. 					收费时段
    96. 				</view>
    97. 				<view style="margin-left: 156rpx;">充电费</view>
    98. 				<view style="margin-left: 26rpx;">=</view>
    99. 				<view style="margin-left: 34rpx;">电费</view>
    100. 				<view style="margin-left: 50rpx;">服务费</view>
    101. 			</view>
    102.  
    103. 			<view class="feeBox_item2 bb flex flex-col-center" v-for="item in rulesList" :key="item.id">
    104. 				<view style="font-size: 24rpx;color: #434343;font-weight: 500;margin-left: 24rpx;">
    105. 					{{ item.startTimeString + ' - ' + item.endTimeTimeString }}
    106. 				</view>
    107. 				<view
    108. 					style="font-size: 24rpx;color: #434343;font-weight: 500;margin-left: 62rpx;width: 60rpx;text-align: center;">
    109. 					{{item.fee + item.serviceFee}}
    110. 				</view>
    111. 				<view
    112. 					style="font-size: 24rpx;color: #434343;font-weight: 500;margin-left: 72rpx;width: 60rpx;text-align: center;">
    113. 					{{item.fee}}
    114. 				</view>
    115. 				<view
    116. 					style="font-size: 24rpx;color: #434343;font-weight: 500;margin-left: 56rpx;width: 60rpx;text-align: center;">
    117. 					{{item.serviceFee}}
    118. 				</view>
    119. 			</view>
    120. 		</view>
    121. 		<view class="feeBox bb" v-if="changeInfo.stationType !== 1">
    122. 			<view class="name">停车费</view>
    123. 			<view class="flex" style="margin-top: 40rpx;">
    124. 				<view class="feeBoxItem1 bb">停车费</view>
    125. 				<view class="feeBoxItem2 bb">免费停车 {{changeInfo.freeParkTime / 60000}} 分钟</view>
    126. 			</view>
    127. 			<view class="feeBoxText">该站点充电即可免费停车 {{changeInfo.freeParkTime / 60000}}分钟（充电启动前，请确认输入车牌是否准确）</view>
    128. 		</view>
    129. 		<uni-safe-area>
    130. 			<view class="bottomBox bb flex flex-col-center flex-row-between">
    131. 				<view class="left flex flex-col-center flex-row-center" @click="onNavigation">
    132. 					<image src="../../static/images/feiji@2x.png" mode=""></image>
    133. 					<view class="text">导航</view>
    134. 				</view>
    135.  
    136. 				<view class="right flex flex-col-center flex-row-center" @click="onScanChange">
    137. 					<image src="../../static/images/VIP@2x(3).png" mode=""></image>
    138. 					<view class="text">开始充电</view>
    139. 				</view>
    140. 			</view>
    141. 		</uni-safe-area>
    142. 	</view>
    143. </template>
    144.  
    145. <script>
    146. 	import {
    147. 		cfChargingStationGetInfoById,
    148. 		getChargeRulesListByQuery
    149. 	} from '../../network/api.js'
    150.  
    151. 	export default {
    152. 		data() {
    153. 			return {
    154. 				iconStatusArr: [{
    155. 					name: '充电桩',
    156. 					icon: 'cdz@2x',
    157. 					status: false
    158. 				}, {
    159. 					name: '便利店',
    160. 					icon: 'bianlidian@2x',
    161. 					status: false
    162. 				}, {
    163. 					name: '卫生间',
    164. 					icon: 'wsj@2x',
    165. 					status: false
    166. 				}, {
    167. 					name: '休息室',
    168. 					icon: 'xxs@2x',
    169. 					status: false
    170. 				}, {
    171. 					name: '雨棚',
    172. 					icon: 'yupeng@2x',
    173. 					status: false
    174. 				}, {
    175. 					name: '简餐',
    176. 					icon: 'jz@2x',
    177. 					status: false
    178. 				}, {
    179. 					name: '人工值守',
    180. 					icon: 'rgzs@2x',
    181. 					status: false
    182. 				}],
    183. 				chargeId: '',
    184. 				changeInfo: {
    185. 					name: '',
    186. 					address: '',
    187. 					freeTime: '',
    188. 					parkingSpaceNumber: '',
    189. 					usedParkingSpaceNumber: '',
    190. 					distance: 0,
    191. 					freeParkTime: 0,
    192. 					usedFastChargeNumber: 0,
    193. 					fastChargeNumber: 0,
    194. 					usedSlowChargeNumber: 0,
    195. 					slowChargeNumber: 0,
    196. 				},
    197. 				rulesList: [],
    198. 				locationInfo: {
    199. 					longitude: "",
    200. 					latitude: "",
    201. 				},
    202. 			}
    203. 		},
    204. 		onLoad(e) {
    205. 			this.chargeId = e.id
    206. 			this.getLocation()
    207. 		},
    208. 		methods: {
    209. 			getLocation() {
    210. 				uni.getLocation({
    211. 					type: "wgs84",
    212. 					success: (res) => {
    213. 						console.log("当前位置的经度：" + res.longitude);
    214. 						console.log("当前位置的纬度：" + res.latitude);
    215. 						this.locationInfo.longitude = res.longitude;
    216. 						this.locationInfo.latitude = res.latitude;
    217. 						this.fenchData()
    218. 						this.fenchRulesData()
    219. 					},
    220. 				});
    221. 			},
    222. 			onScanChange() {
    223. 				uni.showActionSheet({
    224. 					itemList: ['扫码充电', '查看充电桩'],
    225. 					success: ({
    226. 						tapIndex
    227. 					}) => {
    228. 						if (tapIndex === 0) {
    229. 							uni.scanCode({
    230. 								success: (scanRes) => {
    231. 									console.log(scanRes);
    232. 								}
    233. 							})
    234. 						} else if (tapIndex === 1) {
    235. 							if (this.changeInfo.stationType === 2) {
    236. 								uni.navigateTo({
    237. 									url: '/pages/chargeDetail/electricVehicleStart?chargeId=' + this
    238. 										.chargeId
    239. 								})
    240. 							} else {
    241. 								uni.navigateTo({
    242. 									url: '/pages/chargeDetail/bicycleStart?chargeId=' + this
    243. 										.chargeId
    244. 								})
    245. 							}
    246. 						}
    247. 					}
    248. 				})
    249. 			},
    250. 			intoBack() {
    251. 				uni.navigateBack()
    252. 			},
    253. 			onNavigation() {
    254. 				uni.openLocation({
    255. 					latitude: this.changeInfo.positionY,
    256. 					longitude: this.changeInfo.positionX,
    257. 					name: this.changeInfo.stationName,
    258. 					address: this.changeInfo.address,
    259. 					success: function() {
    260. 						console.log('success');
    261. 					}
    262. 				});
    263. 			},
    264. 			async fenchRulesData() {
    265. 				const {
    266. 					data,
    267. 					code,
    268. 					message
    269. 				} = await getChargeRulesListByQuery({
    270. 					chargingStationId: this.chargeId,
    271. 					page: 1,
    272. 					size: 100
    273. 				})
    274. 				console.log(data, code);
    275. 				if (code == 10002) {
    276. 					this.rulesList = data
    277. 				} else {
    278. 					uni.showToast({
    279. 						title: message,
    280. 						icon: 'none'
    281. 					})
    282. 				}
    283. 			},
    284. 			async fenchData() {
    285. 				const {
    286. 					data,
    287. 					code
    288. 				} = await cfChargingStationGetInfoById({
    289. 					id: this.chargeId,
    290. 					positionX: this.locationInfo.longitude,
    291. 					positionY: this.locationInfo.latitude,
    292. 				})
    293. 				console.log(data, code);
    294. 				if (code == 10002) {
    295. 					this.changeInfo = data
    296. 					this.changeInfo.newImageUrl = this.changeInfo.imageUrl.split(',')
    297. 				} else {
    298. 					uni.showToast({
    299. 						title: '获取停车场详情失败',
    300. 						icon: 'none'
    301. 					})
    302. 					setTimeout(function() {
    303. 						uni.navigateBack()
    304. 					}, 1500);
    305. 				}
    306. 			},
    307. 			previewImage(index) {
    308. 				uni.previewImage({
    309. 					current: index,
    310. 					urls: this.changeInfo.newImageUrl
    311. 				})
    312. 			}
    313. 		}
    314. 	}
    315. </script>
    316.  
    317. <style lang="scss">
    318. 	page {
    319. 		background: #F5F7FF;
    320. 		padding-bottom: 200rpx;
    321. 	}
    322.  
    323. 	.bottomBox {
    324. 		width: 750rpx;
    325. 		height: 165rpx;
    326. 		background: #FFFFFF;
    327. 		box-shadow: 0rpx -12rpx 14rpx 0rpx rgba(222, 220, 238, 0.5);
    328. 		position: fixed;
    329. 		left: 0;
    330. 		bottom: 0;
    331. 		padding: 0 32rpx;
    332. 		overflow: hidden;
    333. 		padding-bottom: 20rpx;
    334.  
    335. 		.left {
    336. 			width: 332rpx;
    337. 			height: 100rpx;
    338. 			background: rgba(03, 148, 246, 0.18);
    339. 			border-radius: 10rpx;
    340.  
    341. 			image {
    342. 				width: 40rpx;
    343. 				height: 40rpx;
    344. 			}
    345.  
    346. 			.text {
    347. 				height: 50rpx;
    348. 				font-size: 36rpx;
    349. 				font-weight: 600;
    350. 				color: #6794F6;
    351. 				line-height: 50rpx;
    352. 				margin-left: 12rpx;
    353. 			}
    354. 		}
    355.  
    356. 		.right {
    357. 			width: 332rpx;
    358. 			height: 100rpx;
    359. 			background: #6794F6;
    360. 			border-radius: 10rpx;
    361.  
    362. 			image {
    363. 				width: 40rpx;
    364. 				height: 40rpx;
    365. 			}
    366.  
    367. 			.text {
    368. 				height: 50rpx;
    369. 				font-size: 36rpx;
    370. 				font-weight: 600;
    371. 				color: #FFFFFF;
    372. 				line-height: 50rpx;
    373. 				margin-left: 12rpx;
    374. 			}
    375. 		}
    376. 	}
    377.  
    378. 	.imageBox {
    379. 		width: 686rpx;
    380. 		height: 216rpx;
    381. 		background: #FFFFFF;
    382. 		border-radius: 10rpx;
    383. 		margin-left: 32rpx;
    384. 	}
    385.  
    386. 	.feeBox {
    387. 		width: 686rpx;
    388. 		background: #FFFFFF;
    389. 		border-radius: 10rpx;
    390. 		margin: 32rpx 0 0 32rpx;
    391. 		padding: 32rpx;
    392.  
    393. 		.feeBox_item2 {
    394. 			width: 622rpx;
    395. 			height: 70rpx;
    396. 			background: #F8F8F8;
    397. 			border-radius: 8rpx;
    398. 			margin-top: 28rpx;
    399. 			// padding: 20rpx 24rpx;
    400. 		}
    401.  
    402. 		.feeBox_item1 {
    403. 			width: 622rpx;
    404. 			height: 70rpx;
    405. 			background: rgba(103, 148, 246, 0.1);
    406. 			border-radius: 8rpx;
    407. 			border: 2rpx solid #6794F6;
    408. 			margin-top: 24rpx;
    409. 			font-size: 24rpx;
    410. 			color: #6794F6;
    411. 			font-weight: 400;
    412. 			// padding: 20rpx 24rpx 16rpx 24rpx;
    413. 		}
    414.  
    415. 		.name {
    416. 			height: 50rpx;
    417. 			font-size: 36rpx;
    418. 			font-weight: 600;
    419. 			color: #323233;
    420. 			line-height: 50rpx;
    421. 		}
    422. 	}
    423.  
    424. 	.scrollViewImage {
    425. 		width: 262rpx;
    426. 		height: 152rpx;
    427. 		border-radius: 16rpx;
    428. 		margin: 32rpx 0 0 32rpx;
    429. 		display: inline-block;
    430. 	}
    431.  
    432. 	.price {
    433. 		margin-top: 24rpx;
    434.  
    435. 		.distance {
    436. 			view:nth-child(2) {
    437. 				height: 34rpx;
    438. 				font-size: 24rpx;
    439.  
    440. 				font-weight: 400;
    441. 				color: #434343;
    442. 				line-height: 34rpx;
    443. 				margin-left: 8rpx;
    444. 			}
    445. 		}
    446. 	}
    447.  
    448. 	.changeStatusBox_text {
    449. 		height: 66rpx;
    450. 		font-size: 24rpx;
    451. 		font-weight: 400;
    452. 		color: rgba(50, 50, 51, 0.5);
    453. 		line-height: 34rpx;
    454. 	}
    455.  
    456. 	.changeStatusBox_red {
    457. 		width: 120rpx;
    458. 		height: 44rpx;
    459. 		background: rgba(255, 158, 158, .34);
    460. 		border-radius: 22rpx;
    461. 		font-size: 22rpx;
    462. 		font-weight: 600;
    463. 		color: #FF7777;
    464. 		line-height: 44rpx;
    465. 		text-align: center;
    466. 	}
    467.  
    468. 	.changeStatusBox_blue {
    469. 		background: rgba(168, 179, 255, .34);
    470. 		color: #8393FD;
    471. 		@extend .changeStatusBox_red;
    472. 	}
    473.  
    474. 	.changeStatusBox_gray {
    475. 		background: rgba(190, 194, 223, .34);
    476. 		color: #A1A3B1;
    477. 		@extend .changeStatusBox_red;
    478. 	}
    479.  
    480. 	.bgBox {
    481. 		width: 750rpx;
    482. 		height: 666rpx;
    483. 		background: linear-gradient(360deg, #F5F7FF 0%, #A6C1FB 100%);
    484.  
    485. 		.backIcon {
    486. 			width: 64rpx;
    487. 			height: 64rpx;
    488. 			margin: 100rpx 0 0 32rpx;
    489. 		}
    490.  
    491. 		.navTitle {
    492. 			width: 160rpx;
    493. 			height: 56rpx;
    494. 			font-size: 40rpx;
    495. 			font-weight: 600;
    496. 			color: #FFFFFF;
    497. 			line-height: 56rpx;
    498. 			margin: 100rpx 0 0 190rpx;
    499. 		}
    500.  
    501. 		.infoBox {
    502. 			width: 686rpx;
    503. 			height: 415rpx;
    504. 			background: #FFFFFF;
    505. 			border-radius: 10rpx;
    506. 			margin: 60rpx 0 0 32rpx;
    507. 			padding: 32rpx;
    508.  
    509. 			.line {
    510. 				width: 630rpx;
    511. 				opacity: 0.43;
    512. 				border: 2rpx dashed #979797;
    513. 				margin: 42rpx 0 0 0;
    514. 			}
    515.  
    516. 			.name {
    517. 				height: 50rpx;
    518. 				font-size: 36rpx;
    519. 				font-weight: 600;
    520. 				color: #323233;
    521. 				line-height: 50rpx;
    522. 			}
    523.  
    524. 			.address {
    525. 				margin-top: 8rpx;
    526.  
    527. 				view:nth-child(1) {
    528. 					width: 514rpx;
    529. 					height: 32rpx;
    530. 					font-size: 24rpx;
    531.  
    532. 					font-weight: 400;
    533. 					color: #434343;
    534. 					line-height: 34rpx;
    535. 				}
    536. 			}
    537.  
    538. 			.spaces {
    539. 				height: 32rpx;
    540. 				font-size: 24rpx;
    541.  
    542. 				font-weight: 400;
    543. 				color: #323233;
    544. 				line-height: 32rpx;
    545. 				margin-top: 16rpx;
    546. 			}
    547. 		}
    548. 	}
    549.  
    550. 	.feeBoxItem1 {
    551. 		width: 92rpx;
    552. 		height: 50rpx;
    553. 		background: linear-gradient(138deg, #A0C6FB 0%, #6794F6 100%);
    554. 		border-radius: 6rpx 0rpx 0rpx 6rpx;
    555. 		font-size: 24rpx;
    556. 		font-weight: 400;
    557. 		color: #FFFFFF;
    558. 		line-height: 50rpx;
    559. 		text-align: center;
    560. 	}
    561.  
    562. 	.feeBoxItem2 {
    563. 		height: 50rpx;
    564. 		border-radius: 0rpx 6rpx 6rpx 0;
    565. 		border: 2rpx solid #6794F6;
    566. 		font-size: 24rpx;
    567. 		font-weight: 400;
    568. 		color: #6D99F7;
    569. 		line-height: 50rpx;
    570. 		text-align: center;
    571. 		padding: 0 16rpx;
    572. 	}
    573.  
    574. 	.feeBoxText {
    575. 		width: 622rpx;
    576. 		height: 70rpx;
    577. 		font-size: 24rpx;
    578. 		font-family: PingFangSC-Regular, PingFang SC;
    579. 		font-weight: 400;
    580. 		color: #434343;
    581. 		line-height: 34rpx;
    582. 		margin-top: 24rpx;
    583. 	}
    584. </style>

    源码下载地址（小程序开源地址）：停车场系统小程序，新能源电动车充电系统，智慧社区物业人脸门禁小程序: 【涵盖内容】：城市智慧停车系统，汽车新能源充电，两轮电动车充电，物业缴费，社区到访记录，人脸门禁，上门报修等。【开发框】架：union【使用场景】：微信小程序，支付宝小程序，其它平台小程序，混合app【使用教程】：本代码全开源且完整，没有任何缺失和加密，不会存在我们故意动手脚导致你跑不起来的情况，建议使用HBuilder打开和运行本代码

    源码下载地址（后台管理开源地址）：停车场系统后台管理，新能源电动车充电系统，智慧社区物业人脸门禁后台管理: 城市智慧停车系统，汽车新能源充电，两轮电动车充电，物业缴费，社区到访记录，人脸门禁，上门报修等

  • 相关阅读:
    剑指 Offer 32 - III. 从上到下打印二叉树 III（双端队列deque）
    《流畅的python》— 列表推导与生成器表达式
    关于Unity 如何与Blazor Server结合
    看红帽巨佬解析⭐《二、G1垃圾回收配置解析》⭐
    Go 的三种指针
    【语音识别】搭建本地的语音转文字系统：FunASR
    新一代信息技术与制造业融合发展背景下网络安全挑战和思考
    CS5268完美代替AG9321MCQ Typec多合一扩展坞方案
    管理学精要
    杰理之复位源【篇】
  • 原文地址：https://blog.csdn.net/df981011512/article/details/133121730