|
@@ -68,8 +68,8 @@
|
|
|
|
|
|
|
|
<div class="module-com tabs-wrap">
|
|
<div class="module-com tabs-wrap">
|
|
|
<div class="tabs-list" v-for="(item, index) in tabsData" :key="index" @click="pageTo(item)">
|
|
<div class="tabs-list" v-for="(item, index) in tabsData" :key="index" @click="pageTo(item)">
|
|
|
- <div class="tabs-img">
|
|
|
|
|
- <img :src="item.img" alt mode="widthFix" />
|
|
|
|
|
|
|
+ <div class="tabs-icon">
|
|
|
|
|
+ <i class="iconfont" :class="item.icon"></i>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="tabs-name">{{ item.name }}</div>
|
|
<div class="tabs-name">{{ item.name }}</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -327,14 +327,14 @@ export default {
|
|
|
tabsData: [
|
|
tabsData: [
|
|
|
{
|
|
{
|
|
|
name: "改等级",
|
|
name: "改等级",
|
|
|
- img: `${this.$constant.imgUrl}/retail/member/tab-icon-1.png`,
|
|
|
|
|
|
|
+ icon: "iconshezhi",
|
|
|
funtion: () => {
|
|
funtion: () => {
|
|
|
this.beginModifyMember()
|
|
this.beginModifyMember()
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: "减余额",
|
|
name: "减余额",
|
|
|
- img: `${this.$constant.imgUrl}/retail/member/tab-icon-1.png`,
|
|
|
|
|
|
|
+ icon: "iconjian",
|
|
|
funtion: () => {
|
|
funtion: () => {
|
|
|
this.deductAmount = ''
|
|
this.deductAmount = ''
|
|
|
this.deductRemark = ''
|
|
this.deductRemark = ''
|
|
@@ -343,14 +343,14 @@ export default {
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: "充值",
|
|
name: "充值",
|
|
|
- img: `${this.$constant.imgUrl}/retail/member/tab-icon-1.png`,
|
|
|
|
|
|
|
+ icon: "iconzeng",
|
|
|
funtion: () => {
|
|
funtion: () => {
|
|
|
this.rechargeModal = true
|
|
this.rechargeModal = true
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
name: "改密码",
|
|
name: "改密码",
|
|
|
- img: `${this.$constant.imgUrl}/retail/member/tab-icon-1.png`,
|
|
|
|
|
|
|
+ icon: "iconbianji",
|
|
|
funtion: () => {
|
|
funtion: () => {
|
|
|
this.$msg("开发中")
|
|
this.$msg("开发中")
|
|
|
}
|
|
}
|
|
@@ -644,28 +644,11 @@ export default {
|
|
|
width: calc(100% - 120upx);
|
|
width: calc(100% - 120upx);
|
|
|
.flex-center {
|
|
.flex-center {
|
|
|
margin-bottom: 14upx;
|
|
margin-bottom: 14upx;
|
|
|
- .level-img {
|
|
|
|
|
- margin-left: 10upx;
|
|
|
|
|
- width: 80upx;
|
|
|
|
|
- ::v-deep.vip-text {
|
|
|
|
|
- left: 70upx;
|
|
|
|
|
- top: 3upx;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
}
|
|
}
|
|
|
.source-wrap {
|
|
.source-wrap {
|
|
|
.iconfont {
|
|
.iconfont {
|
|
|
margin-left: 10upx;
|
|
margin-left: 10upx;
|
|
|
}
|
|
}
|
|
|
- .iconweixinlaiyuan.iconweixinlaiyuanColor {
|
|
|
|
|
- color: #35b801;
|
|
|
|
|
- }
|
|
|
|
|
- .iconzhifubao.zhifubaoColor {
|
|
|
|
|
- color: #00aaed;
|
|
|
|
|
- }
|
|
|
|
|
- .iconshoujihao1.mobileColor {
|
|
|
|
|
- color: #fc2e47;
|
|
|
|
|
- }
|
|
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -732,12 +715,16 @@ export default {
|
|
|
width: 25%;
|
|
width: 25%;
|
|
|
margin-bottom: 10upx;
|
|
margin-bottom: 10upx;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
- .tabs-img {
|
|
|
|
|
|
|
+ .tabs-icon {
|
|
|
width: 50upx;
|
|
width: 50upx;
|
|
|
height: 50upx;
|
|
height: 50upx;
|
|
|
margin: 0 auto 14upx;
|
|
margin: 0 auto 14upx;
|
|
|
- img {
|
|
|
|
|
- height: 100%;
|
|
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ .iconfont {
|
|
|
|
|
+ font-size: 50upx;
|
|
|
|
|
+ color: #09C567;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.tabs-name {
|
|
.tabs-name {
|
|
@@ -770,11 +757,6 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .more-text {
|
|
|
|
|
- margin-top: 24upx;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- color: $fontColor3;
|
|
|
|
|
- }
|
|
|
|
|
}
|
|
}
|
|
|
.user_tag{
|
|
.user_tag{
|
|
|
border:1px solid #CCCCCC;
|
|
border:1px solid #CCCCCC;
|