sileya-ai
/
vr-shopxo-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

新增店铺认证资质展示

master
gongfuxiang 2022-05-17 22:40:48 +08:00
parent 4857a9a0cc
commit f85774e0b0
9 changed files with 70 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
common/css/plugins.css
View File

@ -275,9 +275,6 @@
/**
* 多商户 - 数据列表
*/
.plugins-shop-data-list .item {
}
.plugins-shop-data-list .item .logo {
width: 120rpx;
height: 120rpx !important;
@ -286,15 +283,12 @@
width: calc(100% - 190rpx);
margin-right: 50rpx;
}
.plugins-shop-data-list .item .auth-icon {
background-color: #f4c985;
border: 1px solid #e7ba77;
color: #856651;
padding: 2rpx 12rpx;
.plugins-shop-data-list .item .auth-icon .icon {
width: 36rpx;
height: 36rpx !important;
margin-right: 10rpx;
}
.plugins-shop-data-list .item .desc {
color: #888;
font-size: 24rpx;
min-height: 72rpx;
line-height: 36rpx;
}

24
components/shop-list/shop-list.vue
View File

@ -6,11 +6,27 @@
<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 fw-b text-size single-text">
<text v-if="(propConfig.is_enable_auth || 0) == 1 && item.auth_type == 1 && (item.auth_type_name || null) != null" class="auth-icon round margin-right-xs fw-b text-size-xs tc">{{item.auth_type_name}}</text>
<text>{{item.name}}</text>
<view class="title single-text">
<!-- 认证信息 -->
<text v-if="(propConfig.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">
<!-- 实名认证 -->
<block v-if="item.auth_type != -1 && (item.auth_type_msg || null) != null">
<block v-if="item.auth_type == 0">
<image :src="propConfig.shop_auth_personal_icon" class="icon va-m" mode="aspectFill"></image>
</block>
<block v-if="item.auth_type == 1">
<image :src="propConfig.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="propConfig.shop_auth_bond_icon" class="icon va-m" mode="aspectFill"></image>
</block>
</text>
<!-- 标题 -->
<text class="fw-b text-size va-m">{{item.name}}</text>
</view>
<view class="desc multi-text cr-gray margin-top-sm">{{item.describe}}</view>
<view class="desc multi-text cr-grey text-size-xs margin-top-sm">{{item.describe}}</view>
</view>
</view>
</view>

30
pages/goods-detail/goods-detail.css
View File

@ -555,36 +555,6 @@
.plugins-salerecords-tips-bottom-center {
bottom: 10%;
top: auto;
}
/**
* 多商户 - 插件
*/
.plugins-shop-logo {
width: 120rpx;
height: 120rpx !important;
}
.plugins-shop-title {
font-size: 32rpx;
font-weight: bold;
line-height: 40rpx;
}
.plugins-shop-auth-icon {
background-color: #f4c985;
border: 1px solid #e7ba77;
border-radius: 6rpx;
color: #856651;
text-align: center;
padding: 2rpx 12rpx;
font-size: 24rpx;
font-weight: bold;
margin-right: 10rpx;
}
.plugins-shop-desc {
color: #888;
font-size: 24rpx;
min-height: 72rpx;
line-height: 36rpx;
}
/*

5
pages/plugins/realstore/index/index.vue
View File

@ -160,18 +160,19 @@
uni.stopPullDownRefresh();
if (res.data.code == 0) {
var data = res.data.data;
var data_list = data.data_list || [];
this.setData({
data_base: data.base || null,
favor_user: data.favor_user || [],
category: data.category || [],
slider_list: data.slider_list || [],
icon_list: data.icon_list || [],
data_list: data.data_list || [],
data_list: data_list,
is_first: 0,
data_list_loding_status: data_list.length > 0 ? 3 : 0,
data_bottom_line_status: true,
});
if ((this.data_base || null) != null) {
// 基础自定义分享
this.setData({

10
pages/plugins/shop/design/design.css
View File

@ -50,18 +50,8 @@
width: calc(100% - 320rpx);
}
.shop-title {
font-size: 32rpx;
font-weight: bold;
line-height: 40rpx;
}
.shop-auth-icon {
background-color: #f4c985;
border: 1px solid #e7ba77;
color: #856651;
text-align: center;
padding: 2rpx 12rpx;
font-size: 24rpx;
}
/**
* 客服

10
pages/plugins/shop/detail/detail.css
View File

@ -52,18 +52,8 @@
width: calc(100% - 320rpx);
}
.shop-title {
font-size: 32rpx;
font-weight: bold;
line-height: 40rpx;
}
.shop-auth-icon {
background-color: #f4c985;
border: 1px solid #e7ba77;
color: #856651;
text-align: center;
padding: 2rpx 12rpx;
font-size: 24rpx;
}
/**
* 客服

24
pages/plugins/shop/detail/detail.vue
View File

@ -10,12 +10,28 @@
</view>
</view>
<!-- 顶部 -->
<view class="header bg-white oh">
<view class="header plugins-shop-data-list bg-white oh">
<image :src="shop.logo_long" mode="widthFix" class="shop-logo fl br-r padding-right-lg margin-top-xs cp"></image>
<view class="base fr">
<view class="base fr item">
<view class="shop-title single-text">
<text v-if="(data_base.is_enable_auth || 0) == 1 && shop.auth_type == 1 && (shop.auth_type_name || null) != null" class="shop-auth-icon round fw-b margin-right-sm">{{shop.auth_type_name}}</text>
<text>{{shop.name}}</text>
<!-- 认证信息 -->
<text v-if="(data_base.is_enable_auth || 0) == 1 && ((shop.auth_type != -1 && (shop.auth_type_msg || null) != null) || ((shop.bond_status || 0) == 1 && (shop.bond_status_msg || null) != null))" class="auth-icon">
<!-- 实名认证 -->
<block v-if="shop.auth_type != -1 && (shop.auth_type_msg || null) != null">
<block v-if="shop.auth_type == 0">
<image :src="data_base.shop_auth_personal_icon" class="icon va-m" mode="aspectFill"></image>
</block>
<block v-if="shop.auth_type == 1">
<image :src="data_base.shop_auth_company_icon" class="icon va-m" mode="aspectFill"></image>
</block>
</block>
<!-- 保证金认证 -->
<block v-if="(shop.bond_status || 0) == 1 && (shop.bond_status_msg || null) != null">
<image :src="data_base.shop_auth_bond_icon" class="icon va-m" mode="aspectFill"></image>
</block>
</text>
<!-- 标题 -->
<text class="fw-b text-size cr-base va-m">{{shop.name}}</text>
</view>
<view class="base-bottom oh margin-top-sm">
<view v-if="(data_base.is_service_info || 0) == 1" class="fl margin-right-xxl cp" @tap="header_service_event">

2
pages/plugins/shop/index/index.css
View File

@ -11,7 +11,7 @@
.data-list .item:nth-child(2n+1) {
float: left;
}
.data-list .item image {
.data-list .item .logo {
width: 100%;
height: 160rpx !important;
}

25
pages/plugins/shop/index/index.vue
View File

@ -10,14 +10,33 @@
</scroll-view>
<!-- 列表 -->
<scroll-view :scroll-y="true" class="scroll-box scroll-box-ece-nav" @scrolltolower="scroll_lower" lower-threshold="30">
<scroll-view :scroll-y="true" class="scroll-box scroll-box-ece-nav plugins-shop-data-list" @scrolltolower="scroll_lower" lower-threshold="30">
<view v-if="(data_list || null) != null && data_list.length > 0" class="data-list padding-horizontal-main padding-top-main oh">
<block v-for="(item, index) in data_list" :key="index">
<view class="item border-radius-main bg-white oh spacing-mb">
<navigator :url="'/pages/plugins/shop/detail/detail?id=' + item.id" hover-class="none">
<image :src="item.logo_long" mode="aspectFit"></image>
<image :src="item.logo_long" class="logo" mode="aspectFit"></image>
<view class="padding-main tc">
<view class="single-text fw-b cr-base">{{item.name}}</view>
<view class="single-text">
<!-- 认证信息 -->
<text v-if="(data_base.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">
<!-- 实名认证 -->
<block v-if="item.auth_type != -1 && (item.auth_type_msg || null) != null">
<block v-if="item.auth_type == 0">
<image :src="data_base.shop_auth_personal_icon" class="icon va-m" mode="aspectFill"></image>
</block>
<block v-if="item.auth_type == 1">
<image :src="data_base.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="data_base.shop_auth_bond_icon" class="icon va-m" mode="aspectFill"></image>
</block>
</text>
<!-- 标题 -->
<text class="fw-b text-size cr-base va-m">{{item.name}}</text>
</view>
<view class="multi-text cr-grey margin-top-sm">{{item.describe}}</view>
<view class="oh margin-top-sm br-t-dashed padding-top-main">
<view class="fl cr-gray single-text">商品 {{item.goods_count}}</view>