feat:投放任务详情渠道icon
This commit is contained in:
@@ -10,10 +10,13 @@
|
||||
>
|
||||
<div class="detail-content">
|
||||
<a-spin :spinning="loading">
|
||||
<img :src="setImg" alt=""/>
|
||||
<img :src="setImg" alt="" class="setImg"/>
|
||||
<a-form :model="detail" :label-col="labelCol" :wrapper-col="wrapperCol">
|
||||
<a-form-item label="投放渠道">
|
||||
{{ detail.launchChannel }}
|
||||
<div class="channel">
|
||||
<img :src="detail.appIconUrl" alt="" style="width: 22px;">
|
||||
{{ detail.launchChannel }}
|
||||
</div>
|
||||
</a-form-item>
|
||||
<a-form-item label="投放名称">
|
||||
{{ detail.launchName }}
|
||||
@@ -164,12 +167,19 @@ const setImg = computed(() => {
|
||||
.detail-content {
|
||||
position: relative;
|
||||
//padding: 24px;
|
||||
img{
|
||||
.setImg{
|
||||
position: absolute;
|
||||
top: -48px;
|
||||
right: 0;
|
||||
width: 140px;
|
||||
}
|
||||
.channel{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
img{
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
:deep(.ant-form-item) {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user