bztang
/
bztang-h5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改：文创豆实时价格 组件样式重构，点击查看修改为跳转文创豆商城 

修改：隐藏文创豆中心的提现功能，
This commit is contained in:
wuhui_zzw 2023-11-30 11:43:30 +08:00
parent 0ecd35b45a
commit 6b280438ed
4 changed files with 116 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/weight_value/cultural_legumes_price_icon_two.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

130
src/components/new_diy/cultural_legumes_price.vue
View File

@ -1,21 +1,42 @@
<template>
<div class="culturalLegumesPrice">
<div class="culturalLegumesPrice-content">
<div class="left-content">
<div class="left-c-top">
<div class="top-icon">¥</div>
<div class="top-text">文创豆实时价格</div>
<div>
<!--风格一-->
<div v-if="false" class="culturalLegumesPrice">
<div class="culturalLegumesPrice-content">
<div class="left-content">
<div class="left-c-top">
<div class="top-icon">¥</div>
<div class="top-text">文创豆实时价格</div>
</div>
<div class="left-c-center">
<div class="center-price">＋{{ info.price }}</div>
<div class="center-desc">促进消费增值→重复消费→循环消费→自然裂变消费</div>
</div>
<div class="left-c-bottom" v-if="info.is_qualification == 1">
<div class="bottom-btn" @click="goToPage('weight_value_home',{ content_type: 'cultural_space' }, { content_type: 'cultural_space' })">立即查看</div>
</div>
</div>
<div class="left-c-center">
<div class="center-price">＋{{ info.price }}</div>
<div class="center-desc">促进消费增值→重复消费→循环消费→自然裂变消费</div>
</div>
<div class="left-c-bottom" v-if="info.is_qualification == 1">
<div class="bottom-btn" @click="goToPage">立即查看</div>
<div class="right-image">
<img class="right-image-icon" src="@/assets/images/weight_value/cultural_legumes_price_icon.png" />
</div>
</div>
<div class="right-image">
<img class="right-image-icon" src="@/assets/images/weight_value/cultural_legumes_price_icon.png" />
</div>
<!--风格二-->
<div class="culturalLegumesPrice-two">
<div class="two-content">
<div class="two-title">文创豆实时价格</div>
<div class="two-details">
<div class="two-d-left">
<div class="two-d-l-title">转出</div>
<div class="two-d-l-title">最快<span class="title-important">秒到账</span></div>
<div class="two-d-l-price">＋{{ info.price }}</div>
<div class="two-d-l-desc">促进消费增值→重复消费→循环消费→自然裂变消费</div>
</div>
<div class="two-d-right">
<img class="two-d-r-img" src="@/assets/images/weight_value/cultural_legumes_price_icon_two.png" />
</div>
</div>
<div class="see-btn" @click="goToPage('legumes_center_shopping')">立即查看</div>
</div>
</div>
</div>
@ -50,9 +71,8 @@ export default {
console.log(error);
});
},
goToPage(){
let _this = this;
_this.$router.push(_this.fun.getUrl('weight_value_home', { content_type: 'cultural_space' }, { content_type: 'cultural_space' }));
goToPage(pathName,params = {},query = {}){
this.$router.push(this.fun.getUrl(pathName, params, query));
}
},
};
@ -158,4 +178,80 @@ export default {
}
}
}
.culturalLegumesPrice-two{
width: 100%;
padding: 10px;
.two-content{
background: #ffffff;
box-shadow: 0 0 5px #f4f4f4;
padding: 10px;
border-radius: 10px;
.two-title{
font-size: 14px;
font-weight: bold;
width: 100%;
text-align: left;
height: 30px;
line-height: 20px;
border-bottom: 1px solid #fdfdfd;
}
.two-details{
--tow-d-right-img-width-: 80px;
padding-top: 10px;
width: 100%;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-end;
.two-d-left{
width: calc(100% - var(--tow-d-right-img-width-)) !important;
display: inline-flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: flex-end;
.two-d-l-title{
font-size: 15px;
height: 20px;
line-height: 20px;
color: #4e4949;
.title-important{
color: #d95a54;
}
}
.two-d-l-price{
font-size: 22px;
color: #e05b60;
font-weight: bold;
height: 30px;
line-height: 40px;
}
.two-d-l-desc{
font-size: 10px;
width: 100%;
overflow: hidden;
color: #bebebe;
text-align: left;
}
}
.two-d-right{
width: var(--tow-d-right-img-width-) !important;
.two-d-r-img{
width: 100% !important;
}
}
}
.see-btn{
background: #eef7ff;
border-radius: 5px;
height: 30px;
line-height: 30px;
font-size: 15px;
letter-spacing: 1px;
color: #3f75be;
margin-top: 25px;
}
}
}
</style>

2
src/router/index.js
View File

@ -10437,7 +10437,7 @@ const routes = [
component:()=>import("../views/member/weight_value/legumes/shopping"),
meta: {
title: "文创豆商城",
foot: true
foot: false
}
},
{

4
src/views/member/weight_value/legumes/center_home.vue
View File

@ -9,13 +9,13 @@
<div class="balance">{{ hold_number }}</div>
<div class="detailBox">
<div class="detailBox_btn transfer" @click="goToPage('legumes_center_transfer')">转赠</div>
<div class="detailBox_btn transfer" @click="goToPage('legumes_center_withdrawal')">提现</div>
<!--<div class="detailBox_btn transfer" @click="goToPage('legumes_center_withdrawal')">提现</div>-->
</div>
</div>
<div class="balanceDetail">
<div class="title">
<div :class="['title-tab',{'title-active': (selected_tab === 'transfer')}]" @click="changeTab('transfer')">转赠记录</div>
<div :class="['title-tab',{'title-active': (selected_tab === 'withdrawal')}]" @click="changeTab('withdrawal')">提现记录</div>
<div :class="['title-tab',{'title-active': (selected_tab === 'withdrawal')}]" @click="changeTab('withdrawal')">易出记录</div>
</div>
<div class="balanceDetail_lis" v-for="(item, index) in list" :key="index">
<div class="balanceDetail_lis_top">