template2/components/shop-list/shop-list.vue

<template>
    <view>
        <view v-if="(data_list || null) != null && data_list.length > 0" class="plugins-shop-data-list oh">
            <block v-for="(item, index) in data_list" :key="index">
                <view class="item oh border-radius-main padding-main bg-white arrow-right spacing-mb">
                    <view :data-value="item.url" @tap="url_event">
                        <image :src="item.logo" mode="aspectFit" class="logo circle fl br"></image>
                        <view class="right-content fr">
                            <view class="title single-text">
                                <!-- 认证信息 -->
                                <view v-if="(config.is_enable_auth || 0) == 1 && ((item.auth_type != -1 && (item.auth_type_msg || null) != null) || ((item.bond_status || 0) == 1 && (item.bond_status_msg || null) != null))" class="auth-icon dis-inline-block">
                                    <!-- 实名认证 -->
                                    <block v-if="item.auth_type != -1 && (item.auth_type_msg || null) != null">
                                        <block v-if="item.auth_type == 0">
                                            <image :src="config.shop_auth_personal_icon" class="icon va-m" mode="aspectFill"></image>
                                        </block>
                                        <block v-if="item.auth_type == 1">
                                            <image :src="config.shop_auth_company_icon" class="icon va-m" mode="aspectFill"></image>
                                        </block>
                                    </block>
                                    <!-- 保证金认证 -->
                                    <block v-if="(item.bond_status || 0) == 1 && (item.bond_status_msg || null) != null">
                                        <image :src="config.shop_auth_bond_icon" class="icon va-m" mode="aspectFill"></image>
                                    </block>
                                </view>
                                <!-- 标题 -->
                                <text class="fw-b text-size va-m">{{item.name}}</text>
                            </view>
                            <view class="desc multi-text cr-base text-size-xs margin-top-sm">{{item.describe}}</view>
                        </view>
                    </view>
                </view>
            </block>
        </view>
    </view>
</template>
<script>
    const app = getApp();
    export default {
        data() {
            return {
                config: {},
                data_list: []
            };
        },
        components: {},
        props: {
            propConfig: {
            	type: [String,Object],
            	default: null
            },
            propDataList: {
            	type: Array,
            	default: () => []
            }
        },
        // 属性值改变监听
        watch: {
            
        },
        // 页面被展示
        created: function(e) {  
            var config = ((this.propConfig || null) == null ? app.globalData.get_config('plugins_base.shop.data') : this.propConfig) || {};
            this.setData({
                config: config,
                data_list: this.propDataList
            });
        },
        methods: {
            // url事件
            url_event(e) {
                app.globalData.url_event(e);
            }
        }
    };
</script>
<style>
</style>