caimei-applets-mcare/pages/goods/good-activity.vue

<template>
    <view class="common_contant" :style="{padding: isBig ? '' : '24rpx'}">
        <tui-skeleton
        	v-if="skeletonShow"
        	backgroundColor="#fafafa"
        	borderRadius="10rpx"
        	:isLoading="true"
        	:loadingType="5"
        ></tui-skeleton>
        <view class="" v-else>
            <view class="img_big" v-if="isBig">
                <image src="" mode="aspectFill"></image>
            </view>
            <view class="special_all" v-else>
                <SpecialItem v-for='item in 3' :key="item"/>
            </view>
        </view>
    </view>
</template>

<script>
    import SpecialItem from './components/cm-special.vue'
    export default {
        components: {
            SpecialItem
        },
        data() {
            return {
                isBig: false,
                skeletonShow: true,
                specialList: [], // 活动数据
            }
        },
        mounted() {},
        onLoad(options) {
            this.specialInfo(options.jumpActiveId)
        },
        methods: {
            // 网络请求
			async specialInfo(id){
				try{
					const res = await this.SpecialService.specialInfo({organizeId:1,id:id})
					this.specialList = res.data
					this.skeletonShow = false
				}catch(error){
					console.log('error',error)
				}
			}
        }
    }
</script>

<style scoped lang="scss">
    .common_contant {
        background-color: #FFFFFF;
        padding: 24rpx;
    }
</style>