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