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

<template>
	<view>
		<view class="" v-for="(item,index) in menuList" :key="index" @click="jump(item.path)">
			<button v-if="index!=4" class="card btnCss" style="font-size: 30rpx;color: #5c5c5c;border-radius: 0;border: none;">
				<view style="display: flex;">
					<view class="center">
						<image v-if="index!=1 && index!=5" style="width:36rpx;height: 36rpx;" :src="item.icon" ></image>
						<image v-else style="width:38rpx;height: 38rpx;" :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 v-else 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/kefu1.png"></image>
					</view>
					<view class="center">
						<text class="padding-left-10">在线咨询</text>
					</view>
				</view>
				<view class="">
					<text class="cuIcon-right"></text>
				</view>
			</button>
		</view>
		
		<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/info.png',
						name: '商家资料',
						path: '/pages/shop-info/shop-info?edit=true&phone=' + this.$cache.get('phone')
					},
					{
						icon: '/static/icon/yinhangka.png',
						name: '银行卡',
						path: '/pages/userBank/userBank'
					},
					{
						icon: '/static/icon/xiazai1.png',
						name: '物料下载',
						path: '/pages/material-download/material-download'
					},
					{
						icon: '/static/icon/yijian.png',
						name: '意见反馈',
						path: '/pages/card/feedback'
					},
					{
						icon: '/static/icon/kefu1.png',
						name: '在线咨询',
						path: '/pages/card/feedback'
					},
					{
						icon: '/static/icon/logout1.png',
						name: '退出登录',
						path: 'logout'
					},
				],
				isOpenMemberShow:false
			}
		},
		methods: {
			logout() {
				this.$dialog.showModal('确定要退出吗？').then(res => {
					uni.clearStorage()
					uni.reLaunch({
						url: "../login/account-login"
					})
				})
			},
			jump(url) {
				if (url=='logout') {
					this.logout()
					return
				}
				
				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>