market-app/pages/index/index.vue

<template>
	<view class="content">
		<view class="" style="margin-bottom: 100rpx;">
			<view class="content-header">
				<text class="content-header-text">客户管理</text>
			</view>
			<view class="content-body ">
				<view class="content-body-img" @click="toAdd()">
					<view>
						<img src="../../static/images/ziliao.png" alt="添加客户" style="height: 100rpx;">
					</view>
					<text class="content-body-text">添加客户</text>
				</view>
				<view class="content-body-img" @click="tolist()">
					<view>
						<img src="../../static/images/mine.png" alt="添加客户" style="height: 100rpx;">
					</view>
					<text class="content-body-text">客户列表</text>
				</view>
			</view>
		</view>
		<view class="" style="margin-bottom: 100rpx;">
			<view class="content-header">
				<text class="content-header-text">客户拜访</text>
			</view>
			<view class="content-body">
				<view class="content-body-img" @click="addvisit()">
					<view>
						<img src="../../static/images/ziliao.png" alt="添加客户" style="height: 100rpx;">
					</view>
					<text class="content-body-text">添加拜访</text>
				</view>
				<view class="content-body-img" @click="toVisit()">
					<view>
						<img src="../../static/images/visit.png" alt="添加客户" style="height: 100rpx;">
					</view>
					<text class="content-body-text">拜访历史</text>
				</view>
			</view>
		</view>
		<view class="" style="margin-bottom: 100rpx;">
			<view class="content-header">
				<text class="content-header-text">市场调研</text>
			</view>
			<view class="content-body">
				<view class="content-body-img" @click="addmarket()">
					<view>
						<img src="../../static/images/ziliao.png" alt="添加客户" style="height: 100rpx;">
					</view>
					<text class="content-body-text">添加调查</text>
				</view>
				<view class="content-body-img" @click="toMarket()">
					<view >
						<img src="../../static/images/marketing.png" alt="添加客户" style="height: 100rpx;">
					</view>
					<text class="content-body-text">市场列表</text>
				</view>
			</view>
		</view>
		<!-- <view class="content-list">
			<navigator url="/pages/customor-message/customor-message">客&nbsp;&nbsp;户&nbsp;&nbsp;信&nbsp;&nbsp;息</navigator>
			<navigator url="/pages/customer-visit/customer-visit">客&nbsp;&nbsp;户&nbsp;&nbsp;拜&nbsp;&nbsp;访</navigator>
			<navigator url="/pages/market-research/market-research">市&nbsp;&nbsp;场&nbsp;&nbsp;调&nbsp;&nbsp;研</navigator>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {
			toAdd(){
				uni.navigateTo({
					url:'/pages/addCustomer/addCustomer'
				})
			},
			addvisit(){
				uni.navigateTo({
					url:'/pages/addVisit/addVisit'
				})
			},
			addmarket(){
				uni.navigateTo({
					url:'/pages/addMarket/addMarket'
				})
			},
			tolist(){
				uni.navigateTo({
					url:'/pages/customor-message/customor-message'
				})
			},
			toVisit(){
				uni.navigateTo({
					url:'/pages/customer-visit/customer-visit'
				})
			},
			toMarket(){
				uni.navigateTo({
					url:'/pages/market-research/market-research'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content-header{
		margin: 40rpx 0;
		text-align: center;
		.content-header-text{
			color:#8e898e;
			font-size: 35rpx;
			border-bottom:5px solid #8e898e ;
			display: block;
			// width: 80%;
			margin: 0 40rpx;
		}
	}
	.content-body{
		display: flex;
		margin:0 40rpx ;
		.content-body-img{
			margin-right: 40rpx;
			.content-body-text{
				font-size: 30rpx;
			}
			/* #ifdef MP-WEIXIN */
			img{
				width: 100%;
			}
			/*#endif*/
			
		}
		
	}
	.content-list{
		margin: 110rpx;
		text-align: center;
		// border: 1px solid #8e898e;
		// border-radius: 60rpx;
		// navigator{
		// 	margin: 20rpx 0;
		// 	font-size: 35rpx;
		// }
	}
</style>