<template>
    <pb-layout navbar="inner" tabbar="/pages/index/index" :bgStyle="bgStyle">
        <view class="dashboard-module ss-p-x-30">
            <view class="merchant-info">
                <view class="merchant-info__logo ss-m-b-20">
                    <image :src="state.merchantInfo.logo" mode="aspectFill"></image>
                </view>
                <view class="merchant-info__name ss-m-b-20">{{ state.merchantInfo.name }}</view>
                <view class="merchant-info__description">{{ state.merchantInfo.description }}</view>
            </view>
        </view>
    </pb-layout>
</template>

<script setup>
import { ref } from 'vue'

const bgStyle = {
    backgroundImage:
        'http://101.43.181.163:9001/mall-backend/24dd085ca57fbfaa27c3e16788237b1d7a95c854c01b5e3e219aad6709bbb748.jpg',
    backgroundColor: '#fff',
    description: '',
}

const state = ref({
    merchantInfo: {
        name: '测试商家',
        logo: 'http://101.43.181.163:9001/mall-backend/24dd085ca57fbfaa27c3e16788237b1d7a95c854c01b5e3e219aad6709bbb748.jpg',
        description: '测试商家描述',
    },
})
</script>
