eduepos_ui_store/pages/store/index.vue

<template>
    <view class="store-page">
        <view class="container">
            <view class="item">
                <view class="label">门店名称</view>
                <view class="value">{{ storeInfo.storeName }}</view>
            </view>
            <view class="item">
                <view class="label">联系电话</view>
                <view class="value">{{ storeInfo.contactPhone }}</view>
            </view>
            <view class="item">
                <view class="label">门店地址</view>
                <view class="value">{{ storeInfo.provinceName != null ? storeInfo.provinceName : '' }}{{ storeInfo.cityName != null ? storeInfo.cityName : '' }}{{ storeInfo.address != null ? storeInfo.address : '' }}</view>
            </view>
            <view class="item">
                <view class="label">店铺推广码</view>
                <view class="value flex-end" @click="goToQrcodes">
                    <image class="qrcode" src="../../static/imgs/mine/qrcode.png" />
                    <u-icon name="arrow-right" size="24" color="#6c6c6c"></u-icon>
                </view>
            </view>
        </view>
    </view>
</template>
<script>
export default {
    data () {
        return {
            storeInfo: {
            }
        }
    },
    methods: {
        goToQrcodes () {
            uni.navigateTo({
                url: '/pages/store/extensionCode'
            })
        }
    },
    onLoad (opt) {
		console.log('opt :>> ', opt);
		let str = decodeURIComponent(opt.data);
		if (str != 'undefined'){
			this.storeInfo = JSON.parse(str)
		}
		console.log('this.storeInfo :>> ', this.storeInfo);
    }
}
</script>
<style lang="scss" scoped>
.store-page {
    height: 100vh;
    background-color: #f5f5f5;
    border-top: 4rpx solid #ececec;
}
.container {
    padding: 0 30rpx;
    box-sizing: border-box;
    background-color: #fff;
}
.item {
    @include between;
    min-height: 100rpx;
    border-bottom: 4rpx solid #ececec;
    box-sizing: border-box;
    font-size: $font-lg;
    padding: 20rpx 0;
    .label {
        width: 220rpx;
        color: $desc-color;
    }
    .value {
        width: calc(100% - 220rpx);
        color: $text-color;
    }
    .qrcode {
        width: 40rpx;
        height: 40rpx;
        margin: 0 20rpx;
    }
    .flex-end {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
}
</style>