zc_saas_h5/pages2/wd/question_bank.vue

<template>
	<view style="padding: 32rpx;">
		<navigator url="/pages2/bank/my_question">
			<view class="my_question">
					<view class="flex">
						<view class="text">我的题库></view>
						<image src="/static/icon/my_icon7.png" class="my_icon"></image>
					</view>
			</view>
		</navigator>
		<view class="bottom">
			<view class="item collect">
				<view class="text">收藏集></view>
				<image class="img" src="/static/sc.png"></image>
			</view>
			<view class="item list">
				<navigator url="/pages2/bank/question_record">
					<view class="list-in">
						<image class="img" src="/static/icon/wk_icon2.png" ></image>
						做题记录 >
					</view>
				</navigator>
				
				<view class="list-in">
					<image class="img" src="/static/icon/wk_icon2.png"></image>
					错题集 >
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					1,2,3
				]
				
			}
		},
		onLoad(option) {
			// this.getDict()
		},
		onShow(){
			
		},
		methods: {
		},
		
	}
</script>
<style >
	page {
			background: #fff;
		}
</style>
<style lang="scss" scope>
	.my_question {
		display: flex;
		width: 686rpx;
		height: 240rpx;
		background: linear-gradient(45deg, #015EEA, #00C0FA);
		border-radius: 24rpx;
		padding:0 40rpx;
		
		.flex {
			.text {
				padding-top:32rpx;
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #FFFFFF;
			}
			
			.my_icon {
				margin-top:23rpx;
				width: 122rpx;
				height: 132rpx;
			}
		}
		
		.flex_auto {
			flex:1;
			.bg {
				width:100%;
			}
		}
	}
	
	.bottom {
		margin-top:16rpx;
		display: flex;
		justify-content: space-between;
		.item {
			width: 335rpx;
			
			&.collect {
				font-size: 32rpx;
				color: #FFFFFF;
				height: 240rpx;
				background: linear-gradient(45deg, rgba(255, 177, 2, 0.75), rgba(255, 84, 79, 0.75));
				border-radius: 24rpx;
				padding:32rpx;
				
				.img {
					width: 125rpx;
					height: 126rpx;
					opacity: 0.4;
				}
			}
			
			&.list {
				.list-in {
					width: 335rpx;
					height: 112rpx;
					background: #007AFF;
					border-radius: 24rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 32rpx;
					color: #fff;
					
					&:first-of-type {
						margin-bottom:16rpx;
					}
					
					.img {
						width: 32rpx;
						height: 32rpx;
						opacity: 0.8;
						margin-right:17rpx;
					}
				}
			}
		}
	}
	
</style>