|
|
|
|
@ -1,6 +1,6 @@
|
|
|
|
|
<template>
|
|
|
|
|
<view class="g-components-item">
|
|
|
|
|
<view class="m-set g_bg_f g_radius_8">
|
|
|
|
|
<view class="m-set g_bg_f g_radius_8 u-skeleton ">
|
|
|
|
|
<view
|
|
|
|
|
class="item g_flex_row_start"
|
|
|
|
|
v-for="(item, index) in list"
|
|
|
|
|
@ -14,41 +14,42 @@
|
|
|
|
|
'padding-right': (item.pRow ? item.pRow : 10) + 'px',
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<view class=" g_pl_10 g_pr_10 g_flex_column_center">
|
|
|
|
|
<view class="g_flex_1 g_flex_row_start flex_center" :class="item.require ? 'labelRequire' : ''">
|
|
|
|
|
<view class="t-icon g_h_22 g_w_22 g_pl_7 g_mr_5"
|
|
|
|
|
style="width: 22px; height: 22px;background-repeat:no-repeat"
|
|
|
|
|
<view class="g_pl_10 g_pr_10 g_flex_column_center ">
|
|
|
|
|
<view class="g_flex_1 g_flex_row_start flex_center u-skeleton-fillet" :class="item.require ? 'labelRequire' : ''">
|
|
|
|
|
<view
|
|
|
|
|
class="t-icon g_h_22 g_w_22 g_pl_7 g_mr_5"
|
|
|
|
|
style="width: 22px; height: 22px; background-repeat: no-repeat"
|
|
|
|
|
:style="{
|
|
|
|
|
'width':item.icon == 'icon-wodetuandui' ? '24px' : '22px',
|
|
|
|
|
'height':item.icon == 'icon-wodetuandui' ? '24px' : '22px',
|
|
|
|
|
width: item.icon == 'icon-wodetuandui' ? '24px' : '22px',
|
|
|
|
|
height: item.icon == 'icon-wodetuandui' ? '24px' : '22px',
|
|
|
|
|
}"
|
|
|
|
|
v-if="item.icon && item.itype != 'icon'"
|
|
|
|
|
:class="'t-' + item.icon"
|
|
|
|
|
></view>
|
|
|
|
|
<view class="g_flex_c g_h_22 g_w_22 g_mr_5"
|
|
|
|
|
v-if="item.icon && item.itype == 'icon'"
|
|
|
|
|
>
|
|
|
|
|
<i class="iconfont" :class="item.icon"
|
|
|
|
|
<view class="g_flex_c g_h_22 g_w_22 g_mr_5" v-if="item.icon && item.itype == 'icon'">
|
|
|
|
|
<i
|
|
|
|
|
class="iconfont"
|
|
|
|
|
:class="item.icon"
|
|
|
|
|
:style="{
|
|
|
|
|
'font-size':'24px',
|
|
|
|
|
'font-size': '24px',
|
|
|
|
|
}"
|
|
|
|
|
></i>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="g_flex_column_center g_c_3 g_fs_16">{{ item.label }}</view>
|
|
|
|
|
<view class="g_flex_column_center g_c_3 g_fs_16 ">{{ item.label }}</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="g_flex_1 g_flex_column_center">
|
|
|
|
|
<view class="g_flex_1 g_flex_column_center u-skeleton-fillet">
|
|
|
|
|
<view class="g_flex_row_end">
|
|
|
|
|
<view class="g_flex_row_end flex_center">
|
|
|
|
|
<!-- 通用类型 -->
|
|
|
|
|
<view class="g_fs_16 g_ell_1 g_lh_1_2 g_c_8" style="max-width:45vw" :class="item.fontColor" v-if="item.result">{{ item.result }}</view>
|
|
|
|
|
<view class="g_fs_16 g_ell_1 g_lh_1_2 g_c_8" style="max-width: 45vw" :class="item.fontColor" v-if="item.result">{{ item.result }}</view>
|
|
|
|
|
<!-- 迷你二维码 -->
|
|
|
|
|
<view class="g_flex_rowRight_columnCenter" v-if="item.tip == 'code'">
|
|
|
|
|
<i class="iconfont icon-a-erweimabeifen2 g_fs_21 g_c_c" style="font-size: 21px"></i>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 头像类 -->
|
|
|
|
|
<view class="g_flex_rowRight_columnCenter" v-if="item.tip == 'avatar'">
|
|
|
|
|
<img :src="item.value" alt="" class="g_w_48 g_h_48" style="border-radius: 13px;" />
|
|
|
|
|
<img :src="item.value" alt="" class="g_w_48 g_h_48" style="border-radius: 13px" />
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 右箭头 -->
|
|
|
|
|
<view class="g_flex_column_center flex_center" v-if="item.type != 'slot'">
|
|
|
|
|
@ -60,6 +61,7 @@
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<u-skeleton :loading="loading" :animation="true" bgColor="#fff"></u-skeleton>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
@ -79,6 +81,10 @@ export default {
|
|
|
|
|
return [];
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
loading: {
|
|
|
|
|
type: Boolean,
|
|
|
|
|
default: false,
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.localBaseImg = this.G.store().localBaseImg;
|
|
|
|
|
@ -91,7 +97,6 @@ export default {
|
|
|
|
|
index: $index,
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
@ -103,24 +108,22 @@ export default {
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
|
|
|
|
.item {
|
|
|
|
|
position:relative;
|
|
|
|
|
position: relative;
|
|
|
|
|
// border-bottom: 1rpx solid #eee;
|
|
|
|
|
&:after{
|
|
|
|
|
content:'';
|
|
|
|
|
&:after {
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom:0;
|
|
|
|
|
left:16px;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 16px;
|
|
|
|
|
border-bottom: 1rpx solid #eee;
|
|
|
|
|
height: 1rpx solid #eee;
|
|
|
|
|
width: calc(100vw - 52px);
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
&:after{
|
|
|
|
|
content:none;
|
|
|
|
|
&:after {
|
|
|
|
|
content: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|