<template>
	<view class="content">
		<view class="one">
			<u-swiper :list="config.file" height="240px" indicator indicatorMode="line" circular></u-swiper>
		</view>
		<view class="two">
			<view class="value">
				<view class="title">公司地址</view>
				<view class="label">{{config.address||'暂无'}}</view>
			</view>
			<view class="value">
				<view class="title">联系电话</view>
				<view class="label">{{config.phone||'暂无'}}</view>
			</view>
			<view class="value">
				<view class="title">邮箱</view>
				<view class="label">{{config.email||'暂无'}}</view>
			</view>
			<view class="value">
				<view class="title">工作时间</view>
				<view class="label">{{config.time||'暂无'}}</view>
			</view>
			<view class="value">
				<view class="title">办证须知</view>
				<view class="other">
					<rich-text :nodes="config.notice"></rich-text>
				</view>
			</view>
			<view class="value">
				<view class="title">简介</view>
				<view class="other">
					<rich-text :nodes="config.brief"></rich-text>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
	import { getCurrentInstance, ref } from 'vue';
	//该依赖已内置不需要单独安装
	import { onShow, onPullDownRefresh } from "@dcloudio/uni-app";
	// 请求接口
	const $api = getCurrentInstance()?.appContext.config.globalProperties.$api;
	// 基本信息
	const config = ref({ logo: [], file: [] });
	onShow(async () => {
		await searchConfig();
	})
	// config信息
	const searchConfig = async () => {
		config.value = uni.getStorageSync('config');
	};
</script>
<style lang="scss" scoped>
	.content {
		display: flex;
		flex-direction: column;

		.two {
			margin: 2vw;

			.value {
				padding: 2vw;
				margin: 2vw 0;
				border-bottom: 1px solid var(--f5Color);

				.title {
					font-size: var(--font16Size);
					font-weight: bold;
					margin: 2vw 0;
				}

				.label {
					padding: 1vw;
					font-size: var(--font12Size);
					color: var(--f85Color);
				}
			}
		}
	}
</style>