market-app-ui/pages/login/chooseRole.vue

<template>
	<view>
		<view class="item">
			<view class="title">我是货主</view>
			<image src="../../static/images/role/jxs.png" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			roles: [],
			current: 1
		};
	},
	created() {
		this.getList();
	},
	methods: {
		choose(data) {
			for (let i = 0; i < this.roles.length; i++) {
				if (this.roles[i].roleName == data.roleName) {
					this.current = data.id;
				}
			}
			var that = this;
			setTimeout(function () {
				that.$common.to('/pages/login/register?type=' + that.current);
			}, 500);
		},
		getList() {
			this.$api.getIdentifyList().then(res => {
				console.log(res);
				this.roles = res.data;
			});
		},
		next() {
			// uni.navigateTo({
			// 	url:"/pages/login/register?type="+this.current
			// })
			this.$common.to('/pages/login/register?type=' + this.current);
		}
	}
};
</script>

<style lang="scss">
page {
	padding: 30px;
}

.custom-style {
	margin-bottom: 20px;
	width: 80%;
	height: 70px;
	font-size: 26px;
	font-family: serif;
	background-color: #87cefa;
	border: #87cefa;
}

.active-custom-style {
	margin-bottom: 20px;
	width: 80%;
	height: 70px;
	font-size: 28px;
	background-color: #00bfff;
	border: #00bfff;
}

.r-role {
	font-size: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.l-role {
	// margin-left: 10px;
	// position: absolute;
	// right: 10px;
	// bottom: 10px;
}
</style>