轮播图组件修改
parent
1defb26689
commit
13bf37ae8c
|
|
@ -12,7 +12,7 @@
|
||||||
<div class="flex column sectionsbox">
|
<div class="flex column sectionsbox">
|
||||||
<div class="flex mt-1" v-for="item in dataset.data">
|
<div class="flex mt-1" v-for="item in dataset.data">
|
||||||
<div class="flex ai-c jc-c tasktitlesbox">
|
<div class="flex ai-c jc-c tasktitlesbox">
|
||||||
<div class="dots"></div>
|
<!-- <div class="dots"></div> -->
|
||||||
<div class="titleText">{{ item.title }}</div>
|
<div class="titleText">{{ item.title }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="desStyle">{{ item.desc }}</div>
|
<div class="desStyle">{{ item.desc }}</div>
|
||||||
|
|
@ -162,7 +162,7 @@ const handlerShowColumns = ()=> {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
.tasktitlesbox{
|
.tasktitlesbox{
|
||||||
width: 120px;
|
width: 90px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
}
|
}
|
||||||
.dots{
|
.dots{
|
||||||
|
|
@ -175,6 +175,11 @@ const handlerShowColumns = ()=> {
|
||||||
.titleText{
|
.titleText{
|
||||||
color: v-bind('titleColor');
|
color: v-bind('titleColor');
|
||||||
font-size: v-bind('titleSize+"px"');
|
font-size: v-bind('titleSize+"px"');
|
||||||
|
width: 72px;
|
||||||
|
text-align: right;
|
||||||
|
margin-right: 10px;
|
||||||
|
color: #9aa4af;
|
||||||
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
.desStyle{
|
.desStyle{
|
||||||
width: calc(100% - 120px);
|
width: calc(100% - 120px);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue