guosen-ldt-shop/pages/card/card.vue

<template>
	<view>
		<button class="card btnCss" style="font-size: 30rpx;color: #5c5c5c;border-radius: 0;border: none;"
			v-for="(item,index) in menuList" :key="index" @click="jump(item.path)">
			<view style="display: flex;">
				<view class="center">
					<image style="width: 36rpx;height: 36rpx;" :src="item.icon"></image>
				</view>
				<view class="center">
					<text class="padding-left-10">{{item.name}}</text>
				</view>
			</view>
			<view class="">
				<text class="cuIcon-right"></text>
			</view>
		</button>

		<button open-type="contact" class="card btnCss"
			style="font-size: 30rpx;color: #5c5c5c;border-radius: 0;border: none;">
			<view style="display: flex;">
				<view class="center">
					<image style="width: 36rpx;height: 36rpx;" src="/static/icon/kefu.png"></image>
				</view>
				<view class="center">
					<text class="padding-left-10">在线咨询</text>
				</view>
			</view>
			<view class="">
				<text class="cuIcon-right"></text>
			</view>
		</button>
		
		<u-modal @confirm="$jump('/pages/member/member')" :show-cancel-button="true"  confirm-color="#ff9447" confirm-text="立即开启" cancel-text="暂不开启" v-model="isOpenMemberShow" content="请先创建会员中心"></u-modal>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				menuList: [{
						icon: '/static/icon/shangjia.png',
						name: '商家认证',
						path: '/pages/shop-info/shop-info?edit=true&phone=' + this.$cache.get('phone')
					},
					{
						icon: '/static/icon/bank.png',
						name: '银行卡',
						path: '/pages/userBank/userBank'
					},
					{
						icon: '/static/icon/xiazai.png',
						name: '物料下载',
						path: '/pages/material-download/material-download'
					},
					{
						icon: '/static/icon/wendang.png',
						name: '意见反馈',
						path: ''
					},
				],
				isOpenMemberShow:false
			}
		},
		methods: {
			jump(url) {
				if (this.$isEmpty(url)) {
					this.$u.toast('即将推出')
					return
				}
				if (url=='/pages/material-download/material-download'&&!this.vuex_isOpenMember) {
					//物料下载
					this.isOpenMemberShow=true
					return
				}
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.card {
		display: flex;
		justify-content: space-between;
		margin: 16rpx 0;
		padding: 8rpx 30rpx;
		background-color: #FFFFFF;
	}
</style>