frontend-app/pages/rwa_package/zhaopian/zhaopian.vue

<template>
	<view class="content">
		<TopSafe></TopSafe>
		<Header title="资质证明" />
		<view class="setting-view">
			<view class="name-box">
				<view class="zhao-list" @click="onJump(index)" :style="{borderWidth:index == zhaoList.length - 1 ? '0' : '2rpx'}"
				v-for="(item,index) in zhaoList" :key="index">
					<text class="text-gray text-32">{{item}}</text>
					<view class="zhao-right">
						<text class="text-fu1 text-28" style="margin-right:20rpx;">查看</text>
						<u-icon name="arrow-right" color="#999" size='14'></u-icon>
					</view>
				</view>
			</view>
			
		</view>
		<!-- <view class="bottom-btn">
			<MyBtn text="保存" @ok="onSetName"></MyBtn>
		</view> -->
		<up-toast ref="uToastRef"></up-toast>
	</view>
</template>

<script>
import { getUserInfo,updateName } from '@/api/auth.js';
import Header from '@/components/common/header.vue';
import TopSafe from '@/components/common/top-safe.nvue'
import MyBtn from '@/components/common/my-btn.vue'

export default {
	components: { Header, TopSafe,MyBtn },
	data() {
		return {
			userInfo: null,
			inputText:'',
			zhaoList:['营业执照','电信增值许可证书']
		};
	},
	onShow() {
	},
	onLoad() {
		this.init();
		// this.userinfo();
	},
	methods: {
		init() {
		},
		onJump(index){
			uni.navigateTo({
				url:`/pages/rwa_package/zhao/zhao?type=${index}`
			})
		}
	}
}
</script>

<style lang="scss" scoped>
.bottom-btn{
	width: 100%;
	margin-bottom:92rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 32rpx;
	box-sizing: border-box;
	position: relative;
	
}
.setting-view {
	width: 100%;
	height: calc(100% - 88rpx - 92rpx - 88rpx - var(--status-bar-height));
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow-y: auto;
	padding: 0 32rpx;
	box-sizing: border-box;
	position: relative;
	.name-box{
		width:100%;
		border-radius: 16rpx;
		display: flex;
		flex-direction: column;
		background-color: #fff;
		margin-top:30rpx;
		.zhao-list{
			width:100%;
			height:100rpx;
			display: flex;
			flex-direction: row;
			padding: 0 24rpx;
			justify-content: space-between;
			align-items: center;
			border-bottom: 2rpx solid #EAEAEA;
			box-sizing: border-box;
			.zhao-right{
				display: flex;
				flex-direction: row;
				justify-content: flex-end;
			}
		}
	}
	
}
</style>