newsssred/pages/applic/tocontrilist.vue

<template>
	<view class="content">
		<view class="header">
			<view class="header-box">
				<view class="homeicon" @click="tocontri">
					<image src="../../static/img/home.png" mode=""></image>
				</view>
				<view class="home">
					菜单
				</view>
				<view class="cancel" @click="tocontri">
					<image src="../../static/img/cancel.png" mode=""></image>
				</view>
			</view>
		
		</view>
		<view class="list">
			<view class="list-item">
				<a href="http://yyhszh.yygrwhg.com/willsoft/deyy/MobileView.aspx?id=1">
					<view class="box-1">
						捐赠款物情况公示
						<view class="icon">
							<image src="../../static/icon/next.png" mode=""></image>
						</view>
					</view>
				</a>
				<a href="http://yyhszh.yygrwhg.com/willsoft/deyy/MobileView.aspx?id=8">
					<view class="box-1">
						捐款爱心展示窗
						<view class="icon">
							<image src="../../static/icon/next.png" mode=""></image>
						</view>
					</view>
				</a>
					<view class="box-1" @click="tocontri">
						捐款方式
						<view class="icon">
							<image src="../../static/icon/next.png" mode=""></image>
						</view>
					</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			
			tocontri(){
				uni.navigateTo({
					url:"/pages/applic/contribution"
				})	
			},
		}
	}
</script>

<style lang="scss">
	.content{
		background-color: #f8f8f8;
		.header{
			background-color: #FFFFFF;
			height: 90rpx;
			.header-box{
				font-size: 28rpx;
				padding: 0 32rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				height: 70rpx;
				background-color: #d32d26;
				color: #FFFFFF;
				.homeicon{
					width: 40rpx;
					height: 40rpx;
					image{
						width: 40rpx;
						height: 40rpx;
					}
				}
				.cancel{
					width: 40rpx;
					height: 40rpx;
					image{
						width: 40rpx;
						height: 40rpx;
					}
				}
			}
			
			
		}
		.list{
			margin-top: 24rpx;
			width: 100%;
			height: 100%;
			background-color: #fff;
			.list-item{
				a{
					 text-decoration: none;
					 display: block;
					 color: #333;
				}
				width: 100%;
				height: 100%;
				padding: 0 24rpx;
				font-size: 28rpx;
				background-color: #fff;
				.box-1{
					height: 80rpx;
					font-weight: 300;
					line-height: 80rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					border-bottom:1rpx solid #F1F1F1;
					.icon{
						width: 34rpx;
						height: 34rpx;
						image{
							width: 34rpx;
							height: 34rpx;
							display: inline;
						}
					}
				}
			}
		}
	}
</style>