parent
748878e194
commit
3bd3188a16
|
|
@ -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{
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Reference in New Issue