更新了banner分区

xuxy

2024-07-27 ba2450ef22684abf5606ab570e72b8eda5bec209

更新了banner分区

 pages/home/components/home-banner-imgs.vue

@@ -1,11 +1,32 @@
<template>
    <view class="flex home-banner-imgs">
    <view class=" home-banner-imgs">
        <view class="flex" v-if="list&&list.length>=3">
        <view class="flex1 m-r-5">
            <image class="p1 img100" src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/b1/b1e7dc929b53412bbea72c9ca3f9aa25%E4%BD%8D%E5%9B%BE@2x%20(1).png" ></image>
                <image class="p1 img100" :src="list[0].url">
                </image>
        </view>
        <view class="flex1 m-l-5">
            <image class="p2 img100" src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/86/86605e258843479f828ce6749010d791%E4%BD%8D%E5%9B%BE@2x%20(2).png"></image>
            <image class="p3 img100" src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/76/76532c632d28449a9f93a4228a7b851e%E4%BD%8D%E5%9B%BE@2x%20(3).png"></image>
                <image class="p2 img100" :src="list[1].url">
                </image>
                <image class="p3 img100" :src="list[2].url">
                </image>
            </view>
        </view>
        <view class="flex" v-else-if="list&&list.length>=2">
            <view class="flex1 m-r-5">
                <image class="p1 img100" :src="list[0].url">
                </image>
            </view>
            <view class="flex1 m-l-5">
                <image class="p1 img100" :src="list[1].url">
                </image>
            </view>
        </view>
        <view class="flex" v-else-if="list&&list.length>=1">
            <view class="flex1 m-r-5">
                <image class="p1 img100" :src="list[0].url">
                </image>
            </view>
        </view>
    </view>
</template>
@@ -14,8 +35,20 @@
    export default {
        data() {
            return {
				
                list: [],
            };
        },
        async mounted() {
            const {
                data,
                code
            } = await this.$http.request('get', '/api/pub/banner/list', {

            })
            if (code === 0) {
                this.list = data || []
            }

        }
    }
</script>
@@ -27,11 +60,13 @@
        height: 308rpx;
        width: 100%;
    }

    .p2{
        // width: 334rpx;
        width: 100%;
        height: 142rpx;
    }

    .p3{
        width: 100%;
        margin-top: 18rpx;

 sub_pages/customer/trade/list.vue