初始化

pages/functionList/index.vue

@@ -0,0 +1,100 @@
+<template>
+	<view class="s_page" >
+		<custom :isBack="true">
+			<template v-slot:right>
+				<view class="custom_icon right" @tap="back">
+					<image src="/static/img/icon_01.png" mode="widthFix"></image>
+				</view>
+			</template>
+		</custom>
+		<view class="main">
+			<view class="button_box" @tap="toDetailedList" :style="{'marginTop':StatusBar!==0?'88rpx':''}">
+				<view class="text">
+					認証明細
+					<uni-icons type="right" size="24" style="position: absolute;right: 0rpx;"></uni-icons>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import custom from "@/components/custom/custom";
+	
+	export default {
+		components: {
+		  custom,
+		},
+		data() {
+			return {
+
+			};
+		},
+		methods:{
+			back(){
+				uni.navigateBack({
+					delta:1
+				})
+			},
+			toDetailedList(){
+				uni.navigateTo({
+					url:'../detailedList/index'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.s_page {
+		position: relative;
+		width: 100vw;
+		min-height: 100vh;
+		height: auto;
+		background: linear-gradient( rgba(160, 204, 87, 0.2) 0%, rgba(223, 226, 0, 0.2) 100% );
+		.custom_icon {
+			width: 48rpx;
+			height: 48rpx;
+		
+			image {
+				width: 100%;
+				height: 100%;
+			}
+		
+			&.left {
+				margin-left: 16rpx;
+			}
+		
+			&.right {
+				margin-right: 32rpx;
+			}
+		}
+		.main{
+			position: relative;
+			width: 100%;
+			height: 100%;
+			.button_box{
+				position: relative;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				width:622rpx ;
+				height: 204rpx;
+				border-radius: 16rpx;
+				margin: 0 auto;
+				margin-top: 44rpx;
+				padding-right: 32rpx;
+				background-color: #fff;
+				.text{
+					position: relative;
+					width: 100%;
+					text-align: center;
+					font-size: 48rpx;
+					font-weight: bold;
+				}
+			}
+		}
+	}
+
+	
+</style>