添加:装修组件 - 按钮组添加标题支持

优化:文创豆商城 - 易出任务修改为推广任务
This commit is contained in:
wuhui_zzw 2023-12-02 10:31:59 +08:00
parent 748878e194
commit 3bd3188a16
2 changed files with 39 additions and 3 deletions

View File

@ -2,6 +2,8 @@
<div class="U000004-template1" :class="className">
<!-- style -->
<div v-html="css"></div>
<!--标题-->
<div class="button-group-title" v-if="datas.title">{{ datas.title }}</div>
<!-- 列表 -->
<div v-if="datas.list.length <= 0" style="text-align: center; font-size: 16px; line-height: 32px;">
请先添加按钮
@ -68,13 +70,47 @@ const css = function () {
} = this.datas;
return `
.component-${this.id} .button-box{
padding: ${padding_top}px 0 ${padding_bottom}px 0;
.U000004-template1{
padding: 10px 0 0px 0;
flex-direction: column;
background-color: ${preview_color.color || '#f8f8f8'};
background-image: url(${preview_color.isColor == 2? preview_color.image: ''});
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
.U000004-template1 .button-group-title{
display: flex;
flex-wrap: wrap;
width: 100%;
width: 25%;
position: relative;
margin: 10px 0;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
justify-self: center;
padding: 0px 0 0px 20px;
font-size: 15px;
font-weight: bold;
}
.component-${this.id} .button-box{
// padding: ${padding_top}px 0 ${padding_bottom}px 0;
// background-color: ${preview_color.color || '#f8f8f8'};
// background-image: url(${preview_color.isColor == 2? preview_color.image: ''});
// background-size: 100% 100%;
// background-position: center;
// background-repeat: no-repeat;
}
.component-${this.id} .button-box li{

View File

@ -17,7 +17,7 @@
<!--任务和商品-->
<div class="task-and-goods" v-if="task_video_link || is_show_share">
<!--任务-->
<div class="block-title">易出任务</div>
<div class="block-title">推广任务</div>
<div class="task-list">
<div class="task-block" v-if="is_show_share">
<img class="task-icon" src="@/assets/images/weight_value/task_1.png">