|
|
@@ -1,16 +1,16 @@
|
|
|
<template>
|
|
|
<view class="page">
|
|
|
- <u-sticky :h5-nav-height="0" z-index="9099" :offset-top='0'>
|
|
|
- <uni-NavBar :headerTitle="`${headerTitle}详情`" background="#fff" :isSlot="false"></uni-NavBar>
|
|
|
- <!-- <view class="status-message dis a-c module " :style="{background:detailsInfo.styleCOlor.backcolor}">
|
|
|
- <text>{{adPositionName}}</text>
|
|
|
-
|
|
|
- <view class="status"
|
|
|
- :style="{background:detailsInfo.styleCOlor.backcolor1,color:detailsInfo.styleCOlor.color}">
|
|
|
- {{detailsInfo.statusName}}
|
|
|
- </view>
|
|
|
- </view>-->
|
|
|
- </u-sticky>
|
|
|
+ <view class="top"></view>
|
|
|
+ <view class="head">
|
|
|
+ <view class="handle">
|
|
|
+ <view class="head_left">
|
|
|
+ <span class="cuIcon-back" @click="back" style="font-weight: 600;"></span>
|
|
|
+ </view>
|
|
|
+ <span class="center">广告详情</span>
|
|
|
+ <view class="head_right">
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<view class="body">
|
|
|
<view class="module dis f-c ">
|
|
|
<text class="module-title ">投放状态：</text>
|
|
|
@@ -298,9 +298,11 @@
|
|
|
'2': '轮播广告',
|
|
|
'3': '页面嵌入广告',
|
|
|
}
|
|
|
- this.headerTitle = map[this.detailsInfo.type] || ''
|
|
|
},
|
|
|
methods: {
|
|
|
+ back(){
|
|
|
+ uni.navigateBack()
|
|
|
+ },
|
|
|
adEdit() {
|
|
|
uni.navigateTo({
|
|
|
url: '/pages/adManagement/createFullscreenAd?id=' + this.detailsInfo.id,
|
|
|
@@ -394,6 +396,53 @@
|
|
|
background-color: #fff;
|
|
|
}
|
|
|
}
|
|
|
+ .top {
|
|
|
+ width: 100%;
|
|
|
+ height: var(--status-bar-height);
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ .head {
|
|
|
+ width: 100%;
|
|
|
+ background: #ffffff;
|
|
|
+
|
|
|
+ .handle {
|
|
|
+ height: 112rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ padding: 0px 24rpx;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .head_left {
|
|
|
+ font-size: 40rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .center {
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ font-size: 34rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+
|
|
|
+ .head_right {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ span {
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ display: flex;
|
|
|
+ font-size: 28rpx;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
|
|
|
.page {
|
|
|
background-color: #F7F8FC;
|
