OpenDoorManageMini/pages/globalPages/components/commodity.vue

<template>
	<view class="container">
		数据中心
	</view>
</template>

<script setup>
	function onshow(){
		console.log('数据中心')
	}
</script>

<style lang="scss" scoped>
	.btn-wrap {
		padding: 24rpx;
		background-color: #fff;
	}

	.search {
		padding: 0 24rpx 24rpx;
		background-color: #fff;

		.search-input {
			position: relative;

			.scan-icon {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				z-index: 2;

				&.scan-left-show {
					right: 36rpx;
				}

				&.scan-left-hidden {
					right: 100rpx;
				}
			}
		}

		.search-history {

			.history-item {
				margin-right: 24rpx;
				padding: 0 12rpx;
				background-color: #f2f2f2;
				color: #333;
				font-size: 24rpx;
				line-height: 40rpx;
				border-radius: 40rpx;
				margin-top: 24rpx;
			}
		}
	}

	.classify-wrap {
		// padding-bottom: 200rpx;
	}

	.btn {
		width: 100%;
		position: fixed;
		bottom: 120rpx;
		left: 0;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		padding: 0 24rpx;

		&.safa-btn {
			bottom: 180rpx;
		}
	}
</style>