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-25 12:09:10 +08:00
parent b39762b574
commit 1b14fe477c
8 changed files with 169 additions and 1 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.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

161
src/components/new_diy/cultural_legumes_price.vue Normal file
View File

@ -0,0 +1,161 @@
<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 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>
</div>
<div class="right-image">
<img class="right-image-icon" src="@/assets/images/weight_value/cultural_legumes_price_icon.png" />
</div>
</div>
</div>
</template>
<script>
export default {
props: ['id', 'datas'],
data() {
return{
info:{
price: '0.00',// 当前文创豆价格
is_qualification: 0,// 当前用户是否存在进入文创中心的资格
}
};
},
computed: {},
mounted() {
this.getData();
},
methods: {
// 获取信息
getData() {
let _this = this;
$http.get("plugin.cultural-space.api.index.getDiyInfo", {}, "加载中...")
.then((response) => {
if (response.result === 1) {
_this.info = response.data;
}
})
.catch(error => {
console.log(error);
});
},
goToPage(){
let _this = this;
_this.$router.push(_this.fun.getUrl('weight_value_home', { content_type: 'cultural_space' }, { content_type: 'cultural_space' }));
}
},
};
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
.culturalLegumesPrice{
--content-height-: 120px;
width: 100%;
height: var(--content-height-);
padding: 0 10px;
.culturalLegumesPrice-content{
width: 100%;
height: var(--content-height-);
background: linear-gradient(180deg, #414d7f, #333f6f);
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
.left-content{
height: var(--content-height-);
padding: 10px 5px 10px 10px;
width: calc(100% - var(--content-height-));
.left-c-top{
height: 20px;
line-height: 20px;
width: 100%;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
.top-icon{
background: #dcb26b;
color: #525981;
border-radius: 50%;
height: 15px;
line-height: 15px;
width: 15px;
text-align: center;
font-size: 12px;
}
.top-text{
color: #b39770;
font-size: 12px;
padding-left: 5px;
}
}
.left-c-center{
width: 100%;
height: 55px;
display: inline-flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
.center-price{
font-size: 20px;
text-align: left;
color: #FFFFFF;
}
.center-desc{
font-size: 10px;
width: 100%;
overflow: hidden;
color: #FFFFFF;
}
}
.left-c-bottom{
height: 25px;
width: 100%;
display: inline-flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
flex-wrap: nowrap;
.bottom-btn{
height: 18px;
line-height: 18px;
border-radius: 50px;
background: #ffffff;
color: #6c759b;
font-size: 12px;
width: 75px;
}
}
}
.right-image{
width: var(--content-height-);
height: var(--content-height-);
.right-image-icon{
width: 100%;
height: 100%;
}
}
}
}
</style>

2
src/views/home/home_controller.js
View File

@ -14,6 +14,7 @@ import top_navigation from "components/new_diy/top_navigation";
import U_article from "components/new_diy/article";
import U_backup from "components/new_diy/backup";
import U_blank from "components/new_diy/blank";
import U_cultural_legumes_price from "components/new_diy/cultural_legumes_price";
import U_button from "components/new_diy/button";
import U_community from "components/new_diy/community";
import U_coupons from "components/new_diy/coupons";
@ -877,6 +878,7 @@ export default {
U_article,
U_backup,
U_blank,
U_cultural_legumes_price,
U_button,
U_community,
U_coupons,

1
src/views/member/membercontroller.js
View File

@ -930,6 +930,7 @@ export default {
U_article: () => import("components/new_diy/article.vue"),
U_backup: () => import("components/new_diy/backup.vue"),
U_blank: () => import("components/new_diy/blank.vue"),
U_cultural_legumes_price: () => import("components/new_diy/cultural_legumes_price.vue"),
U_button: () => import("components/new_diy/button.vue"),
U_community: () => import("components/new_diy/community.vue"),
U_coupons: () => import("components/new_diy/coupons.vue"),

3
src/views/member/weight_value/home.vue
View File

@ -8,7 +8,8 @@
<img class="user-img-icon" :src="user.avatar_image" />
</div>
<div class="user_name">{{ user.username }}</div>
<div class="user_id">ID：{{ user.uid }}</div>
<div class="user_id" v-if="page_params.content_type == 'cultural_space'">{{ user.team_dividend ? user.team_dividend.cultural_level_name : 'ID：' + user.uid }}</div>
<div class="user_id" v-else>{{ user.team_dividend ? user.team_dividend.level_name : 'ID：' + user.uid }}</div>
</div>
<!--可提现金额&团队人数-->
<div class="money-and-team box-item">

1
src/views/new_diy_controller.js
View File

@ -570,6 +570,7 @@ export default {
U_article: () => import("../components/new_diy/article.vue"),
U_backup: () => import("../components/new_diy/backup.vue"),
U_blank: () => import("../components/new_diy/blank.vue"),
U_cultural_legumes_price: () => import("../components/new_diy/cultural_legumes_price.vue"),
U_button: () => import("../components/new_diy/button.vue"),
U_community: () => import("../components/new_diy/community.vue"),
U_coupons: () => import("../components/new_diy/coupons.vue"),

1
src/views/o2o/home_seller_controller.js
View File

@ -601,6 +601,7 @@ export default {
depositLadderCell,
U_backup: () => import("../../components/new_diy/backup.vue"),
U_blank: () => import("../../components/new_diy/blank.vue"),
U_cultural_legumes_price: () => import("../../components/new_diy/cultural_legumes_price.vue"),
U_button: () => import("../../components/new_diy/button.vue"),
U_community: () => import("../../components/new_diy/community.vue"),
U_cube: () => import("../../components/new_diy/cube.vue"),

1
src/views/others/cps/cpsPage.vue
View File

@ -388,6 +388,7 @@ export default {
U_article: () => import("../../../components/new_diy/article.vue"),
U_backup: () => import("../../../components/new_diy/backup.vue"),
U_blank: () => import("../../../components/new_diy/blank.vue"),
U_cultural_legumes_price: () => import("../../../components/new_diy/cultural_legumes_price.vue"),
U_button: () => import("../../../components/new_diy/button.vue"),
U_community: () => import("../../../components/new_diy/community.vue"),
U_coupons: () => import("../../../components/new_diy/coupons.vue"),