vr-shopxo-uniapp/components/shop-list/shop-list.vue

81 lines
2.6 KiB
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-vertical-xl padding-horizontal-main bg-white spacing-mb pr">
<iconfont name="icon-arrow-right" class="item-right-icon" color="#999"></iconfont>
<view class="flex-row align-c" :data-value="item.url" @tap="url_event">
<image :src="item.logo" mode="aspectFit" class="logo border-radius-xs fl br"></image>
<view class="right-content fr flex-1 flex-width">
<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 padding-top-xs">{{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>